.color-alert-yellow {
    background-color: #fff36f
}

.color-yellow-light {
    background-color: #fefe9a
}

.color-white {
    background-color: #fff
}

.color-white-dark {
    background-color: #f7f7f7
}

.color-highlight {
    background-color: #f0f4f8
}

.color-grey-lighter2 {
    background-color: #e0e0e0
}

.color-lighter-grey-border {
    background-color: #d7d9db
}

.color-blue-lighter2 {
    background-color: #b8c7db
}

.color-grey-lighter6 {
    background-color: #bbb
}

.color-available {
    background-color: #88b29e
}

.color-grey-dark2 {
    background-color: #999
}

.color-error-light {
    background-color: #c5858f
}

.color-error-dark {
    background-color: #b5626f
}

.color-alert-yellow-dark {
    background-color: #8c8d5f
}

.color-accent {
    background-color: #7090b7
}

.color-blue-grey5 {
    background-color: #6481a4
}

.color-primary-middle {
    background-color: #6e797f
}

.color-blue-darker {
    background-color: #516885
}

.color-blue-font {
    background-color: #5e6a71
}

.color-grey-middle7 {
    background-color: #626262
}

.color-grey-middle3 {
    background-color: #525c62
}

.color-grey-middle-dark {
    background-color: #555
}

.color-dark-grey-border {
    background-color: #485157
}

.color-grey-dark {
    background-color: #333
}

.color-grey-dark7 {
    background-color: #222526
}

.color-black {
    background-color: #000
}

.typo-description-hl {
    font-family: Helvetica Extended Bold;
    font-size: 24px;
    line-height: 1.25;
    text-align: left
}

.typo-hl-main {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25
}

.c-product-teaser__headline,
.c-product-teaser__price,
.typo-hl-big {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25
}

.typo-hl-medium {
    font-size: 18px;
    line-height: 1.4375
}

.typo-hl-medium,
.typo-hl-small {
    font-family: Helvetica Extended Light;
    font-weight: 700
}

.typo-hl-small {
    font-size: 16px;
    line-height: 1.375
}

.c-product-teaser__subheadline,
.typo-hl-xs {
    font-family: Helvetica Extended Light;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857
}

.typo-lead-in {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625
}

@media print {
    .typo-lead-in {
        font-family: Arial, sans-serif
    }
}

.typo-copy {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

@media print {
    .typo-copy {
        font-family: Arial, sans-serif
    }
}

.typo-label-small {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5
}

@media print {
    .typo-label-small {
        font-family: Arial, sans-serif
    }
}

.typo-label-big {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.36364
}

@media print {
    .typo-label-big {
        font-family: Arial, sans-serif
    }
}

.typo-footnote {
    font-family: Helvetica;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400
}

@media print {
    .typo-footnote {
        font-family: Arial, sans-serif
    }
}

.c-product-teaser__copy-wrapper,
.c-product-teaser__price-subline,
.typo-small-print {
    font-family: Helvetica;
    font-size: 12px;
    line-height: 1.5
}

@media print {

    .c-product-teaser__copy-wrapper,
    .c-product-teaser__price-subline,
    .typo-small-print {
        font-family: Arial, sans-serif
    }
}

.typo-facts-number {
    font-size: 21px;
    line-height: 1.19048;
    text-align: center
}

.typo-facts-number,
.typo-year-date {
    font-family: Helvetica Extended Medium;
    letter-spacing: .02em;
    text-transform: uppercase
}

.typo-year-date {
    font-size: 20px;
    line-height: 1.25
}

.typo-spec-cont-hl {
    font-family: Helvetica Extended Medium;
    font-size: 30px;
    line-height: .83333;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: center
}

.typo-breadcrumb {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: .015em
}

@media print {
    .typo-breadcrumb {
        font-family: Arial, sans-serif
    }
}

.c-product-teaser__compare form.custom fieldset .c-product-teaser__compare-label,
.c-product-teaser__price-check,
.typo-small-links {
    font-family: Helvetica;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857
}

@media print {

    .c-product-teaser__compare form.custom fieldset .c-product-teaser__compare-label,
    .c-product-teaser__price-check,
    .typo-small-links {
        font-family: Arial, sans-serif
    }
}

.typo-tabs-links {
    font-family: Helvetica;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.11111
}

@media print {
    .typo-tabs-links {
        font-family: Arial, sans-serif
    }
}

.typo-illu-elem {
    font-family: Helvetica Extended Bold;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -.01em
}

.typo-teaser-big {
    font-family: Helvetica Extended Light;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

.typo-teaser-small {
    font-family: Helvetica Extended;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5625
}

.e-checkbox__input,
.e-radiobutton__input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.clearfix:after,
article,
section {
    clear: both
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
    font-family: sans-serif
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0;
    line-height:1.6;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: courier new, monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: "";
    content: none
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none;
    list-style-image: none
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure,
form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

@font-face {
    font-family: iconfont;
    src: url("../font/iconfont-434ffec8fa.eot");
    src: url("../font/iconfont-434ffec8fa.eot") format("eot"), url("../font/iconfont-1fc0f785f8.woff") format("woff"), url("../font/iconfont-97ca302316.ttf") format("truetype"), url("../font/iconfont-875660fdc3.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: iconfont;
        src: url("/static/font/iconfont-875660fdc3.svg") format("svg")
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

.c-meta-actions .comparer-cta--is-checked .c-meta-actions__checkbox:before,
.content-form .drag .plus:before,
.e-checkbox__checker--checked:before,
.icon-accessories:before,
.icon-animation:before,
.icon-application:before,
.icon-applications:before,
.icon-arrow-down:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-arrow-up:before,
.icon-arrowdown:before,
.icon-arrowleft:before,
.icon-arrowright:before,
.icon-arrowup:before,
.icon-availability:before,
.icon-bill:before,
.icon-calendar:before,
.icon-check-alternative-availability:before,
.icon-checkbox-alternative-inactive:before,
.icon-checkbox-alternative:before,
.icon-checkbox:before,
.icon-checkmark:before,
.icon-close-bold:before,
.icon-close-cta:before,
.icon-close:before,
.icon-common:before,
.icon-compare:before,
.icon-configurator-big:before,
.icon-configurator-filled:before,
.icon-configurator:before,
.icon-contacts:before,
.icon-creditcard:before,
.icon-customeraccount:before,
.icon-dates:before,
.icon-delete:before,
.icon-digital-i-os:before,
.icon-direct-applications:before,
.icon-direct-company:before,
.icon-direct-products:before,
.icon-disabled:before,
.icon-download:before,
.icon-drag-drop:before,
.icon-edit:before,
.icon-express:before,
.icon-externallink:before,
.icon-eye:before,
.icon-facts-employees:before,
.icon-facts-events:before,
.icon-facts-founded:before,
.icon-facts-time:before,
.icon-fax:before,
.icon-feedback-form:before,
.icon-filter:before,
.icon-grid:before,
.icon-highlight:before,
.icon-hint:before,
.icon-info-alternative:before,
.icon-info:before,
.icon-inside-burger:before,
.icon-installation:before,
.icon-kad-logo:before,
.icon-left:before,
.icon-like-active:before,
.icon-like-inactive:before,
.icon-link:before,
.icon-list:before,
.icon-logout:before,
.icon-mailing:before,
.icon-maximize:before,
.icon-menu:before,
.icon-meta-dataprivacy:before,
.icon-meta-imprint:before,
.icon-meta-sitemap:before,
.icon-meta-terms-conditions:before,
.icon-minimize:before,
.icon-minus:before,
.icon-nav-company-career:before,
.icon-nav-contact:before,
.icon-nav-overview:before,
.icon-nav-products-applications:before,
.icon-nav-service-support:before,
.icon-new-social-facebook:before,
.icon-new-social-googleplus:before,
.icon-new-social-linkedin:before,
.icon-new-social-twitter:before,
.icon-notice-active:before,
.icon-notice-inactive:before,
.icon-offer-alternative:before,
.icon-offer:before,
.icon-onlocation:before,
.icon-order:before,
.icon-package:before,
.icon-partly-delivered:before,
.icon-payment-method:before,
.icon-phone:before,
.icon-play:before,
.icon-plus:before,
.icon-price-and-availability:before,
.icon-print-alternative:before,
.icon-print:before,
.icon-prod-cadmodel:before,
.icon-prod-checkmark:before,
.icon-prod-configurator:before,
.icon-prod-datenblatt-charts:before,
.icon-prod-datenblatt-dimensiondrawing:before,
.icon-prod-fluidiccalculator:before,
.icon-prod-functionalmodel:before,
.icon-prod-listviewfilter:before,
.icon-prod-listviewsort:before,
.icon-prod-reliabilitytable:before,
.icon-profile:before,
.icon-quickorder:before,
.icon-reload:before,
.icon-return-box:before,
.icon-return:before,
.icon-right:before,
.icon-route:before,
.icon-sandclock:before,
.icon-selectcategory:before,
.icon-service:before,
.icon-share-alternative:before,
.icon-share:before,
.icon-shopping-cart-arrow:before,
.icon-shopping-cart-delete:before,
.icon-shopping-cart:before,
.icon-social-facebook:before,
.icon-social-googleplus:before,
.icon-social-instagram:before,
.icon-social-linkedin:before,
.icon-social-meta-facebook:before,
.icon-social-meta-google:before,
.icon-social-meta-linkedin:before,
.icon-social-meta-twitter:before,
.icon-social-meta-xing:before,
.icon-social-twitter:before,
.icon-social-xing:before,
.icon-social-youtube:before,
.icon-software:before,
.icon-sort:before,
.icon-spare-part:before,
.icon-tool-nav-countries:before,
.icon-tool-nav-login:before,
.icon-tool-nav-search:before,
.icon-tools-nav-cart:before,
.icon-trackdelivery:before,
.icon-trackprocess:before,
.icon-trader:before,
.icon-transparency:before,
.icon-upload:before,
.icon-wishlist:before,
.product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline:before,
.product .product-info .availability-check.is-express:before,
.product .tagtable-selectors>ul li a:before,
[data-icon]:before {
    display: inline-block;
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

.icon-accessories:before {
    content: "\EA01"
}

.icon-animation:before {
    content: "\EA02"
}

.icon-application:before {
    content: "\EA03"
}

.icon-applications:before {
    content: "\EA04"
}

.icon-arrow-down:before {
    content: "\EA05"
}

.icon-arrow-left:before {
    content: "\EA06"
}

.icon-arrow-right:before {
    content: "\EA07"
}

.icon-arrow-up:before {
    content: "\EA08"
}

.icon-arrowdown:before {
    content: "\EA09"
}

.icon-arrowleft:before {
    content: "\EA0A"
}

.icon-arrowright:before {
    content: "\EA0B"
}

.icon-arrowup:before {
    content: "\EA0C"
}

.icon-availability:before,
.product .product-info .availability-check.is-express:before {
    content: "\EA0D"
}

.icon-bill:before {
    content: "\EA0E"
}

.icon-calendar:before {
    content: "\EA0F"
}

.icon-check-alternative-availability:before {
    content: "\EA10"
}

.icon-checkbox-alternative-inactive:before {
    content: "\EA11"
}

.icon-checkbox-alternative:before {
    content: "\EA12"
}

.icon-checkbox:before {
    content: "\EA13"
}

.icon-checkmark:before {
    content: "\EA14"
}

.icon-close-bold:before {
    content: "\EA15"
}

.icon-close-cta:before {
    content: "\EA16"
}

.icon-close:before {
    content: "\EA17"
}

.icon-common:before {
    content: "\EA18"
}

.icon-compare:before {
    content: "\EA19"
}

.icon-configurator-big:before {
    content: "\EA1A"
}

.icon-configurator-filled:before {
    content: "\EA1B"
}

.icon-configurator:before {
    content: "\EA1C"
}

.icon-contacts:before {
    content: "\EA1D"
}

.icon-creditcard:before {
    content: "\EA1E"
}

.icon-customeraccount:before {
    content: "\EA1F"
}

.icon-dates:before {
    content: "\EA20"
}

.icon-delete:before {
    content: "\EA21"
}

.icon-digital-i-os:before {
    content: "\EA22"
}

.icon-direct-applications:before {
    content: "\EA23"
}

.icon-direct-company:before {
    content: "\EA24"
}

.icon-direct-products:before {
    content: "\EA25"
}

.icon-disabled:before {
    content: "\EA26"
}

.icon-download:before {
    content: "\EA27"
}

.icon-drag-drop:before {
    content: "\EA28"
}

.icon-edit:before {
    content: "\EA29"
}

.icon-express:before {
    content: "\EA2A"
}

.icon-externallink:before {
    content: "\EA2B"
}

.icon-eye:before {
    content: "\EA2C"
}

.icon-facts-employees:before {
    content: "\EA2D"
}

.icon-facts-events:before {
    content: "\EA2E"
}

.icon-facts-founded:before {
    content: "\EA2F"
}

.icon-facts-time:before {
    content: "\EA30"
}

.icon-fax:before {
    content: "\EA31"
}

.icon-feedback-form:before {
    content: "\EA32"
}

.icon-filter:before {
    content: "\EA33"
}

.icon-grid:before {
    content: "\EA34"
}

.icon-highlight:before {
    content: "\EA35"
}

.icon-hint:before {
    content: "\EA36"
}

.icon-info-alternative:before {
    content: "\EA37"
}

.icon-info:before {
    content: "\EA38"
}

.icon-inside-burger:before {
    content: "\EA39"
}

.icon-installation:before {
    content: "\EA3A"
}

.icon-kad-logo:before {
    content: "\EA3B"
}

.icon-left:before {
    content: "\EA3C"
}

.icon-like-active:before {
    content: "\EA3D"
}

.icon-like-inactive:before {
    content: "\EA3E"
}

.icon-link:before {
    content: "\EA3F"
}

.icon-list:before {
    content: "\EA40"
}

.icon-logout:before {
    content: "\EA41"
}

.icon-mailing:before {
    content: "\EA42"
}

.icon-maximize:before {
    content: "\EA43"
}

.icon-menu:before {
    content: "\EA44"
}

.icon-meta-dataprivacy:before {
    content: "\EA45"
}

.icon-meta-imprint:before {
    content: "\EA46"
}

.icon-meta-sitemap:before {
    content: "\EA47"
}

.icon-meta-terms-conditions:before {
    content: "\EA48"
}

.icon-minimize:before {
    content: "\EA49"
}

.icon-minus:before {
    content: "\EA4A"
}

.icon-nav-company-career:before {
    content: "\EA4B"
}

.icon-nav-contact:before {
    content: "\EA4C"
}

.icon-nav-overview:before {
    content: "\EA4D"
}

.icon-nav-products-applications:before {
    content: "\EA4E"
}

.icon-nav-service-support:before {
    content: "\EA4F"
}

.icon-new-social-facebook:before {
    content: "\EA50"
}

.icon-new-social-googleplus:before {
    content: "\EA51"
}

.icon-new-social-linkedin:before {
    content: "\EA52"
}

.icon-new-social-twitter:before {
    content: "\EA53"
}

.icon-notice-active:before {
    content: "\EA54"
}

.icon-notice-inactive:before {
    content: "\EA55"
}

.icon-offer-alternative:before {
    content: "\EA56"
}

.icon-offer:before {
    content: "\EA57"
}

.icon-onlocation:before {
    content: "\EA58"
}

.icon-order:before {
    content: "\EA59"
}

.icon-package:before {
    content: "\EA5A"
}

.icon-partly-delivered:before {
    content: "\EA5B"
}

.icon-payment-method:before {
    content: "\EA5C"
}

.icon-phone:before {
    content: "\EA5D"
}

.icon-play:before {
    content: "\EA5E"
}

.content-form .drag .plus:before,
.icon-plus:before {
    content: "\EA5F"
}

.icon-price-and-availability:before {
    content: "\EA60"
}

.icon-print-alternative:before {
    content: "\EA61"
}

.icon-print:before {
    content: "\EA62"
}

.icon-prod-cadmodel:before {
    content: "\EA63"
}

.c-meta-actions .comparer-cta--is-checked .c-meta-actions__checkbox:before,
.e-checkbox__checker--checked:before,
.icon-prod-checkmark:before,
.product .tagtable-selectors>ul li a:before {
    content: "\EA64"
}

.icon-prod-configurator:before {
    content: "\EA65"
}

.icon-prod-datenblatt-charts:before {
    content: "\EA66"
}

.icon-prod-datenblatt-dimensiondrawing:before {
    content: "\EA67"
}

.icon-prod-fluidiccalculator:before {
    content: "\EA68"
}

.icon-prod-functionalmodel:before {
    content: "\EA69"
}

.icon-prod-listviewfilter:before {
    content: "\EA6A"
}

.icon-prod-listviewsort:before,
.product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline:before {
    content: "\EA6B"
}

.icon-prod-reliabilitytable:before {
    content: "\EA6C"
}

.icon-profile:before {
    content: "\EA6D"
}

.icon-quickorder:before {
    content: "\EA6E"
}

.icon-reload:before {
    content: "\EA6F"
}

.icon-return-box:before {
    content: "\EA70"
}

.icon-return:before {
    content: "\EA71"
}

.icon-right:before {
    content: "\EA72"
}

.icon-route:before {
    content: "\EA73"
}

.icon-sandclock:before {
    content: "\EA74"
}

.icon-selectcategory:before {
    content: "\EA75"
}

.icon-service:before {
    content: "\EA76"
}

.icon-share-alternative:before {
    content: "\EA77"
}

.icon-share:before {
    content: "\EA78"
}

.icon-shopping-cart-arrow:before {
    content: "\EA79"
}

.icon-shopping-cart-delete:before {
    content: "\EA7A"
}

.icon-shopping-cart:before {
    content: "\EA7B"
}

.icon-social-facebook:before {
    content: "\EA7C"
}

.icon-social-googleplus:before {
    content: "\EA7D"
}

.icon-social-instagram:before {
    content: "\EA7E"
}

.icon-social-linkedin:before {
    content: "\EA7F"
}

.icon-social-meta-facebook:before {
    content: "\EA80"
}

.icon-social-meta-google:before {
    content: "\EA81"
}

.icon-social-meta-linkedin:before {
    content: "\EA82"
}

.icon-social-meta-twitter:before {
    content: "\EA83"
}

.icon-social-meta-xing:before {
    content: "\EA84"
}

.icon-social-twitter:before {
    content: "\EA85"
}

.icon-social-xing:before {
    content: "\EA86"
}

.icon-social-youtube:before {
    content: "\EA87"
}

.icon-software:before {
    content: "\EA88"
}

.icon-sort:before {
    content: "\EA89"
}

.icon-spare-part:before {
    content: "\EA8A"
}

.icon-tool-nav-countries:before {
    content: "\EA8B"
}

.icon-tool-nav-login:before {
    content: "\EA8C"
}

.icon-tool-nav-search:before {
    content: "\EA8D"
}

.icon-tools-nav-cart:before {
    content: "\EA8E"
}

.icon-trackdelivery:before {
    content: "\EA8F"
}

.icon-trackprocess:before {
    content: "\EA90"
}

.icon-trader:before {
    content: "\EA91"
}

.icon-transparency:before {
    content: "\EA92"
}

.icon-upload:before {
    content: "\EA93"
}

.icon-wishlist:before {
    content: "\EA94"
}

@font-face {
    font-family: iconvault;
    src: url("../font/iconvault_forecastfont.eot");
    src: url("../font/iconvault_forecastfont.eot") format("embedded-opentype"), url("../font/iconvault_forecastfont.woff") format("woff"), url("../font/iconvault_forecastfont.ttf") format("truetype"), url("../font/iconvault_forecastfont.svg") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.icon-01d:before,
.icon-01n:before,
.icon-02d:after,
.icon-02d:before,
.icon-02n:after,
.icon-02n:before,
.icon-03d:before,
.icon-03n:before,
.icon-04d:before,
.icon-04n:before,
.icon-09d:after,
.icon-09d:before,
.icon-09n:after,
.icon-09n:before,
.icon-10d:after,
.icon-10d:before,
.icon-10n:after,
.icon-10n:before,
.icon-11d:after,
.icon-11d:before,
.icon-11n:after,
.icon-11n:before,
.icon-13d:after,
.icon-13d:before,
.icon-13n:after,
.icon-13n:before,
.icon-50d:before,
.icon-50n:before,
.icon-basecloud:before,
.icon-cloud:before,
.icon-drizzle:after,
.icon-frosty:before,
.icon-hail:before,
.icon-mist:before,
.icon-moon:before,
.icon-night:after,
.icon-rainy:after,
.icon-showers:before,
.icon-sleet:before,
.icon-snowy:after,
.icon-sun:before,
.icon-sunny:after,
.icon-sunrise:before,
.icon-sunset:before,
.icon-thunder:after,
.icon-windy:before,
.icon-windyrain:before,
.icon-windyraincloud:before,
.icon-windysnow:before,
.icon-windysnowcloud:before {
    font-family: iconvault;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit
}

.icon-02n:after,
.icon-night:after {
    content: "\f100"
}

.icon-02d:after,
.icon-sunny:after {
    content: "\f101"
}

.icon-frosty:before {
    content: "\f102"
}

.icon-windysnow:before {
    content: "\f103"
}

.icon-showers:before {
    content: "\f104"
}

.icon-basecloud:before {
    content: "\f105"
}

.icon-02d:before,
.icon-02n:before,
.icon-03d:before,
.icon-03n:before,
.icon-04d:before,
.icon-04n:before,
.icon-09d:before,
.icon-09n:before,
.icon-10d:before,
.icon-10n:before,
.icon-11d:before,
.icon-11n:before,
.icon-13d:before,
.icon-13n:before,
.icon-cloud:before {
    content: "\f106"
}

.icon-09d:after,
.icon-09n:after,
.icon-rainy:after {
    content: "\f107"
}

.icon-50d:before,
.icon-50n:before,
.icon-mist:before {
    content: "\f108"
}

.icon-windysnowcloud:before {
    content: "\f109"
}

.icon-10d:after,
.icon-10n:after,
.icon-drizzle:after {
    content: "\f10a"
}

.icon-13d:after,
.icon-13n:after,
.icon-snowy:after {
    content: "\f10b"
}

.icon-sleet:before {
    content: "\f10c"
}

.icon-01n:before,
.icon-moon:before {
    content: "\f10d"
}

.icon-windyrain:before {
    content: "\f10e"
}

.icon-hail:before {
    content: "\f10f"
}

.icon-sunset:before {
    content: "\f110"
}

.icon-windyraincloud:before {
    content: "\f111"
}

.icon-sunrise:before {
    content: "\f112"
}

.icon-01d:before,
.icon-sun:before {
    content: "\f113"
}

.icon-11d:after,
.icon-11n:after,
.icon-thunder:after {
    content: "\f114"
}

.icon-windy:before {
    content: "\f115"
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-Light.eot");
    src: url("../font/OpenSans-Light.eot") format("embedded-opentype"), url("../font/OpenSans-Light.woff") format("woff"), url("../font/OpenSans-Light.ttf") format("truetype"), url("../font/OpenSans-Light.svg") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-LightItalic.eot");
    src: url("../font/OpenSans-LightItalic.eot") format("embedded-opentype"), url("../font/OpenSans-LightItalic.woff") format("woff"), url("../font/OpenSans-LightItalic.ttf") format("truetype"), url("../font/OpenSans-LightItalic.svg") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-Regular.eot");
    src: url("../font/OpenSans-Regular.eot") format("embedded-opentype"), url("../font/OpenSans-Regular.woff") format("woff"), url("../font/OpenSans-Regular.ttf") format("truetype"), url("../font/OpenSans-Regular.svg") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-Italic.eot");
    src: url("../font/OpenSans-Italic.eot") format("embedded-opentype"), url("../font/OpenSans-Italic.woff") format("woff"), url("../font/OpenSans-Italic.ttf") format("truetype"), url("../font/OpenSans-Italic.svg") format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-Semibold.eot");
    src: url("../font/OpenSans-Semibold.eot") format("embedded-opentype"), url("../font/OpenSans-Semibold.woff") format("woff"), url("../font/OpenSans-Semibold.ttf") format("truetype"), url("../font/OpenSans-Semibold.svg") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-SemiboldItalic.eot");
    src: url("../font/OpenSans-SemiboldItalic.eot") format("embedded-opentype"), url("../font/OpenSans-SemiboldItalic.woff") format("woff"), url("../font/OpenSans-SemiboldItalic.ttf") format("truetype"), url("../font/OpenSans-SemiboldItalic.svg") format("svg");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-Bold.eot");
    src: url("../font/OpenSans-Bold.eot") format("embedded-opentype"), url("../font/OpenSans-Bold.woff") format("woff"), url("../font/OpenSans-Bold.ttf") format("truetype"), url("../font/OpenSans-Bold.svg") format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: url("../font/OpenSans-BoldItalic.eot");
    src: url("../font/OpenSans-BoldItalic.eot") format("embedded-opentype"), url("../font/OpenSans-BoldItalic.woff") format("woff"), url("../font/OpenSans-BoldItalic.ttf") format("truetype"), url("../font/OpenSans-BoldItalic.svg") format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

meta.foundation-mq-small {
    font-family: "only screen and (min-width: 768px)";
    width: 768px
}

meta.foundation-mq-medium {
    font-family: only screen and\ (min-width:1280px);
    width: 1280px
}

meta.foundation-mq-large {
    font-family: only screen and\ (min-width:1440px);
    width: 1440px
}

*,
:after,
:before {
    box-sizing: border-box
}

body,
html {
    font-size: 100%
}

body {
    background: #fff;
    color: #333;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default
}

a:hover {
    cursor: pointer
}

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

embed,
object {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

.hide {
    display: none
}

.antialiased {
    -webkit-font-smoothing: antialiased
}

img {
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px
}

.row,
select {
    width: 100%
}

.row {
    margin: 0 auto;
    max-width: 80em;
    *zoom: 1
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin: 0 -.625em;
    max-width: none;
    *zoom: 1
}

.row .row:after,
.row .row:before {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1
}

.row .row.collapse:after,
.row .row.collapse:before {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    position: relative;
    padding-left: .625em;
    padding-right: .625em;
    width: 100%;
    float: left
}

@media only screen {

    .column,
    .columns {
        position: relative;
        padding-left: .625em;
        padding-right: .625em;
        float: left
    }

    .small-1 {
        position: relative;
        width: 6.25%
    }

    .small-2 {
        position: relative;
        width: 12.5%
    }

    .small-3 {
        position: relative;
        width: 18.75%
    }

    .small-4 {
        position: relative;
        width: 25%
    }

    .small-5 {
        position: relative;
        width: 31.25%
    }

    .small-6 {
        position: relative;
        width: 37.5%
    }

    .small-7 {
        position: relative;
        width: 43.75%
    }

    .small-8 {
        position: relative;
        width: 50%
    }

    .small-9 {
        position: relative;
        width: 56.25%
    }

    .small-10 {
        position: relative;
        width: 62.5%
    }

    .small-11 {
        position: relative;
        width: 68.75%
    }

    .small-12 {
        position: relative;
        width: 75%
    }

    .small-13 {
        position: relative;
        width: 81.25%
    }

    .small-14 {
        position: relative;
        width: 87.5%
    }

    .small-15 {
        position: relative;
        width: 93.75%
    }

    .small-16 {
        position: relative;
        width: 100%
    }

    .small-offset-0 {
        position: relative;
        margin-left: 0
    }

    .small-offset-1 {
        position: relative;
        margin-left: 6.25%
    }

    .small-offset-2 {
        position: relative;
        margin-left: 12.5%
    }

    .small-offset-3 {
        position: relative;
        margin-left: 18.75%
    }

    .small-offset-4 {
        position: relative;
        margin-left: 25%
    }

    .small-offset-5 {
        position: relative;
        margin-left: 31.25%
    }

    .small-offset-6 {
        position: relative;
        margin-left: 37.5%
    }

    .small-offset-7 {
        position: relative;
        margin-left: 43.75%
    }

    .small-offset-8 {
        position: relative;
        margin-left: 50%
    }

    .small-offset-9 {
        position: relative;
        margin-left: 56.25%
    }

    .small-offset-10 {
        position: relative;
        margin-left: 62.5%
    }

    .small-offset-11 {
        position: relative;
        margin-left: 68.75%
    }

    .small-offset-12 {
        position: relative;
        margin-left: 75%
    }

    .small-offset-13 {
        position: relative;
        margin-left: 81.25%
    }

    .small-offset-14 {
        position: relative;
        margin-left: 87.5%
    }

    [class*=column]+[class*=column]:last-child {
        float: right
    }

    [class*=column]+[class*=column].end {
        float: left
    }

    .column.small-centered,
    .columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }
}

@media only screen and (min-width:768px) {
    .large-1 {
        position: relative;
        width: 6.25%
    }

    .large-2 {
        position: relative;
        width: 12.5%
    }

    .large-3 {
        position: relative;
        width: 18.75%
    }

    .large-4 {
        position: relative;
        width: 25%
    }

    .large-5 {
        position: relative;
        width: 31.25%
    }

    .large-6 {
        position: relative;
        width: 37.5%
    }

    .large-7 {
        position: relative;
        width: 43.75%
    }

    .large-8 {
        position: relative;
        width: 50%
    }

    .large-9 {
        position: relative;
        width: 56.25%
    }

    .large-10 {
        position: relative;
        width: 62.5%
    }

    .large-11 {
        position: relative;
        width: 68.75%
    }

    .large-12 {
        position: relative;
        width: 75%
    }

    .large-13 {
        position: relative;
        width: 81.25%
    }

    .large-14 {
        position: relative;
        width: 87.5%
    }

    .large-15 {
        position: relative;
        width: 93.75%
    }

    .large-16 {
        position: relative;
        width: 100%
    }

    .row .large-offset-0 {
        position: relative;
        margin-left: 0
    }

    .row .large-offset-1 {
        position: relative;
        margin-left: 6.25%
    }

    .row .large-offset-2 {
        position: relative;
        margin-left: 12.5%
    }

    .row .large-offset-3 {
        position: relative;
        margin-left: 18.75%
    }

    .row .large-offset-4 {
        position: relative;
        margin-left: 25%
    }

    .row .large-offset-5 {
        position: relative;
        margin-left: 31.25%
    }

    .row .large-offset-6 {
        position: relative;
        margin-left: 37.5%
    }

    .row .large-offset-7 {
        position: relative;
        margin-left: 43.75%
    }

    .row .large-offset-8 {
        position: relative;
        margin-left: 50%
    }

    .row .large-offset-9 {
        position: relative;
        margin-left: 56.25%
    }

    .row .large-offset-10 {
        position: relative;
        margin-left: 62.5%
    }

    .row .large-offset-11 {
        position: relative;
        margin-left: 68.75%
    }

    .row .large-offset-12 {
        position: relative;
        margin-left: 75%
    }

    .row .large-offset-13 {
        position: relative;
        margin-left: 81.25%
    }

    .row .large-offset-14 {
        position: relative;
        margin-left: 87.5%
    }

    .row .large-offset-15 {
        position: relative;
        margin-left: 93.75%
    }

    .push-1 {
        left: 6.25%;
        right: auto
    }

    .pull-1,
    .push-1 {
        position: relative
    }

    .pull-1 {
        right: 6.25%;
        left: auto
    }

    .push-2 {
        left: 12.5%;
        right: auto
    }

    .pull-2,
    .push-2 {
        position: relative
    }

    .pull-2 {
        right: 12.5%;
        left: auto
    }

    .push-3 {
        left: 18.75%;
        right: auto
    }

    .pull-3,
    .push-3 {
        position: relative
    }

    .pull-3 {
        right: 18.75%;
        left: auto
    }

    .push-4 {
        left: 25%;
        right: auto
    }

    .pull-4,
    .push-4 {
        position: relative
    }

    .pull-4 {
        right: 25%;
        left: auto
    }

    .push-5 {
        left: 31.25%;
        right: auto
    }

    .pull-5,
    .push-5 {
        position: relative
    }

    .pull-5 {
        right: 31.25%;
        left: auto
    }

    .push-6 {
        left: 37.5%;
        right: auto
    }

    .pull-6,
    .push-6 {
        position: relative
    }

    .pull-6 {
        right: 37.5%;
        left: auto
    }

    .push-7 {
        left: 43.75%;
        right: auto
    }

    .pull-7,
    .push-7 {
        position: relative
    }

    .pull-7 {
        right: 43.75%;
        left: auto
    }

    .push-8 {
        left: 50%;
        right: auto
    }

    .pull-8,
    .push-8 {
        position: relative
    }

    .pull-8 {
        right: 50%;
        left: auto
    }

    .push-9 {
        left: 56.25%;
        right: auto
    }

    .pull-9,
    .push-9 {
        position: relative
    }

    .pull-9 {
        right: 56.25%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 68.75%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 68.75%;
        left: auto
    }

    .push-12 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-12 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-13 {
        position: relative;
        left: 81.25%;
        right: auto
    }

    .pull-13 {
        position: relative;
        right: 81.25%;
        left: auto
    }

    .push-14 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .pull-14 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .push-15 {
        position: relative;
        left: 93.75%;
        right: auto
    }

    .pull-15 {
        position: relative;
        right: 93.75%;
        left: auto
    }

    .column.large-centered,
    .columns.large-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right !important
    }
}

.show-for-large-down,
.show-for-medium-down,
.show-for-small {
    display: inherit !important
}

.show-for-large,
.show-for-large-up,
.show-for-medium,
.show-for-medium-up,
.show-for-xlarge {
    display: none !important
}

.hide-for-large,
.hide-for-large-up,
.hide-for-medium,
.hide-for-medium-up,
.hide-for-xlarge {
    display: inherit !important
}

.hide-for-large-down,
.hide-for-medium-down,
.hide-for-small {
    display: none !important
}

table.hide-for-large,
table.hide-for-large-up,
table.hide-for-medium,
table.hide-for-medium-up,
table.hide-for-xlarge,
table.show-for-large-down,
table.show-for-medium-down,
table.show-for-small {
    display: table
}

thead.hide-for-large,
thead.hide-for-large-up,
thead.hide-for-medium,
thead.hide-for-medium-up,
thead.hide-for-xlarge,
thead.show-for-large-down,
thead.show-for-medium-down,
thead.show-for-small {
    display: table-header-group !important
}

tbody.hide-for-large,
tbody.hide-for-large-up,
tbody.hide-for-medium,
tbody.hide-for-medium-up,
tbody.hide-for-xlarge,
tbody.show-for-large-down,
tbody.show-for-medium-down,
tbody.show-for-small {
    display: table-row-group !important
}

tr.hide-for-large,
tr.hide-for-large-up,
tr.hide-for-medium,
tr.hide-for-medium-up,
tr.hide-for-xlarge,
tr.show-for-large-down,
tr.show-for-medium-down,
tr.show-for-small {
    display: table-row !important
}

td.hide-for-large,
td.hide-for-large-up,
td.hide-for-medium,
td.hide-for-medium-up,
td.hide-for-xlarge,
td.show-for-large-down,
td.show-for-medium-down,
td.show-for-small,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-xlarge,
th.show-for-large-down,
th.show-for-medium-down,
th.show-for-small {
    display: table-cell !important
}

@media only screen and (min-width:768px) {

    .show-for-medium,
    .show-for-medium-up {
        display: inherit !important
    }

    .show-for-small {
        display: none !important
    }

    .hide-for-small {
        display: inherit !important
    }

    .hide-for-medium,
    .hide-for-medium-up {
        display: none !important
    }

    table.hide-for-small,
    table.show-for-medium,
    table.show-for-medium-up {
        display: table
    }

    thead.hide-for-small,
    thead.show-for-medium,
    thead.show-for-medium-up {
        display: table-header-group !important
    }

    tbody.hide-for-small,
    tbody.show-for-medium,
    tbody.show-for-medium-up {
        display: table-row-group !important
    }

    tr.hide-for-small,
    tr.show-for-medium,
    tr.show-for-medium-up {
        display: table-row !important
    }

    td.hide-for-small,
    td.show-for-medium,
    td.show-for-medium-up,
    th.hide-for-small,
    th.show-for-medium,
    th.show-for-medium-up {
        display: table-cell !important
    }
}

@media only screen and (min-width:1280px) {

    .show-for-large,
    .show-for-large-up {
        display: inherit !important
    }

    .show-for-medium,
    .show-for-medium-down {
        display: none !important
    }

    .hide-for-medium,
    .hide-for-medium-down {
        display: inherit !important
    }

    .hide-for-large,
    .hide-for-large-up {
        display: none !important
    }

    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large,
    table.show-for-large-up {
        display: table
    }

    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large,
    thead.show-for-large-up {
        display: table-header-group !important
    }

    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large,
    tbody.show-for-large-up {
        display: table-row-group !important
    }

    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large,
    tr.show-for-large-up {
        display: table-row !important
    }

    td.hide-for-medium,
    td.hide-for-medium-down,
    td.show-for-large,
    td.show-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-down,
    th.show-for-large,
    th.show-for-large-up {
        display: table-cell !important
    }
}

@media only screen and (min-width:1440px) {
    .show-for-xlarge {
        display: inherit !important
    }

    .show-for-large,
    .show-for-large-down {
        display: none !important
    }

    .hide-for-large,
    .hide-for-large-down {
        display: inherit !important
    }

    .hide-for-xlarge {
        display: none !important
    }

    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge {
        display: table
    }

    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge {
        display: table-header-group !important
    }

    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge {
        display: table-row-group !important
    }

    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge {
        display: table-row !important
    }

    td.hide-for-large,
    td.hide-for-large-down,
    td.show-for-xlarge,
    th.hide-for-large,
    th.hide-for-large-down,
    th.show-for-xlarge {
        display: table-cell !important
    }
}

.hide-for-portrait,
.show-for-landscape {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

table.hide-for-landscape,
table.show-for-portrait {
    display: table
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}

@media only screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: inherit !important
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }

    table.hide-for-portrait,
    table.show-for-landscape {
        display: table
    }

    thead.hide-for-portrait,
    thead.show-for-landscape {
        display: table-header-group !important
    }

    tbody.hide-for-portrait,
    tbody.show-for-landscape {
        display: table-row-group !important
    }

    tr.hide-for-portrait,
    tr.show-for-landscape {
        display: table-row !important
    }

    td.hide-for-portrait,
    td.show-for-landscape,
    th.hide-for-portrait,
    th.show-for-landscape {
        display: table-cell !important
    }
}

@media only screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: inherit !important
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }

    table.hide-for-landscape,
    table.show-for-portrait {
        display: table
    }

    thead.hide-for-landscape,
    thead.show-for-portrait {
        display: table-header-group !important
    }

    tbody.hide-for-landscape,
    tbody.show-for-portrait {
        display: table-row-group !important
    }

    tr.hide-for-landscape,
    tr.show-for-portrait {
        display: table-row !important
    }

    td.hide-for-landscape,
    td.show-for-portrait,
    th.hide-for-landscape,
    th.show-for-portrait {
        display: table-cell !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch,
.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

.touch table.show-for-touch,
table.hide-for-touch {
    display: table
}

.touch thead.show-for-touch,
thead.hide-for-touch {
    display: table-header-group !important
}

.touch tbody.show-for-touch,
tbody.hide-for-touch {
    display: table-row-group !important
}

.touch tr.show-for-touch,
tr.hide-for-touch {
    display: table-row !important
}

.touch td.show-for-touch,
.touch th.show-for-touch,
td.hide-for-touch,
th.hide-for-touch {
    display: table-cell !important
}

@media only screen {
    [class*=block-grid-] {
        display: block;
        padding: 0;
        margin: 0 -.625em;
        *zoom: 1
    }

    [class*=block-grid-]:after,
    [class*=block-grid-]:before {
        content: " ";
        display: table
    }

    [class*=block-grid-]:after {
        clear: both
    }

    [class*=block-grid-]>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-1>li {
        width: 100%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-1>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .small-block-grid-2>li {
        width: 50%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-2>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .small-block-grid-3>li {
        width: 33.33333%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-3>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .small-block-grid-4>li {
        width: 25%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-4>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .small-block-grid-5>li {
        width: 20%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-5>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .small-block-grid-6>li {
        width: 16.66667%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-6>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .small-block-grid-7>li {
        width: 14.28571%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-7>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .small-block-grid-8>li {
        width: 12.5%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-8>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .small-block-grid-9>li {
        width: 11.11111%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-9>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .small-block-grid-10>li {
        width: 10%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-10>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .small-block-grid-11>li {
        width: 9.09091%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-11>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .small-block-grid-12>li {
        width: 8.33333%;
        padding: 0 .625em 1.25em
    }

    .small-block-grid-12>li:nth-of-type(n) {
        clear: none
    }

    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

@media only screen and (min-width:768px) {

    .small-block-grid-1>li:nth-of-type(1n+1),
    .small-block-grid-2>li:nth-of-type(odd),
    .small-block-grid-3>li:nth-of-type(3n+1),
    .small-block-grid-4>li:nth-of-type(4n+1),
    .small-block-grid-5>li:nth-of-type(5n+1),
    .small-block-grid-6>li:nth-of-type(6n+1),
    .small-block-grid-7>li:nth-of-type(7n+1),
    .small-block-grid-8>li:nth-of-type(8n+1),
    .small-block-grid-9>li:nth-of-type(9n+1),
    .small-block-grid-10>li:nth-of-type(10n+1),
    .small-block-grid-11>li:nth-of-type(11n+1),
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: none
    }

    .large-block-grid-1>li {
        width: 100%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-1>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }

    .large-block-grid-2>li {
        width: 50%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-2>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-2>li:nth-of-type(odd) {
        clear: both
    }

    .large-block-grid-3>li {
        width: 33.33333%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-3>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }

    .large-block-grid-4>li {
        width: 25%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-4>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }

    .large-block-grid-5>li {
        width: 20%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-5>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }

    .large-block-grid-6>li {
        width: 16.66667%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-6>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }

    .large-block-grid-7>li {
        width: 14.28571%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-7>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }

    .large-block-grid-8>li {
        width: 12.5%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-8>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }

    .large-block-grid-9>li {
        width: 11.11111%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-9>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }

    .large-block-grid-10>li {
        width: 10%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-10>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }

    .large-block-grid-11>li {
        width: 9.09091%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-11>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }

    .large-block-grid-12>li {
        width: 8.33333%;
        padding: 0 .625em 1.25em
    }

    .large-block-grid-12>li:nth-of-type(n) {
        clear: none
    }

    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}

.button,
button {
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding: .75em 1.5em .8125em;
    font-size: 1em;
    background-color: #5e6a71;
    border: 1px solid #525d63;
    color: #fff
}

.button:focus,
.button:hover,
button:focus,
button:hover {
    background-color: #525d63;
    color: #fff
}

.button.secondary,
button.secondary {
    background-color: #e9e9e9;
    border-color: #dcdcdc;
    color: #333
}

.button.secondary:focus,
.button.secondary:hover,
button.secondary:focus,
button.secondary:hover {
    background-color: #dcdcdc;
    color: #333
}

.button.success,
button.success {
    background-color: #7ca295;
    border-color: #6d9789;
    color: #fff
}

.button.success:focus,
.button.success:hover,
button.success:focus,
button.success:hover {
    background-color: #6d9789;
    color: #fff
}

.button.alert,
button.alert {
    background-color: #c5858f;
    border-color: #bd747f;
    color: #fff
}

.button.alert:focus,
.button.alert:hover,
button.alert:focus,
button.alert:hover {
    background-color: #bd747f;
    color: #fff
}

.button.large,
button.large {
    padding: 1em 2em 1.0625em;
    font-size: 1.25em
}

.button.small,
button.small {
    padding: .5625em 1.125em .625em;
    font-size: .8125em
}

.button.tiny,
button.tiny {
    padding: .4375em .875em .5em;
    font-size: .6875em
}

.button.expand,
button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.button.left-align,
button.left-align {
    text-align: left;
    text-indent: .75em
}

.button.right-align,
button.right-align {
    text-align: right;
    padding-right: .75em
}

.button.disabled,
.button[disabled],
button.disabled,
button[disabled] {
    background-color: #5e6a71;
    border-color: #525d63;
    color: #fff;
    cursor: default;
    opacity: .6;
    box-shadow: none
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover,
button.disabled:focus,
button.disabled:hover,
button[disabled]:focus,
button[disabled]:hover {
    background-color: #525d63;
    color: #fff;
    background-color: #5e6a71
}

.button.disabled.secondary,
.button[disabled].secondary,
button.disabled.secondary,
button[disabled].secondary {
    background-color: #e9e9e9;
    border-color: #dcdcdc;
    color: #333;
    cursor: default;
    opacity: .6;
    box-shadow: none
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover,
button.disabled.secondary:focus,
button.disabled.secondary:hover,
button[disabled].secondary:focus,
button[disabled].secondary:hover {
    background-color: #dcdcdc;
    color: #333;
    background-color: #e9e9e9
}

.button.disabled.success,
.button[disabled].success,
button.disabled.success,
button[disabled].success {
    background-color: #7ca295;
    border-color: #6d9789;
    color: #fff;
    cursor: default;
    opacity: .6;
    box-shadow: none
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover,
button.disabled.success:focus,
button.disabled.success:hover,
button[disabled].success:focus,
button[disabled].success:hover {
    background-color: #6d9789;
    color: #fff;
    background-color: #7ca295
}

.button.disabled.alert,
.button[disabled].alert,
button.disabled.alert,
button[disabled].alert {
    background-color: #c5858f;
    border-color: #bd747f;
    color: #fff;
    cursor: default;
    opacity: .6;
    box-shadow: none
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover,
button.disabled.alert:focus,
button.disabled.alert:hover,
button[disabled].alert:focus,
button[disabled].alert:hover {
    background-color: #bd747f;
    color: #fff;
    background-color: #c5858f
}

.button,
button {
    padding-top: .8125em;
    padding-bottom: .75em;
    -webkit-appearance: none
}

.button.tiny,
button.tiny {
    padding-top: .5em;
    padding-bottom: .4375em;
    -webkit-appearance: none
}

.button.small,
button.small {
    padding-top: .625em;
    padding-bottom: .5625em;
    -webkit-appearance: none
}

.button.large,
button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em;
    -webkit-appearance: none
}

@media only screen {

    .button,
    button {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .5);
        transition: background-color .3s ease-out
    }

    .button:active,
    button:active {
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2)
    }

    .button.radius,
    button.radius {
        border-radius: 3px
    }

    .button.round,
    button.round {
        border-radius: 1000px
    }
}

@media only screen and (min-width:768px) {

    .button,
    button {
        display: inline-block
    }
}

form {
    margin: 0 0 1em
}

form .row .row {
    margin: 0 -.5em
}

form .row .row .column,
form .row .row .columns {
    padding: 0 .5em
}

form .row .row.collapse {
    margin: 0
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}

form .row .row.collapse input {
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: .5em
}

label {
    font-size: .875em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: .1875em
}

label.right {
    float: none;
    text-align: right
}

label.inline {
    margin: 0 0 1em;
    padding: .625em 0
}

label small {
    text-transform: capitalize;
    color: #666
}

.postfix,
.prefix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: .875em;
    height: 2.3125em;
    line-height: 2.3125em
}

.postfix.button,
.prefix.button {
    padding: 0;
    text-align: center;
    line-height: 2.125em
}

.prefix.button.radius {
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.postfix.button.radius {
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.prefix.button.round {
    border-radius: 0;
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.postfix.button.round {
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

label.prefix,
span.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    color: #333
}

label.prefix.radius,
span.prefix.radius {
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

label.postfix,
span.postfix {
    background: #f2f2f2;
    border-color: #ccc;
    border-left: none;
    color: #333
}

label.postfix.radius,
span.postfix.radius {
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.radius>:first-child,
.input-group.radius>:first-child * {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-group.radius>:last-child,
.input-group.radius>:last-child * {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.input-group.round>:first-child,
.input-group.round>:first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.input-group.round>:last-child,
.input-group.round>:last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: #333;
    display: block;
    margin: 0 0 1em;
    padding: .5em;
    height: 2.3125em;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow .45s, border-color .45s ease-in-out
}

input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    box-shadow: 0 0 5px #999;
    background: #fff;
    border-color: #999;
    outline: none
}

input[type=date][disabled],
input[type=datetime-local][disabled],
input[type=datetime][disabled],
input[type=email][disabled],
input[type=month][disabled],
input[type=number][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=text][disabled],
input[type=time][disabled],
input[type=url][disabled],
input[type=week][disabled],
textarea[disabled] {
    background-color: #ddd
}

input[type=checkbox],
input[type=file],
input[type=radio],
select {
    margin: 0 0 1em
}

input[type=file] {
    width: 100%
}

fieldset {
    border: 1px solid #ddd;
    padding: 1.25em;
    margin: 1.125em 0
}

fieldset legend {
    font-weight: 700;
    background: #fff;
    padding: 0 .1875em;
    margin: 0;
    margin-left: -.1875em
}

[data-abide] .error small.error,
[data-abide] small.error,
[data-abide] span.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: 700;
    background: #c5858f;
    color: #fff
}

[data-abide] small.error,
[data-abide] span.error {
    display: none
}

small.error,
span.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: 700;
    background: #c5858f;
    color: #fff
}

.error input,
.error select,
.error textarea {
    border-color: #c5858f;
    background-color: rgba(197, 133, 143, .1);
    margin-bottom: 0
}

.error input:focus,
.error select:focus,
.error textarea:focus {
    background: #fff;
    border-color: #999
}

.error label,
.error label.error {
    color: #c5858f
}

.error>small,
.error small.error {
    display: block;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: 700;
    background: #c5858f;
    color: #fff
}

.error span.error-message {
    display: block
}

input.error,
textarea.error {
    border-color: #c5858f;
    background-color: rgba(197, 133, 143, .1);
    margin-bottom: 0
}

input.error:focus,
textarea.error:focus {
    background: #fff;
    border-color: #999
}

.error select {
    border-color: #c5858f;
    background-color: rgba(197, 133, 143, .1)
}

.error select:focus {
    background: #fff;
    border-color: #999
}

label.error {
    color: #c5858f
}

form.custom .hidden-field {
    margin-left: -99999px;
    position: absolute;
    visibility: hidden
}

form.custom .custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background: #fff
}

form.custom .custom.checkbox {
    border-radius: 0;
    padding: 0
}

form.custom .custom.radio {
    border-radius: 1000px;
    padding: 3px
}

form.custom .custom.checkbox:before {
    content: "";
    display: block;
    font-size: 16px;
    color: #fff
}

form.custom .custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 1000px;
    background: #222;
    position: relative
}

form.custom .custom.checkbox.checked:before {
    content: "\00d7";
    color: #222;
    position: absolute;
    top: -50%;
    left: 50%;
    margin-top: 4px;
    margin-left: -5px
}

form.custom .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: 2.3125em;
    margin-bottom: 1.25em;
    margin-top: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff, #fff);
    -webkit-box-shadow: none;
    background: linear-gradient(180deg, #fff 0, #fff);
    box-shadow: none;
    font-size: .875em;
    vertical-align: top
}

form.custom .custom.dropdown ul {
    overflow-y: auto;
    max-height: 200px
}

form.custom .custom.dropdown .current {
    cursor: default;
    white-space: nowrap;
    line-height: 2.25em;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    display: block;
    margin-left: .5em;
    margin-right: 2.3125em
}

form.custom .custom.dropdown .selector {
    cursor: default;
    position: absolute;
    width: 2.5em;
    height: 2.3125em;
    display: block;
    right: 0;
    top: 0
}

form.custom .custom.dropdown .selector:after {
    position: absolute;
    left: .9375em;
    top: 50%;
    margin-top: -3px
}

form.custom .custom.dropdown.open a.selector:after,
form.custom .custom.dropdown .selector:after,
form.custom .custom.dropdown:hover a.selector:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #fff transparent transparent;
    border-top-style: solid
}

form.custom .custom.dropdown .disabled {
    color: #888
}

form.custom .custom.dropdown .disabled:hover {
    background: transparent;
    color: #888
}

form.custom .custom.dropdown .disabled:hover:after {
    display: none
}

form.custom .custom.dropdown.open ul {
    display: block;
    z-index: 10;
    min-width: 100%;
    box-sizing: content-box
}

form.custom .custom.dropdown.small {
    max-width: 134px
}

form.custom .custom.dropdown.medium {
    max-width: 254px
}

form.custom .custom.dropdown.large {
    max-width: 434px
}

form.custom .custom.dropdown.expand {
    width: 100% !important
}

form.custom .custom.dropdown.open.small ul {
    min-width: 134px;
    box-sizing: border-box
}

form.custom .custom.dropdown.open.medium ul {
    min-width: 254px;
    box-sizing: border-box
}

form.custom .custom.dropdown.open.large ul {
    min-width: 434px;
    box-sizing: border-box
}

form.custom .error .custom.dropdown {
    border-color: #c5858f;
    background-color: rgba(197, 133, 143, .1);
    background: rgba(197, 133, 143, .1);
    margin-bottom: 0
}

form.custom .error .custom.dropdown:focus {
    background: #fff;
    border-color: #999
}

form.custom .error .custom.dropdown+small.error {
    margin-top: 0
}

form.custom .custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    left: -1px;
    top: auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px
}

form.custom .custom.dropdown ul li {
    color: #555;
    font-size: .875em;
    cursor: default;
    padding: .25em 2.375em .25em .375em;
    min-height: 1.5em;
    line-height: 1.5em;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

form.custom .custom.dropdown ul li.selected {
    background: #eee;
    color: #000
}

form.custom .custom.dropdown ul li:hover {
    background-color: #e4e4e4;
    color: #000
}

form.custom .custom.dropdown ul li.selected:hover {
    background: #eee;
    cursor: default;
    color: #000
}

form.custom .custom.dropdown ul.show {
    display: block
}

form.custom .custom.disabled {
    background: #ddd
}

.button-group {
    list-style: none;
    margin: 0;
    *zoom: 1
}

.button-group:after,
.button-group:before {
    content: " ";
    display: table
}

.button-group:after {
    clear: both
}

.button-group>* {
    margin: 0 0 0 -1px;
    float: left
}

.button-group>:first-child {
    margin-left: 0
}

.button-group.radius>:first-child,
.button-group.radius>:first-child>.button,
.button-group.radius>:first-child>a,
.button-group.radius>:first-child>button {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.button-group.radius>:last-child,
.button-group.radius>:last-child>.button,
.button-group.radius>:last-child>a,
.button-group.radius>:last-child>button {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.button-group.round>:first-child,
.button-group.round>:first-child>.button,
.button-group.round>:first-child>a,
.button-group.round>:first-child>button {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}

.button-group.round>:last-child,
.button-group.round>:last-child>.button,
.button-group.round>:last-child>a,
.button-group.round>:last-child>button {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

.button-group.even-2 li {
    width: 50%
}

.button-group.even-2 li .button,
.button-group.even-2 li button {
    width: 100%
}

.button-group.even-3 li {
    width: 33.33333%
}

.button-group.even-3 li .button,
.button-group.even-3 li button {
    width: 100%
}

.button-group.even-4 li {
    width: 25%
}

.button-group.even-4 li .button,
.button-group.even-4 li button {
    width: 100%
}

.button-group.even-5 li {
    width: 20%
}

.button-group.even-5 li .button,
.button-group.even-5 li button {
    width: 100%
}

.button-group.even-6 li {
    width: 16.66667%
}

.button-group.even-6 li .button,
.button-group.even-6 li button {
    width: 100%
}

.button-group.even-7 li {
    width: 14.28571%
}

.button-group.even-7 li .button,
.button-group.even-7 li button {
    width: 100%
}

.button-group.even-8 li {
    width: 12.5%
}

.button-group.even-8 li .button,
.button-group.even-8 li button {
    width: 100%
}

.button-bar {
    *zoom: 1
}

.button-bar:after,
.button-bar:before {
    content: " ";
    display: table
}

.button-bar:after {
    clear: both
}

.button-bar .button-group {
    float: left;
    margin-right: .625em
}

.button-bar .button-group div {
    overflow: hidden
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.slideshow-wrapper {
    position: relative
}

.slideshow-wrapper ul {
    list-style-type: none;
    margin: 0
}

.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
    display: none
}

.slideshow-wrapper ul li:first-child {
    display: block
}

.slideshow-wrapper .orbit-container {
    background-color: transparent
}

.preloader,
.slideshow-wrapper .orbit-container li,
.slideshow-wrapper .orbit-container li .orbit-caption {
    display: block
}

.preloader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: 3px solid;
    border-color: #555 #fff;
    border-radius: 1000px;
    -webkit-animation-name: a;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: a;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: a;
    -o-animation-duration: 1.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: a;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.orbit-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: #f5f5f5
}

.orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.orbit-container .orbit-slides-container img {
    display: block;
    max-width: 100%
}

.orbit-container .orbit-slides-container>* {
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: 100%
}

.orbit-container .orbit-slides-container>:first-child {
    margin-left: 0
}

.orbit-container .orbit-slides-container>* .orbit-caption {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    width: 100%;
    padding: 10px 14px;
    font-size: .875em
}

.orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: transparent;
    z-index: 10
}

.orbit-container .orbit-slide-number span {
    font-weight: 700;
    padding: .3125em
}

.orbit-container .orbit-timer {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10
}

.orbit-container .orbit-timer .orbit-progress {
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: block;
    width: 0
}

.orbit-container .orbit-timer>span {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
    width: 11px;
    height: 14px;
    border: 4px solid #000;
    border-top: none;
    border-bottom: none
}

.orbit-container .orbit-timer.paused>span {
    right: -6px;
    top: 9px;
    width: 11px;
    height: 14px;
    border: 8px inset;
    border-right-style: solid;
    border-color: transparent transparent transparent #000
}

.orbit-container:hover .orbit-timer>span {
    display: block
}

.orbit-container .orbit-next,
.orbit-container .orbit-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: rgba(0, 0, 0, .6);
    width: 50px;
    height: 60px;
    line-height: 50px;
    color: #fff;
    text-indent: -9999px !important;
    z-index: 10
}

.orbit-container .orbit-next:hover,
.orbit-container .orbit-prev:hover {
    background-color: rgba(0, 0, 0, .6)
}

.orbit-container .orbit-next>span,
.orbit-container .orbit-prev>span {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    display: block;
    width: 0;
    height: 0;
    border: 16px inset
}

.orbit-container .orbit-prev {
    left: 0
}

.orbit-container .orbit-prev>span {
    border-right-style: solid;
    border-color: transparent;
    border-right-color: #fff
}

.orbit-container .orbit-prev:hover>span {
    border-right-color: #ccc
}

.orbit-container .orbit-next {
    right: 0
}

.orbit-container .orbit-next>span {
    border-color: transparent;
    border-left-style: solid;
    border-left-color: #fff;
    left: 50%;
    margin-left: -8px
}

.orbit-container .orbit-next:hover>span {
    border-left-color: #ccc
}

.orbit-bullets {
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
    top: 10px
}

.orbit-bullets li {
    display: block;
    width: .75em;
    height: .75em;
    background: transparent;
    float: left;
    margin-right: 6px;
    border: 1px solid #fff;
    border-radius: 1000px
}

.orbit-bullets li.active {
    background: #fff
}

.orbit-bullets li:last-child {
    margin-right: 0
}

.touch .orbit-bullets,
.touch .orbit-container .orbit-next,
.touch .orbit-container .orbit-prev {
    display: none
}

@media only screen and (min-width:768px) {

    .touch .orbit-container .orbit-next,
    .touch .orbit-container .orbit-prev {
        display: inherit
    }

    .touch .orbit-bullets {
        display: block
    }
}

@media only screen and (max-width:768px) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important
    }

    .orbit-stack-on-small .orbit-slides-container>* {
        position: relative;
        margin-left: 0 !important
    }

    .orbit-stack-on-small .orbit-bullets,
    .orbit-stack-on-small .orbit-next,
    .orbit-stack-on-small .orbit-prev,
    .orbit-stack-on-small .orbit-timer {
        display: none
    }
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .45);
    z-index: 98;
    display: none;
    top: 0;
    left: 0
}

.c-resistapp-modal,
.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 99;
    height: auto;
    margin-left: -40%;
    width: 80%;
    background-color: #fff;
    padding: 1.25em;
    border: 1px solid #666;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    top: 50px
}

.c-resistapp-modal .column,
.c-resistapp-modal .columns,
.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}

.c-resistapp-modal>:first-child,
.reveal-modal>:first-child {
    margin-top: 0
}

.c-resistapp-modal>:last-child,
.reveal-modal>:last-child {
    margin-bottom: 0
}

.c-resistapp-modal .close-reveal-modal,
.reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: .5em;
    right: .6875em;
    color: #aaa;
    font-weight: 700;
    cursor: pointer
}

@media only screen and (min-width:768px) {

    .c-resistapp-modal,
    .reveal-modal {
        padding: 1.875em;
        top: 6.25em
    }

    .reveal-modal.tiny,
    .tiny.c-resistapp-modal {
        margin-left: -15%;
        width: 30%
    }

    .reveal-modal.small,
    .small.c-resistapp-modal {
        margin-left: -20%;
        width: 40%
    }

    .medium.c-resistapp-modal,
    .reveal-modal.medium {
        margin-left: -30%;
        width: 60%
    }

    .large.c-resistapp-modal,
    .reveal-modal.large {
        margin-left: -35%;
        width: 70%
    }

    .reveal-modal.xlarge,
    .xlarge.c-resistapp-modal {
        margin-left: -47.5%;
        width: 95%
    }
}

@media print {

    .c-resistapp-modal,
    .reveal-modal {
        background: #fff !important
    }
}

.alert-box {
    display: block;
    font-weight: 700;
    margin-bottom: 1.25em;
    position: relative;
    padding: .6875em 1.3125em .75em .6875em;
    font-size: .875em;
    background-color: #5e6a71;
    border: 1px solid #475055;
    color: #fff
}

.alert-box .close {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: .4375em;
    right: .3125em;
    color: #333;
    opacity: .3
}

.alert-box .close:focus,
.alert-box .close:hover {
    opacity: .5
}

.alert-box.radius {
    border-radius: 3px
}

.alert-box.round {
    border-radius: 1000px
}

.alert-box.success {
    background-color: #7ca295;
    border-color: #62897c;
    color: #fff
}

.alert-box.alert {
    background-color: #c5858f;
    border-color: #b5626f;
    color: #fff
}

.alert-box.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #505050
}

.breadcrumbs {
    display: block;
    padding: .5625em .875em;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
    border-radius: 3px
}

.breadcrumbs>* {
    margin: 0;
    float: left;
    font-size: .6875em;
    text-transform: uppercase
}

.breadcrumbs>:focus a,
.breadcrumbs>:hover a {
    text-decoration: underline
}

.breadcrumbs>* a,
.breadcrumbs>* span {
    text-transform: uppercase;
    color: #5e6a71
}

.breadcrumbs>.current,
.breadcrumbs>.current a {
    cursor: default;
    color: #333
}

.breadcrumbs>.current:focus,
.breadcrumbs>.current:focus a,
.breadcrumbs>.current:hover,
.breadcrumbs>.current:hover a {
    text-decoration: none
}

.breadcrumbs>.unavailable,
.breadcrumbs>.unavailable a {
    color: #999
}

.breadcrumbs>.unavailable:focus,
.breadcrumbs>.unavailable:hover,
.breadcrumbs>.unavailable:hover a,
.breadcrumbs>.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: default
}

.breadcrumbs>:before {
    content: "/";
    color: #aaa;
    margin: 0 .75em;
    position: relative;
    top: 1px
}

.breadcrumbs>:first-child:before {
    content: " ";
    margin: 0
}

.has-tip {
    border-bottom: 1px dotted #ccc;
    cursor: help;
    font-weight: 700;
    color: #333
}

.has-tip:focus,
.has-tip:hover {
    border-bottom: 1px dotted #303639;
    color: #5e6a71
}

.has-tip.tip-left,
.has-tip.tip-right {
    float: none !important
}

.tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    font-weight: 700;
    font-size: .9375em;
    line-height: 1.3;
    padding: .5em;
    max-width: 85%;
    left: 50%;
    color: #fff;
    background: #000;
    border-radius: 3px
}

.tooltip>.nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent #000;
    top: -10px
}

.tooltip.opened {
    color: #5e6a71 !important;
    border-bottom: 1px dotted #303639 !important
}

.tap-to-close {
    display: block;
    font-size: .625em;
    color: #888;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .tooltip>.nub {
        border-color: transparent transparent #000;
        top: -10px
    }

    .tooltip.tip-top>.nub {
        border-color: #000 transparent transparent;
        top: auto;
        bottom: -10px
    }

    .tooltip.tip-left,
    .tooltip.tip-right {
        float: none !important
    }

    .tooltip.tip-left>.nub {
        border-color: transparent transparent transparent #000;
        right: -10px;
        left: auto;
        top: 50%;
        margin-top: -5px
    }

    .tooltip.tip-right>.nub {
        border-color: transparent #000 transparent transparent;
        right: auto;
        left: -10px;
        top: 50%;
        margin-top: -5px
    }
}

@media only screen and (max-width:767px) {
    .f-dropdown {
        max-width: 100%;
        left: 0
    }
}

.f-dropdown {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    z-index: 99;
    margin-top: 2px;
    max-width: 200px
}

.f-dropdown>:first-child {
    margin-top: 0
}

.f-dropdown>:last-child {
    margin-bottom: 0
}

.f-dropdown:before {
    border: 6px inset;
    border-color: transparent transparent #fff;
    border-bottom-style: solid;
    top: -12px;
    left: 10px;
    z-index: 99
}

.f-dropdown:after,
.f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.f-dropdown:after {
    border: 7px inset;
    border-color: transparent transparent #ccc;
    border-bottom-style: solid;
    top: -14px;
    left: 9px;
    z-index: 98
}

.f-dropdown.right:before {
    left: auto;
    right: 10px
}

.f-dropdown.right:after {
    left: auto;
    right: 9px
}

.f-dropdown li {
    font-size: .875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0
}

.f-dropdown li:focus,
.f-dropdown li:hover {
    background: #eee
}

.f-dropdown li a {
    display: block;
    padding: .5em;
    color: #555
}

.f-dropdown.content {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px
}

.f-dropdown.content>:first-child {
    margin-top: 0
}

.f-dropdown.content>:last-child {
    margin-bottom: 0
}

.f-dropdown.tiny {
    max-width: 200px
}

.f-dropdown.small {
    max-width: 300px
}

.f-dropdown.medium {
    max-width: 500px
}

.f-dropdown.large {
    max-width: 800px
}

body {
    font-family: Helvetica, sans-serif;
    min-width: 0;
    overflow-x: hidden
}

@media print {
    body {
        font-family: Arial, sans-serif
    }
}

figure {
    margin: 0 auto
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0;
    direction: ltr
}

ol,
ul {
    margin-left: 0
}

ul.no-bullet {
    list-style: none
}

a {
    color: #7090b7;
    text-decoration: none
}

a:focus {
    outline: none !important
}

.clearfix:after,
.clearfix:before {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.columns.bleed {
    padding-left: 0;
    padding-right: 0
}

.expand {
    width: 100%
}

.align-center {
    text-align: center
}

.no-padding {
    padding: 0 !important
}

.disable {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.selected {
    color: #fff
}

.hidden {
    display: none
}

.invisible {
    visibility: hidden
}

.inline-block {
    display: inline-block !important
}

.margin {
    margin: 1em
}

.margin-top {
    margin-top: 1em
}

.margin-right {
    margin-right: 1em
}

.margin-bottom {
    margin-bottom: 1em
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-left {
    margin-left: 1em
}

.no-margin,
.no_margin {
    margin: 0
}

.no-margin-top {
    margin-top: 0 !important
}

.margin-16-0-0-0 {
    margin: 16px 0 0
}

.margin-50-0-0-0 {
    margin: 1.25em auto 0
}

@media (min-width:768px) {
    .margin-50-0-0-0 {
        margin: 3.125em auto 0
    }
}

.margin-50-0-50-0 {
    margin: 1.25em auto
}

@media (min-width:768px) {
    .margin-50-0-50-0 {
        margin: 3.125em auto
    }
}

.margin-60-0-60-0 {
    margin: 1.875em auto
}

@media (min-width:768px) {
    .margin-60-0-60-0 {
        margin: 3.75em auto
    }
}

.margin-60-0-0-0 {
    margin: 1.875em auto 0
}

@media (min-width:768px) {
    .margin-60-0-0-0 {
        margin: 3.75em auto 0
    }
}

.margin-20-0-60-0 {
    margin: 1.25em auto 3.75em
}

.margin-20-0-10-0 {
    margin: 1.25em auto .625em
}

.margin-0-0-60-0,
.row.margin-0-0-60-0 {
    margin: 0 auto 3.75em
}

.h1,
h1 {
    color: #7090b7;
    margin: .25em 0;
    font-weight: 400;
    font-size: 32px
}

.h1,
.h2,
h1,
h2 {
    font-family: Helvetica Extended Light;
    line-height: 1.25
}

.h2,
h2 {
    font-size: 20px;
    font-weight: 700;
    color: #5e6a71
}

.h3,
h3 {
    color: #5e6a71;
    font-size: 1em
}

@media (min-width:768px) {

    .h3,
    h3 {
        font-size: 1.25em
    }
}

.h1,
.h3,
h1,
h3 {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 300;
    text-align: left
}

header div[itemprop=description],
p[itemprop=description] {
    font-family: Helvetica Extended Light;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4375;
    color: #5e6a71
}

.h1.center,
.h2.center,
.h3.center,
h1.center,
h2.center,
h3.center {
    text-align: center
}

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

img.coverimage {
    background-size: cover;
    background-repeat: no-repeat;
    height: inherit
}

video {
    max-width: 100%
}

.copy .h2,
.copy h2 {
    font-weight: 400;
    font-size: 32px;
    margin: 1.42857em auto .95238em
}

.copy .h2,
.copy .h3,
.copy h2,
.copy h3 {
    font-family: Helvetica Extended Light;
    line-height: 1.25;
    font-weight: 700;
    color: #333
}

.copy .h3,
.copy h3 {
    font-size: 20px;
    margin: .75em 0
}

.copy .h4,
.copy .h5,
.copy .h6,
.copy .h7,
.copy h4,
.copy h5,
.copy h6,
.copy h7 {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625;
    color: #333;
    margin-bottom: 20px
}

@media print {

    .copy .h4,
    .copy .h5,
    .copy .h6,
    .copy .h7,
    .copy h4,
    .copy h5,
    .copy h6,
    .copy h7 {
        font-family: Arial, sans-serif
    }
}

.copy li,
.copy p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #333
}

@media print {

    .copy li,
    .copy p {
        font-family: Arial, sans-serif
    }
}

.copy p {
    margin-bottom: 2.14286em
}

.copy ul {
    list-style-type: none;
    margin-bottom: 1.42857em;
    display: table
}

.copy ul.small-block-grid-3 {
    width: 100%
}

@media (min-width:768px) {
    .copy ul {
        margin-bottom: 1.42857em
    }
}

.copy ul li {
    background: url("../image/bullet.png") no-repeat 0 .5em;
    padding-left: 1.42857em;
    margin: .71429em 0
}

.copy a {
    font-weight: 700
}

.post .copy {
    margin-top: 1.875em
}

@media (min-width:768px) {
    .post .copy {
        margin-top: 3.75em
    }
}

.product .small-print p,
.small-print {
    display: block;
    font-size: 12px;
    margin: 1.25em 0;
    line-height: 18px
}

.bottom_border {
    border-bottom: 1px solid #d7d9db;
    margin-bottom: 1em !important;
    padding-bottom: 1em !important
}

#customer_return_type,
#information_type,
.top_border {
    border-top: 1px solid #d7d9db;
    margin-top: 1em !important;
    padding-top: 1em !important
}

@media (min-width:768px) {
    .anchor {
        display: block;
        visibility: hidden;
        height: 71px;
        margin-top: -71px
    }
}

button.button:focus {
    outline: none
}

a.button.application {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.36364;
    background-color: #5e6a71;
    border-radius: .13636em;
    line-height: 22px;
    padding: .90909em;
    margin-bottom: 2.14286em 0
}

@media print {
    a.button.application {
        font-family: Arial, sans-serif
    }
}

.button.datepicker-close {
    display: none
}

.button,
.button.postfix {
    font-size: .875em;
    border: 0;
    height: 2.875em;
    padding-top: .92857em;
    padding-bottom: 1.21429em
}

.button.postfix {
    line-height: normal;
    padding: .5em
}

.button-default {
    font-size: .875em !important;
    height: auto;
    line-height: 1 !important;
    color: #fff !important;
    background: #5e6a71;
    border: 1px solid #525c62 !important;
    border-radius: .21429em;
    box-shadow: none;
    padding: .64286em 1.35714em
}

.button-default.expand {
    font-weight: 700;
    padding: 1.07143em 0;
    margin: 0 0 1.42857em
}

.print-btn {
    font-size: .5em;
    padding: .5em
}

.buttons-row {
    float: left;
    width: 100%
}

.btn_margin {
    margin: 0 0 0 15px
}

.btn_sumary {
    margin: 5px 0 0 15px
}

.button.expand-on-small,
button.expand-on-small {
    width: 100%;
    height: auto;
    padding-top: .92857em;
    padding-bottom: .92857em
}

@media (min-width:768px) {

    .button.expand-on-small,
    button.expand-on-small {
        width: auto
    }
}

.btn_demo {
    width: 200px;
    text-align: center;
    display: inline-block
}

.btn_1 {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px;
    background-color: #5e6a71
}

.btn_1:hover {
    background: #555
}

.btn_2 {
    background: #555
}

.btn_2,
.btn_3 {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px
}

.btn_3 {
    background-color: #485157
}

.btn_3:hover {
    background: #222526
}

.btn_4 {
    background: #222526
}

.btn_4,
.btn_5 {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px
}

.btn_5 {
    background-color: #d7d9db
}

.btn_6 {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px;
    background-color: #eaba73
}

.btn_6:hover,
.btn_7 {
    background: #e7a748
}

.btn_7 {
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px
}

.button.iconic {
    height: auto;
    color: #5e6a71;
    background: transparent;
    padding: 0;
    margin: 0 0 0 5px;
    font-size: 1.625em
}

.button.iconic:active {
    box-shadow: none
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    height: 2.875em;
    font-size: .875em;
    border-radius: .21429em .21429em
}

input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1), inset 0 0 1px rgba(0, 0, 0, .1)
}

.divider span:after {
    content: ", "
}

.divider span:last-child:after {
    content: ""
}

.arrow {
    width: 0;
    height: 0;
    display: inline-block
}

.arrow.up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #333
}

.arrow.right {
    border-left: 5px solid #333
}

.arrow.left,
.arrow.right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    float: none !important
}

.arrow.left {
    border-right: 5px solid #333
}

.arrow.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333
}

.list.dropdown {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px
}

.list.dropdown>:first-child {
    margin-top: 0
}

.list.dropdown>:last-child {
    margin-bottom: 0
}

.list.dropdown li {
    font-size: .875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0
}

.list.dropdown li:focus,
.list.dropdown li:hover {
    background: #eee
}

.list.dropdown li a {
    display: block;
    padding: .5em;
    color: #555
}

.content.dropdown {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px
}

.content.dropdown>:first-child {
    margin-top: 0
}

.content.dropdown>:last-child {
    margin-bottom: 0
}

.content.dropdown li {
    font-size: .875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0
}

.content.dropdown li:focus,
.content.dropdown li:hover {
    background: #eee
}

.content.dropdown li a {
    display: block;
    padding: .5em;
    color: #555
}

.search.dropdown {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    z-index: 99;
    max-width: 320px
}

.search.dropdown>:first-child {
    margin-top: 0
}

.search.dropdown>:last-child {
    margin-bottom: 0
}

.search.dropdown li {
    font-size: .875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0
}

.search.dropdown li:focus,
.search.dropdown li:hover {
    background: #eee
}

.search.dropdown li a {
    display: block;
    padding: .5em;
    color: #555
}

@media print {
    .search.dropdown .filter-list>li {
        list-style: none
    }
}

.dropdown {
    border: 1px solid #f7f7f7
}

.dropdown li a.active {
    font-weight: 700
}

.dropdown-wrapper>.dropdown,
.pagination>.dropdown {
    display: none;
    background-color: #7090b7 !important;
    box-shadow: inset 0 -7px 3px -5px #7090b7;
    border: 1px solid #d7d9db;
    border-top-width: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: -1px;
    top: -1.25em !important;
    position: relative !important;
    z-index: 10
}

.dropdown-wrapper>.dropdown.open,
.pagination>.dropdown.open {
    display: block;
    z-index: 11
}

.dropdown-wrapper>.dropdown:after,
.pagination>.dropdown:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background-color: #fff
}

.dropdown-wrapper>.dropdown.list:not(.dropdown-scroll),
.pagination>.dropdown.list:not(.dropdown-scroll) {
    overflow: hidden;
    padding-top: 1px;
    margin-top: -1px
}

.dropdown-wrapper>.dropdown>li section,
.pagination>.dropdown>li section {
    margin-bottom: 2.14286em
}

.dropdown-wrapper>.dropdown>li section .h2,
.dropdown-wrapper>.dropdown>li section h2,
.pagination>.dropdown>li section .h2,
.pagination>.dropdown>li section h2 {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1em;
    overflow: hidden;
    padding-bottom: .71429em;
    margin: .625em;
    margin-bottom: 1.07143em;
    color: #5e6a71;
    border-bottom: 1px solid #485157
}
.pagination{
    list-style: none;
    text-align: center;
    margin-top:7px;
}
.pagination li{
    display:inline-block;
    margin:3px;
}
.pagination li a{
    padding:6px 10px;
    background-color:#ccc;
}
@media print {

    .dropdown-wrapper>.dropdown>li section .h2,
    .dropdown-wrapper>.dropdown>li section h2,
    .pagination>.dropdown>li section .h2,
    .pagination>.dropdown>li section h2 {
        font-family: Arial, sans-serif
    }
}

.dropdown-wrapper>.dropdown>li section .h2 a,
.dropdown-wrapper>.dropdown>li section h2 a,
.pagination>.dropdown>li section .h2 a,
.pagination>.dropdown>li section h2 a {
    color: #fff;
    padding: 0
}

.dropdown-wrapper>.dropdown>li section .h2 .arrow.up,
.dropdown-wrapper>.dropdown>li section h2 .arrow.up,
.pagination>.dropdown>li section .h2 .arrow.up,
.pagination>.dropdown>li section h2 .arrow.up {
    border-bottom-color: #5e6a71
}

.dropdown-wrapper>.dropdown>li section .h2 .arrow.down,
.dropdown-wrapper>.dropdown>li section h2 .arrow.down,
.pagination>.dropdown>li section .h2 .arrow.down,
.pagination>.dropdown>li section h2 .arrow.down {
    border-top-color: #use_col blue_gray
}

.dropdown-wrapper>.dropdown>li section>:not(h2),
.pagination>.dropdown>li section>:not(h2) {
    display: none
}

.dropdown-wrapper>.dropdown>li section.open>:not(h2),
.pagination>.dropdown>li section.open>:not(h2) {
    display: block
}

.dropdown-wrapper>.dropdown>li:not(.plain),
.pagination>.dropdown>li:not(.plain) {
    position: relative;
    border-top: 1px solid #e0e0e0;
    background: -owg-linear-gradient(#7090b7, #7090b7);
    background: linear-gradient(#7090b7, #7090b7)
}

.dropdown-wrapper>.dropdown>li:not(.plain):before,
.pagination>.dropdown>li:not(.plain):before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    border-top: 0 solid #6481a4
}

.dropdown-wrapper>.dropdown>li:not(.plain):not(.nohover):hover,
.pagination>.dropdown>li:not(.plain):not(.nohover):hover {
    background-color: #6481a4;
    background: -owg-linear-gradient(#6481a4, #7090b7);
    background: linear-gradient(#6481a4, #7090b7)
}

.dropdown-wrapper>.dropdown>li:not(.plain) a,
.pagination>.dropdown>li:not(.plain) a {
    color: #fff;
    padding: .9em 1.5em
}

.header-dropdown .dropdown-wrapper>.dropdown>li:not(.plain),
.header-dropdown .pagination>.dropdown>li:not(.plain) {
    background: #5e6a71 !important;
    background-color: #5e6a71 !important
}

.dropdown-wrapper>.dropdown>li.nohover:hover,
.pagination>.dropdown>li.nohover:hover {
    background-color: transparent;
    cursor: default
}

.dropdown-wrapper>.dropdown>li.plain,
.pagination>.dropdown>li.plain {
    box-shadow: inset 0 7px 3px -5px #6481a4
}

.dropdown-wrapper>.dropdown>li.plain h2 a i,
.dropdown-wrapper>.dropdown>li.plain h2 a span,
.pagination>.dropdown>li.plain h2 a i,
.pagination>.dropdown>li.plain h2 a span {
    color: #5e6a71
}

.dropdown-wrapper>.dropdown>li.buttonbar,
.pagination>.dropdown>li.buttonbar {
    height: 3.21429em;
    box-shadow: inset 0 -7px 3px -5px #6481a4
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn,
.pagination>.dropdown>li.buttonbar .btn {
    display: block;
    padding-top: .28571em;
    padding-right: 1.42857em;
    padding-left: 1.42857em;
    margin-top: -1px;
    height: 100%
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn:not(.right),
.pagination>.dropdown>li.buttonbar .btn:not(.right) {
    border-right: 1px solid #485157;
    float: left
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn.right,
.pagination>.dropdown>li.buttonbar .btn.right {
    border-left: 1px solid #e0e0e0;
    float: right;
    color: #5e6a71
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn i,
.pagination>.dropdown>li.buttonbar .btn i {
    margin-left: .71429em;
    font-size: .85714em
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn i,
.dropdown-wrapper>.dropdown>li.buttonbar .btn span,
.pagination>.dropdown>li.buttonbar .btn i,
.pagination>.dropdown>li.buttonbar .btn span {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.85714em
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn span.arrow.up,
.pagination>.dropdown>li.buttonbar .btn span.arrow.up {
    border-bottom-color: #fff;
    margin-left: 5px
}

.dropdown-wrapper>.dropdown>li.buttonbar .btn span.arrow.left,
.pagination>.dropdown>li.buttonbar .btn span.arrow.left {
    border-right-color: #fff;
    margin-left: 5px
}

.border-wrapper.dropdown .dropdown {
    background-color: #fff !important
}

.border-wrapper.dropdown>.dropdown-wrapper>.dropdown>li:not(.plain) {
    background: #fff;
    background-color: #fff
}

.border-wrapper.dropdown>.dropdown-wrapper>.dropdown>li:not(.plain) a {
    color: #6e797f
}

.border-wrapper.dropdown>.dropdown-wrapper>.dropdown>li:not(.plain):hover {
    background: -owg-linear-gradient(#fff, #e0e0e0);
    background: linear-gradient(#fff, #e0e0e0)
}

@media (min-width:768px) {
    .dropdown-wrapper.overlap {
        height: 0
    }

    .dropdown.list,
    .pagination>.dropdown.list {
        margin-left: -.6875em
    }

    .dropdown#pagination-dropdown,
    .pagination>.dropdown#pagination-dropdown {
        top: -3.75em !important
    }

    .dropdown.dropdown-scroll,
    .pagination>.dropdown.dropdown-scroll {
        max-height: 11.875em;
        overflow: auto;
        padding-top: 1px;
        margin-top: -1px
    }
}

@media print {
    .dropdown-wrapper>.dropdown {
        top: 0 !important;
        margin: 1em 0
    }
}

table.expand {
    width: 100%
}

.constrain {
    overflow-y: auto;
    overflow-x: auto;
    margin-bottom: .9375em
}

.constrain table {
    margin-bottom: 0
}

.custom-table table {
    margin-bottom: 15px
}

.custom-table table tbody tr.closed-row td:first-child {
    border-left: 1px solid #d7dadb
}

.custom-table table tbody tr.closed-row td {
    border-top: 1px solid #d7dadb !important
}

.custom-table table tbody tr td,
.custom-table table thead tr th {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    padding: .71429em
}

.custom-table table tbody tr td {
    display: table-cell;
    white-space: normal;
    border: 1px solid #d7dadb
}

.custom-table table thead tr th {
    border-top-left-radius: .3125em;
    border-top-right-radius: .3125em
}

.custom-table table thead th span {
    text-align: left;
    color: #fff;
    font-weight: 700;
    line-height: 40px
}

@media (max-width:767px) {
    .custom-table table thead th span {
        float: none !important;
        display: block;
        line-height: 24px
    }
}

.toaster {
    display: inline-block;
    width: .8125em;
    height: .625em;
    border-bottom: .125em solid #5e6a71
}

.toaster,
.toaster:after {
    border-top: .125em solid #5e6a71
}

.toaster:after {
    content: "";
    display: block;
    margin-top: .125em
}

.tooltip {
    background-color: #f7f7f7;
    width: 100%;
    max-width: none;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    color: #333;
    font-weight: 400;
    border: 1px solid #d7d9db;
    font-size: .875em
}

.tooltip>.nub {
    border-color: transparent;
    border-width: 0;
    display: inline-block;
    width: 1.46667em !important;
    height: .86667em;
    top: -12px
}

.tooltip .tap-to-close {
    margin: 1.07143em
}

.tooltip:before {
    border: 11px inset;
    border-color: transparent transparent #d7d9db;
    border-bottom-style: solid;
    border-top-width: 0
}

.tooltip:after,
.tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    bottom: 100%;
    position: absolute;
    left: 12px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip:after {
    border: 10px inset;
    border-color: transparent transparent #f7f7f7;
    border-bottom-style: solid;
    border-top-width: 0
}

.tooltip.custom {
    border-radius: .28571em;
    padding: 0;
    max-width: none
}

.tooltip.custom:after {
    border-color: transparent transparent #fff
}

.tooltip.custom>span.title {
    display: block;
    border-top-left-radius: .28571em;
    border-top-right-radius: .28571em;
    border-bottom: 1px solid #d7d9db;
    padding: 1.07143em;
    font-weight: 700;
    background-color: #fff
}

.tooltip.custom>span.copytext {
    background-color: #f7f7f7;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    border-bottom-left-radius: .28571em;
    border-bottom-right-radius: .28571em;
    padding: 1.07143em;
    border-top: 1px solid #fff;
    display: block
}

@media (min-width:768px) {
    .tooltip.custom {
        max-width: 21.42857em
    }
}

article .tag-container+h1[itemprop=headline] {
    margin: .5em 0
}

.article-image {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-top: 3.125em;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
    border-radius: .1875em
}

.article-image figure {
    display: table
}

.article-image figcaption {
    bottom: 0;
    display: table-caption;
    caption-side: bottom;
    background-color: #fff;
    padding: .9375em;
    border-top: 1px solid #e0e0e0;
    width: 100%;
    font-size: .875em;
    font-weight: 700;
    color: #5e6a71
}

.article-data {
    position: relative;
    padding-top: 1.875em
}

.article-data .h3,
.article-data h3 {
    color: #333;
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    display: block;
    padding-top: 1.19048em
}

.article-data ul {
    list-style: none;
    margin-top: .625em
}

.article-data ul li {
    font-size: .875em;
    line-height: 2em
}

div[itemprop=articleBody]>h3 {
    margin: 1.5em 0
}

#article-select .pagination a.next {
    border-left: 1px solid #d7d9db
}

@media (min-width:768px) {
    article {
        position: relative;
        z-index: 8
    }

    article .tag-container+h1[itemprop=headline] {
        margin: 1em 0
    }

    .article-data {
        padding-top: 3.75em
    }

    .article-teaser .copy {
        width: 80%
    }
}

.box {
    position: relative;
    display: block !important;
    float: none !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7d9db;
    border-radius: .1875em;
    padding: .625em !important;
    margin-bottom: 1.25em
}

.box .image {
    text-align: center
}

.box .caption {
    float: none !important
}

.box .caption h2 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25
}

.box .details {
    overflow: hidden;
    padding-top: .625em;
    padding-bottom: 1.25em
}

.box .details ul {
    border-top: 1px solid #d7d9db;
    padding-top: .625em
}

.box .details ul li {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    display: block;
    margin-bottom: 0
}

@media print {
    .box .details ul li {
        font-family: Arial, sans-serif
    }
}

.box .columns.copy {
    margin-top: -.625em;
    padding: 0;
    border-left: 1px solid #d7d9db
}

.box .columns.copy .caption,
.box .columns.copy .details {
    margin: 1.25em
}

.box .h2,
.box .strong,
.box h2 {
    display: block;
    color: #333;
    font-size: .875em;
    font-weight: 700;
    margin-top: 0 !important;
    margin-bottom: .78571em;
    line-height: 1.28571em
}

.box .h2 small,
.box .strong small,
.box h2 small {
    display: block;
    color: #999;
    font-size: 1em;
    font-weight: 400;
    margin-top: 3px
}

.box .right .h2,
.box .right h2 {
    text-align: right
}

.box .footer {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #d7d9db;
    padding: 0 .625em;
    background: #f0f4f8
}

.box .footer .row {
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-top: 5px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:479px) {
    .box .footer .row {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.box .footer .row:first-child {
    border-bottom: 1px solid #d7d9db;
    padding-right: 0;
    padding-top: 0;
    margin-right: 0;
    padding-bottom: 5px
}

.box .footer .offers.is-express .express-label {
    display: block
}

.box .footer .h2,
.box .footer h2 {
    margin: 0
}

.box .footer .article-number {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625
}

@media print {
    .box .footer .article-number {
        font-family: Arial, sans-serif
    }
}

@media (max-width:479px) {
    .box .footer .article-number {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.box .footer .express-label {
    display: none;
    -ms-flex-positive: 2;
    flex-grow: 2;
    font-size: 12px;
    color: #5e6a71;
    position: relative;
    padding-left: 20px;
    line-height: 25px
}

.box .footer .express-label .icon-availability,
.box .footer .express-label .product .product-info .availability-check.is-express:before,
.product .product-info .box .footer .express-label .availability-check.is-express:before {
    position: absolute;
    left: 20px;
    top: -6px
}

.box .footer .express-label .icon-availability:before,
.box .footer .express-label .product .product-info .availability-check.is-express:before,
.product .product-info .box .footer .express-label .availability-check.is-express:before {
    font-size: 30px;
    color: inherit
}

@media (max-width:479px) {
    .box .footer .express-label {
        padding-left: 0
    }

    .box .footer .express-label .icon-availability,
    .box .footer .express-label .product .product-info .availability-check.is-express:before,
    .product .product-info .box .footer .express-label .availability-check.is-express:before {
        left: 0
    }
}

.box .footer .express-label .express-label-text {
    padding-left: 35px
}

.box .footer .price {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
    text-align: right
}

@media print {
    .box .footer .price {
        font-family: Arial, sans-serif
    }
}

@media (max-width:479px) {
    .box .footer .price {
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:849px) {
    .box .footer .description {
        -ms-flex: 1;
        flex: 1
    }
}

.box .footer .detail-description {
    padding-top: 10px;
    font-size: 12px
}

.box .footer form {
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

@media (max-width:479px) {
    .box .footer form {
        width: 100%;
        padding: 10px 0;
        text-align: left
    }
}

.box .footer ul {
    margin-bottom: .625em;
    display: block
}

.box .footer ul li {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7d9db;
    border-radius: .21429em;
    padding: 0
}

.box .footer ul li:last-child {
    margin-bottom: 0
}

.box .footer ul li * {
    font-size: 1em
}

.box .footer ul li>a {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 1.07143em 4.28571em .92857em 1.35714em
}

.box .footer ul li .h2,
.box .footer ul li h2 {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625
}

@media print {

    .box .footer ul li .h2,
    .box .footer ul li h2 {
        font-family: Arial, sans-serif
    }
}

.box .footer ul li p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 0
}

@media print {
    .box .footer ul li p {
        font-family: Arial, sans-serif
    }
}

.box .footer ul li .open {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3.57143em;
    border-left: 1px solid #d7d9db;
    text-align: center
}

.box .footer ul li .open i {
    border-left-color: #5e6a71;
    margin-top: -5px;
    position: absolute;
    top: 50%
}

.box .footer .button {
    display: block;
    margin: .71429em 0;
    color: #5e6a71;
    font-size: .875em;
    font-weight: 700
}

.box .footer label {
    display: inline-block;
    margin-right: 0
}

.box .footer label .checkbox {
    margin-right: .35714em
}

.weather i.icon-02d:after,
.weather i.icon-02n:after,
.weather i.icon-09d:after,
.weather i.icon-09n:after,
.weather i.icon-10d:after,
.weather i.icon-10n:after,
.weather i.icon-11d:after,
.weather i.icon-11n:after,
.weather i.icon-13d:after,
.weather i.icon-13n:after,
.weather i.icon-drizzle:after,
.weather i.icon-night:after,
.weather i.icon-rainy:after,
.weather i.icon-snowy:after,
.weather i.icon-sunny:after,
.weather i.icon-thunder:after {
    position: absolute;
    font-size: 300px
}

.weather i.icon-02d:after,
.weather i.icon-02n:after,
.weather i.icon-night:after,
.weather i.icon-sunny:after {
    left: -110px;
    top: -38px
}

.weather i.icon-09d:after,
.weather i.icon-09n:after,
.weather i.icon-rainy:after {
    left: -3px;
    top: 22px;
    font-size: 159px
}

.weather i.icon-10d:after,
.weather i.icon-10n:after,
.weather i.icon-drizzle:after {
    left: -18px;
    top: -14px;
    font-size: 200px
}

.weather i.icon-13d:after,
.weather i.icon-13n:after,
.weather i.icon-snowy:after {
    left: -19px;
    top: -33px;
    font-size: 200px
}

.weather i.icon-11d:after,
.weather i.icon-11n:after,
.weather i.icon-thunder:after {
    left: -26px;
    top: -38px;
    font-size: 200px
}

.additional-item-info {
    font-size: 90%;
    font-style: italic;
    margin-bottom: .5em
}

.additional-item .fa-link {
    color: #ccc;
    position: absolute;
    top: -24px;
    right: 0;
    font-size: 2.5em;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#cart-dropdown .additional-item .fa-link {
    font-size: 1.8em;
    top: -15px
}

.e-toggle {
    position: relative;
    display: inline-block
}

.e-toggle__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.e-toggle input {
    display: none
}

.e-toggle input:checked+.e-toggle__slider {
    background-color: #6481a4
}

.e-toggle input:checked+.e-toggle__slider:after {
    -ms-transform: translateX(40px);
    transform: translateX(40px)
}

.e-toggle__slider {
    width: 80px;
    height: 40px;
    background-color: #afb4b8;
    transition: all .2s ease-in-out;
    border-radius: 20px;
    display: inline-block
}

.e-toggle__slider:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: #fff;
    left: 4px;
    top: 4px;
    transition: transform .2s ease-in-out;
    border-radius: 50%
}

.e-toggle__title {
    padding-left: 20px
}

.e-close {
    color: #5e6a71;
    position: absolute;
    top: 20px;
    right: 20px
}

.e-close:before,
.e-grid-cta {
    font-size: 20px
}

.e-grid-cta {
    margin-right: 10px
}

.e-results__text {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    font-weight: 700;
    color: #5e6a71
}

@media print {
    .e-results__text {
        font-family: Arial, sans-serif
    }
}

.e-new-dropdown {
    background: #fff;
    position: relative
}

.e-new-dropdown .selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    z-index: 1 !important
}

.e-new-dropdown .selectboxit-container * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap
}

.e-new-dropdown .selectboxit-container .selectboxit {
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%
}

.e-new-dropdown .selectboxit-container .selectboxit-options a {
    display: block
}

.e-new-dropdown .selectboxit-container .selectboxit:focus {
    outline: 0
}

.e-new-dropdown .selectboxit-option-icon-container {
    display: none
}

.e-new-dropdown .selectboxit-container .selectboxit-options {
    box-sizing: border-box;
    min-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 10000;
    border-radius: 6px;
    text-align: left;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #d7d9db;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.e-new-dropdown__title {
    width: 100% !important;
    border: 1px solid #d7d9db;
    border-radius: 5px
}

.e-new-dropdown__title .selectboxit-text {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    line-height: 20px;
    color: #333;
    padding: 15px;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    word-break: break-all;
    white-space: normal;
    padding-right: 30px
}

@media print {
    .e-new-dropdown__title .selectboxit-text {
        font-family: Arial, sans-serif
    }
}

.e-new-dropdown__title .selectboxit-text:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    right: 15px;
    top: 22px
}

.e-new-dropdown__title.selectboxit-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.e-new-dropdown__title.selectboxit-open .selectboxit-text:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #333;
    top: 17px
}

.e-new-dropdown .selectboxit-list {
    border-top: 1px solid #d7d9db;
    list-style-type: none;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    line-height: 20px
}

@media print {
    .e-new-dropdown .selectboxit-list {
        font-family: Arial, sans-serif
    }
}

.e-new-dropdown__item {
    padding: 10px 15px
}

.e-new-dropdown__item a {
    color: #5e6a71
}

.e-new-dropdown__item.selectboxit-focus a {
    color: #7090b7
}

.e-new-dropdown--customform .selectboxit-container {
    border-radius: .21429em;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    height: 2.5em;
    display: block;
    position: relative;
    top: 0;
    margin-bottom: 1.25em;
    margin-top: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    background: linear-gradient(180deg, #fff 0, #fff);
    vertical-align: top
}

.e-new-dropdown--customform .selectboxit-container .selectboxit {
    cursor: default;
    white-space: nowrap;
    line-height: 2.42857em;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    display: block;
    padding-left: .5em;
    padding-right: 2.3125em
}

.e-new-dropdown--customform .selectboxit-text {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5
}

@media print {
    .e-new-dropdown--customform .selectboxit-text {
        font-family: Arial, sans-serif
    }
}

.e-new-dropdown--customform .selectboxit-arrow-container {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #516885;
    margin-top: -1px;
    height: 2.5em;
    background: -owg-linear-gradient(#5e6a71, #525c62);
    background: linear-gradient(#5e6a71, #525c62);
    border-top-right-radius: .21429em;
    border-bottom-right-radius: .21429em;
    width: 2.2em
}

.e-new-dropdown--customform .selectboxit-default-arrow {
    margin: 0 auto;
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.e-new-dropdown--customform .selectboxit-options.selectboxit-list {
    left: -1px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d7d9db;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.e-new-dropdown--customform .selectboxit-option {
    margin: 0;
    padding: .25em 2.375em .25em .375em;
    color: #555;
    cursor: default;
    line-height: 1.42857em;
    list-style: none outside none;
    min-height: 1.42857em;
    white-space: nowrap
}

.e-new-dropdown--customform .selectboxit-option a {
    color: #555
}

.e-new-dropdown--customform .selectboxit-option.selectboxit-focus {
    background-color: #e4e4e4
}

.e-new-dropdown--customform .selectboxit-option.selectboxit-focus a {
    color: #000
}

.e-new-dropdown--customform .selectboxit-option.selectboxit-selected {
    background: #eee
}

.e-new-dropdown--customform .selectboxit-option.selectboxit-selected a {
    color: #000
}

.vertical-scroll-hint {
    text-align: center
}

@media (min-width:1024px) {
    .vertical-scroll-hint {
        display: none
    }
}

.vertical-scroll-hint i {
    display: inline-block;
    width: 40px;
    height: 2px;
    position: relative;
    border-radius: 5px;
    background-color: #7090b7
}

.vertical-scroll-hint i:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #7090b7;
    position: absolute;
    right: -5px;
    top: -4px;
    animation: b 1.5s infinite
}

@keyframes b {
    0% {
        transform: translate(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: translate(-40px);
        opacity: 0
    }
}

.e-alert {
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    padding: 10px 20px;
    border-radius: 3px
}

.e-alert__msg {
    -ms-flex: 1;
    flex: 1
}

.e-alert--type-error {
    background: #c5858f;
    color: #fff;
    border: 1px solid #b5626f
}

.e-alert--type-error .e-alert__close-btn {
    color: #fff
}

.e-alert--type-warning {
    background: #fff36f;
    color: #222526;
    border: 1px solid #8c8d5f
}

.e-alert--type-warning .e-alert__close-btn {
    color: #222526
}

.e-result-count {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #5e6a71;
    margin-bottom: 20px;
    margin-left: 2px
}

@media print {
    .e-result-count {
        font-family: Arial, sans-serif
    }
}

.compare-bar.has-overlay-open,
.e-overlay-container {
    display: block;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background: rgba(0, 0, 0, .7)
}

.compare-bar .compare-bar-content,
.e-overlay {
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    bottom: 1.25em;
    left: 1.25em
}

@media (min-width:768px) {

    .compare-bar .compare-bar-content,
    .e-overlay {
        top: 3.125em;
        right: 3.125em;
        bottom: 3.125em;
        left: 3.125em
    }
}

.e-checkbox {
    display: inline-block
}

.e-checkbox__checker {
    position: relative;
    display: block;
    border: 1px solid;
    border-radius: 3px;
    width: 16px;
    height: 16px
}

.e-checkbox__checker--checked {
    box-shadow: none
}

.e-checkbox__checker--checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.e-checkbox--theme-blue .e-checkbox__checker {
    border-color: #5e6a71
}

.e-checkbox--theme-blue .e-checkbox__checker--checked {
    border-color: #516885;
    color: #fff;
    background: #516885;
    background: linear-gradient(#7090b7, #6481a4)
}

.e-radiobutton {
    display: inline-block
}

.e-radiobutton__checker {
    position: relative;
    display: block;
    border: 1px solid;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    transition: all .25s ease-in-out
}

.e-radiobutton__checker:before {
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    -ms-transform: scale(0);
    transform: scale(0);
    left: 4px;
    top: 4px;
    transition: all .25s ease-in-out
}

.e-radiobutton__checker--checked:before {
    -ms-transform: scale(1);
    transform: scale(1)
}

.e-radiobutton--theme-blue .e-radiobutton__checker {
    border: 1px solid #5e6a71
}

.e-radiobutton--theme-blue .e-radiobutton__checker:before {
    background: #7090b7
}

.e-radiobutton--theme-blue .e-radiobutton__checker--checked {
    border-color: #7090b7
}

.e-icon-link {
    display: inline-block;
    color: #5e6a71;
    font-size: 14px;
    padding: 10px;
    cursor: pointer
}

.e-icon-link:hover,
.e-icon-link:hover .e-icon-link__icon {
    color: #6481a4
}

.e-icon-link__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.e-icon-link__icon {
    font-size: 22px;
    color: #5e6a71;
    display: block;
    padding-right: 10px
}

.e-tooltip {
    z-index: 99999999;
    max-width: 500px
}

.e-tooltip[x-placement=top-start] {
    margin-bottom: 11px
}

.e-tooltip[x-placement=bottom-start] {
    margin-top: 11px
}

.e-tooltip__arrow {
    position: absolute
}

[x-placement=top-start] .e-tooltip__arrow {
    margin-top: -1px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

[x-placement=bottom-start] .e-tooltip__arrow {
    top: -10px
}

.e-tooltip__arrow svg {
    display: block
}

[x-placement=top-start] .e-tooltip__arrow-svg-inner {
    fill: #fff
}

[x-placement=bottom-start] .e-tooltip__arrow-svg-inner {
    fill: #f7f7f7
}

.e-tooltip__inner {
    font-size: 14px;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #d7d9db;
    color: #333;
    line-height: 21px;
    padding: 10px
}

/*!
 * Datepicker for Foundation - less stylesheet, just version customized to foundation
 *
 * Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
 * project website http://foundation-datepicker.peterbeno.com
 *
 * Original project https://github.com/eternicode/bootstrap-datepicker
 * 		Original author 2012 Stefan Petre
 * 		Improvements by Andrew Rowls
 * 		Licensed under the Apache License v2.0
 * 		http://www.apache.org/licenses/LICENSE-2.0
 */
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    line-height: 18px
}

.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
    padding: 4px 5px
}

.datepicker {
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker-dropdown:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    border: 0;
    margin: 0
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer
}

.datepicker td.active.day,
.datepicker td.active.year,
.datepicker td span.active,
.datepicker th.active.day,
.datepicker th.active.year,
.datepicker th span.active {
    background: #54737f;
    color: #fff
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer
}

.datepicker th.date-switch {
    width: 145px
}

.datepicker tfoot tr:first-child th,
.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    display: none
}

.datepicker-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 15px;
    height: 30px;
    padding: 0;
    display: none
}

.datepicker td.new,
.datepicker td.old {
    color: #999
}

.datepicker td.day.disabled {
    color: #eee
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    transition: left .3s, top .3s
}

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

.noUi-horizontal {
    height: 18px
}

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

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-vertical {
    width: 18px
}

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

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    transition: background .45s
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

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

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

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

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

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #b8b8b8
}

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

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-color: #fff
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.ms-choice>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px
}

.ms-choice>span.placeholder {
    color: #999
}

.ms-choice>div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/css/multiple-select.png") 100% 0 no-repeat
}

.ms-choice>div.open {
    background: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/css/multiple-select.png") 0 0 no-repeat
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-radius: 4px
}

.ms-drop.bottom {
    top: 100%;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.ms-drop.top {
    bottom: 100%;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    background: #fff url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/css/multiple-select.png") no-repeat 100% -22px;
    background: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/css/multiple-select.png") no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%)
}

.ms-search,
.ms-search input {
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px
}

.ms-drop ul>li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static
}

.ms-drop ul>li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35)
}

.ms-drop ul>li.multiple {
    display: block;
    float: left
}

.ms-drop ul>li.group {
    clear: both
}

.ms-drop ul>li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ms-drop ul>li label {
    font-weight: 400;
    display: block
}

.ms-drop ul>li label.optgroup {
    font-weight: 700
}

.ms-drop input[type=checkbox] {
    vertical-align: middle
}

.ms-drop .ms-no-results {
    display: none
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.alert-box,
.alert-info {
    border-radius: .21429em;
    margin-top: 2.14286em;
    margin-bottom: 0 !important
}

.alert-box .close,
.alert-info .close {
    top: .7em
}

.alert-box {
    line-height: 1.4
}

.alert-info {
    display: block;
    font-weight: 700;
    margin-bottom: 1.25em;
    position: relative;
    padding: .6875em 1.3125em .75em .6875em;
    font-size: .875em;
    background-color: #fff36f;
    border: 1px solid #ffef3c;
    color: #505050;
    border: 1px solid #8c8d5f
}

.checkout .alert-box {
    margin: .625em 0 !important
}

.checkout .alert-box.box_header {
    margin-top: 0 !important;
    padding: .6875em
}

.checkout .alert-box h2 {
    color: #fff;
    font-size: 1em;
    margin: 0
}

.checkout .alert-box.secondary h2 {
    color: #555
}

.checkout .alert-box ul {
    list-style-type: disc;
    margin: 1em 0 0 2em;
    font-weight: 400
}

body>header {
    margin: 0;
    position: relative;
    min-height: 200px
}

body>header .login-switch {
    margin-top: 20px;
    margin-left: 120px
}

body>header .login-switch a.button.postfix {
    padding: 0;
    line-height: 2.85714em;
    padding: 0 10px
}

body>header #header-image-wrapper {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 10.6875em
}

body>header #header-image-wrapper .inner img {
    width: 100%
}

body>header #header-image-wrapper:not(.responsive) .inner {
    position: absolute;
    width: 50em;
    height: 10.6875em;
    margin-left: -25em;
    left: 50%;
    max-width: 50em
}

body>header #header-image-wrapper #restart-animation {
    display: none
}

body>header .slogan-wrapper {
    height: 10.6875em
}

body>header .slogan-wrapper .slogan,
body>header .slogan-wrapper .welcome-message {
    margin: .9375em 0 0 .9375em
}

body>header .slogan,
body>header .welcome-message {
    font-family: Helvetica Extended Light;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

body>header .welcome-message {
    font-size: .875em
}

body>header .welcome-message span {
    margin-right: .71429em
}

body>header a.logo {
    display: block;
    background-repeat: no-repeat;
    background-image: url("../image/logo.png");
    background-position: 0;
    background-size: auto 2.5em;
    background-color: #fff;
    text-indent: 12.5em;
    overflow: hidden;
    height: 5em;
    width: 8.4375em;
    color: transparent
}

body>header .button:focus {
    color: #5e6a71
}

body>header .button,
body>header input[type=text] {
    transition: none;
    background-color: #fff;
    margin: 0;
    border-radius: .1875em .1875em;
    color: #5e6a71
}

body>header input[type=text] {
    border-width: 0 .07143em 0 0;
    border-color: #d7d9db;
    box-shadow: "none"
}

body>header ul.buttons {
    background: #6481a4;
    margin: 0 -.625em;
    text-align: center
}

body>header ul.buttons.active li,
body>header ul.buttons li:first-child {
    display: inline-block
}

body>header ul.buttons li {
    display: none
}

body>header ul.buttons li a {
    display: inline-block;
    margin: 1.42857em 0;
    height: 2.85714em;
    border: 1px solid #f0f4f8;
    margin-left: .35714em;
    font-weight: 700;
    color: #5e6a71
}

body>header ul.buttons li a.button {
    background: #7090b7;
    border-color: transparent;
    box-shadow: none;
    color: #fff
}

body>header ul.buttons li a.button.active {
    border-color: #516885
}

body>header ul.buttons li:first-child {
    position: absolute;
    top: 0;
    right: .9375em
}

body>header ul.buttons li .nav-btn {
    border-radius: .1875em;
    padding: .625em;
    height: auto
}

body>header ul.buttons li .nav-btn.active {
    border: 1px solid #516885;
    background: #6481a4
}

body>header ul.buttons li .nav-btn.active .toaster,
body>header ul.buttons li .nav-btn.active .toaster:after {
    border-color: #fff
}

body>header a.button.icon.account {
    padding: 0 .71429em
}

body>header a.button.icon.account span {
    display: none
}

body>header a.button.active {
    background-color: #5e6a71;
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .2);
    color: #fff
}

body>header a.button.icon.branches i {
    vertical-align: middle;
    font-size: 2.5em;
    line-height: 1.14286em
}

body>header a.button.icon.branches span {
    display: none
}

body>header a.button.icon.cart,
body>header a.button.icon.login {
    padding: 6px .71429em
}

body>header a.button.icon.cart span,
body>header a.button.icon.login span {
    display: none
}

body>header a.button.icon {
    padding: 0 .71429em
}

body>header a.button.icon span {
    line-height: 2.85714em
}

body>header a.button.icon i {
    vertical-align: middle;
    font-size: 2.5em;
    line-height: 1.14286em
}

body>header a.button.icon.cart i,
body>header a.button.icon.login i {
    font-size: 1.78571em
}

body>header .search-terms .large-12 {
    display: block;
    padding: 0
}

body>header .search-terms .large-12 input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body>header .search-terms .large-4 {
    padding: 0
}

body>header .search-terms .large-4 a.button {
    padding: .35714em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 2px
}

body>header .search-terms .large-4 i {
    vertical-align: middle;
    font-size: 2.42857em
}

body>header .search-terms .secondary-search-button {
    display: none
}

body>header .button-group li {
    line-height: 0
}

body>header .button-group li:not(:last-child) .button {
    border-right: 1px solid #d7d9db;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 1px
}

body>header .button-group li:not(:first-child) .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body>header #cart-dropdown-button .arrow.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #5e6a71;
    vertical-align: middle
}

body>header #cart-dropdown-button:focus .arrow,
body>header #cart-dropdown-button:hover .arrow {
    border-top: 5px solid #fff
}

body>header #cart-dropdown-button.active .arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-top: 0
}

body>header #cart-dropdown {
    z-index: 9999;
    display: none;
    border-radius: 3px;
    width: 16.875em
}

body>header #cart-dropdown,
body>header #cart-dropdown:before {
    background: #fff;
    border-top: 1px solid #d7d9db;
    border-left: 1px solid #d7d9db
}

body>header #cart-dropdown:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -7px;
    right: 18px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body>header #cart-dropdown.open {
    display: block
}

body>header #cart-dropdown .button {
    width: 100%;
    border-right: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db;
    border-radius: 0;
    text-align: left
}

body>header #cart-dropdown .button:active {
    outline: none;
    box-shadow: none
}

body>header #cart-dropdown .button:focus {
    outline: none
}

body>header #cart-dropdown .button:focus,
body>header #cart-dropdown .button:hover {
    color: inherit
}

body>header #cart-dropdown .arrow.right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71;
    margin-top: 8px;
    float: right !important
}

body>header #cart-dropdown table {
    width: 100%
}

body>header #cart-dropdown table tr:hover a.close {
    display: block
}

body>header #cart-dropdown table tr td {
    position: relative;
    border-right: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db;
    text-align: left
}

body>header #cart-dropdown table tr td a {
    display: block;
    color: #5e6a71
}

body>header #cart-dropdown table tr td a.close {
    display: none;
    position: absolute;
    font-size: 1.4375em;
    top: .69565em;
    right: .69565em;
    border: 1px solid #f0f4f8;
    padding: .08696em .34783em !important;
    border-radius: .13043em;
    color: #000
}

body>header #cart-dropdown table tr td:not(:first-child) a {
    padding: .875em
}

body>header #cart-dropdown table tr td:first-child {
    width: 3.625em
}

body>header #cart-dropdown table tr td:first-child img {
    width: 100%
}

body>header #cart-dropdown table tr td .h3,
body>header #cart-dropdown table tr td h3,
body>header #cart-dropdown table tr td span {
    font-size: .875em
}

body>header #cart-dropdown table tr td .h3,
body>header #cart-dropdown table tr td h3 {
    color: #333;
    text-align: left;
    font-weight: 700;
    margin-bottom: .3125em
}

body>header #cart-dropdown table tr td span {
    font-weight: 300
}

body>header .button-fill {
    padding: 1em;
    padding-bottom: 2em;
    font-size: 1.25em;
    font-weight: 700;
    text-align: left;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

body>header .button-fill .arrow.right {
    margin-top: 6px
}

body>header .button-group {
    height: auto
}

body>header .button-group:not(:last-child) {
    border-bottom: 0 !important
}

body>header .collapse label {
    padding: 1.5em
}

body>header .collapse span {
    padding: 1.5em;
    background: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/images/search.jpg") no-repeat 100% 0;
    background-color: #fff
}

@media (min-width:768px) {

    body>header.home,
    body>header.home #header-image-wrapper,
    body>header.home #header-image-wrapper>img {
        height: 25.625em
    }

    body>header {
        //height: 23.75em;
        z-index: 12
    }

    body>header.with-animation.animation-running #main-navigation nav {
        background: #fff
    }

    body>header .animation-wrapper.show {
        display: block
    }

    body>header #header-image-wrapper {
        height: 100%
    }

    body>header #header-image-wrapper .inner img {
        width: 100%
    }

    body>header #header-image-wrapper:not(.responsive) .inner {
        width: 100%;
        height: 24.375em;
        margin-left: 0;
        max-width: none;
        left: 0
    }

    body>header #header-image-wrapper #restart-animation {
        display: block
    }

    body>header nav {
        height: auto
    }

    body>header div.slogan,
    body>header div.welcome-message {
        text-align: right;
        line-height: 3.125em
    }

    body>header a.logo {
        background: #fff;
        height: 9.9375em;
        width: 9.875em;
        margin-left: .0625em;
        color: #fff
    }

    body>header a.logo img {
        display: block;
        margin: auto;
        margin-top: 3.4375em
    }

    body>header .border-wrapper {
        display: inline-block;
        float: right;
        margin-left: .625em
    }

    body>header a.button.icon.branches span,
    body>header a.button.icon.cart span {
        display: inline
    }

    body>header a.button.icon.cart,
    body>header a.button.icon.login {
        padding: 0 .71429em
    }

    body>header a.button.icon.account,
    body>header a.button.icon.login {
        display: block;
        border: none;
        position: relative;
        right: auto;
        top: auto;
        padding-right: 1.42857em
    }

    body>header a.button.icon.account span,
    body>header a.button.icon.login span {
        display: inline
    }

    body>header .columns .collapse .border-wrapper .button {
        border-left-radius: 0
    }

    body>header .columns .collapse .border-wrapper input {
        border-right-radius: 0
    }

    body>header .columns .border-wrapper {
        padding: .3125em;
        background-color: hsla(0, 0%, 100%, .4);
        border-radius: .25em .25em
    }
}

@media (max-width:1023px) {
    body>header .border-wrapper {
        margin-bottom: 10px
    }

    body>header .search-terms {
        width: 16.66667em
    }
}

@media (min-width:1280px) {
    body>header .search-terms .large-12 {
        display: block
    }
}

@media (min-width:1400px) {
    header #header-image-wrapper:not(.responsive) .inner {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0;
        left: 0
    }

    header section.languages {
        background-color: #f0f4f8
    }
}

@media (min-width:480px) {
    body>header {
        min-height: auto
    }
}

footer {
    background-color: #6e797f;
    border-top: 1px solid #525c62
}

footer .slogan,
footer a,
footer i {
    color: #fff
}

footer ul {
    padding-bottom: .8125em
}

footer ul li a:hover,
footer ul li a:visited {
    color: #fff
}

footer nav ul {
    text-align: center;
    margin-bottom: .9375em
}

footer nav ul li {
    display: inline-block;
    margin: 1.3125em 0 0;
    padding: 0 .3125em
}

footer.is-landing-page .slogan {
    float: right
}

footer .social-icons ul {
    text-align: center;
    margin: 0;
    padding: 0
}

footer .social-icons ul li {
    text-align: center;
    display: inline-block
}

footer .social-icons ul li a {
    width: 6.25em;
    height: 8.75em;
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    padding-top: 1.25em
}

footer .social-icons ul li a i {
    font-size: 5em
}

footer .social-icons ul li a span {
    font-family: Helvetica, sans-serif;
    display: block;
    font-size: .875em
}

@media print {
    footer .social-icons ul li a span {
        font-family: Arial, sans-serif
    }
}

footer .legal {
    background-color: #333;
    position: relative
}

footer .legal a {
    font-size: .875em;
    line-height: 1.42857em
}

footer .legal a i {
    font-size: 1.42857em;
    margin-right: .25em;
    vertical-align: middle
}

footer .legal .slogan {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    background-color: #222526;
    padding: .625em 0
}

footer a#up {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    background-color: #fff;
    width: 1.875em;
    height: 1.875em;
    text-align: center;
    position: absolute;
    right: .625em;
    bottom: .9375em;
    border-radius: .1875em;
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, .2)
}

footer a#up div {
    border-bottom-color: #333;
    position: absolute;
    left: .5625em;
    top: .75em
}

@media (min-width:768px) {
    footer a#up {
        top: .9375em
    }

    footer section.legal nav ul {
        text-align: left;
        margin-bottom: 0
    }

    footer section.legal .slogan {
        text-align: right;
        background-color: transparent
    }

    footer section.social-icons ul li a {
        width: 8.125em
    }

    footer section.social-icons ul li a:hover {
        box-shadow: inset 0 -3px 15px -3px rgba(0, 0, 0, .3);
        transition: box-shadow .35s ease-out
    }
}

@media (min-width:1024px) {
    footer section.legal .large-14 {
        width: 75%
    }
}

@keyframes c {
    0% {
        top: -2.1875em
    }

    to {
        top: 0
    }
}

@media (min-width:768px) {
    .top-header.stuck {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        z-index: 12;
        animation: c .5s;
        -webkit-animation: c .5s;
        -moz-animation: c .5s;
        -ms-animation: c .5s
    }

    .top-header.stuck .button:hover {
        background-color: #fff;
        color: #5e6a71
    }

    .top-header.stuck>.large-12 {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .top-header.stuck>.large-12 nav {
        left: 26.6875em;
        position: absolute
    }
}

@media (min-width:768px) {
    .top-header.stuck .row {
        height: 0
    }

    .top-header.stuck .border-wrapper {
        padding: 0;
        margin: 0
    }

    .top-header.stuck .branches,
    .top-header.stuck .language-select,
    .top-header.stuck .logo,
    .top-header.stuck .slogan,
    .top-header.stuck .welcome-message {
        display: none
    }

    .top-header.stuck .border-wrapper.search-terms {
        width: 15.1875em;
        margin-right: 12px;
        border-bottom: transparent;
        padding: 0;
        padding-top: 15px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .top-header.stuck .border-wrapper.search-terms {
        width: 4.6875em
    }

    .top-header.stuck .border-wrapper.search-terms .small-4 {
        width: 3.5625em
    }

    .top-header.stuck .border-wrapper.search-terms .large-12 {
        display: none
    }
}

@media (min-width:768px) {
    .top-header.stuck .border-wrapper.search-terms input {
        box-shadow: none
    }

    .top-header.stuck .border-wrapper.search-terms.show-search .large-12 {
        display: block;
        position: fixed;
        left: 0;
        top: 70px;
        width: 100%;
        background-color: #6481a4;
        padding: 10px 15px
    }

    .top-header.stuck .border-wrapper.search-terms.show-search input {
        border-top-right-radius: .14286em;
        border-bottom-right-radius: .14286em
    }

    .top-header.stuck .border-wrapper.search-terms .button {
        height: auto
    }

    .top-header.stuck .border-wrapper.search-terms .button:active,
    .top-header.stuck .border-wrapper.search-terms .button:focus,
    .top-header.stuck .border-wrapper.search-terms .button:hover {
        outline: none;
        box-shadow: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .top-header.stuck .border-wrapper.search-terms .button {
        padding-left: 1.0625em
    }
}

@media (min-width:768px) {
    .top-header.stuck .show-search .secondary-search-button {
        width: 2.9375em;
        position: absolute;
        right: .8125em;
        height: 2.5625em;
        top: .625em;
        background-color: #6481a4;
        border-radius: .1875em;
        color: #fff;
        text-align: center;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border: 1px solid #516885;
        display: block
    }

    .top-header.stuck .show-search .secondary-search-button i {
        font-size: 1.6875em;
        line-height: 1.48148em
    }

    .top-header.stuck .border-wrapper .button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        height: 70px;
        background: none;
        border-radius: 0
    }

    .top-header.stuck .border-wrapper .button.icon {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        border-left: 1px solid #d7d9db
    }

    .top-header.stuck .border-wrapper .button.icon i[class*=icon-] {
        line-height: 1
    }

    .top-header.stuck .border-wrapper .button.active {
        box-shadow: none;
        background: #6481a4
    }

    .top-header.stuck .border-wrapper .button .arrow {
        margin-top: 20px
    }

    .top-header.stuck .login span {
        display: none !important
    }

    .top-header.stuck .border-wrapper {
        background: none
    }

    #main-navigation.stuck {
        position: fixed;
        top: 0;
        z-index: 12;
        height: 0;
        border-top: 0;
        animation: c .5s;
        -webkit-animation: c .5s;
        -moz-animation: c .5s;
        -ms-animation: c .5s
    }

    #main-navigation.stuck>nav {
        border-top: 0;
        padding: 0 1.25em
    }

    #main-navigation.stuck>nav>ul>li {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-pack: center;
        justify-content: center;
        width: 4.6875em;
        height: 4.375em
    }

    #main-navigation.stuck>nav>ul>li i[class*=icon-nav-],
    #main-navigation.stuck>nav>ul>li i[class*=icon-tool-nav-] {
        cursor: pointer;
        left: 0;
        margin: 0
    }

    #main-navigation.stuck>nav>ul>li a {
        display: none
    }

    #main-navigation.stuck>nav>ul>li .content-wrapper {
        top: 4.375em
    }

    #main-navigation.stuck>nav>ul>li.active {
        margin-top: 0
    }

    #main-navigation.stuck>nav>ul>li.home {
        display: -ms-flexbox;
        display: flex;
        width: 6.3125em
    }

    #main-navigation.stuck>nav>ul>li.home a {
        display: block;
        padding: 0;
        margin-right: 1.25em
    }

    #main-navigation.stuck>nav>ul>li.home img {
        display: block;
        width: 80px;
        height: 31px
    }

    #main-navigation.stuck>nav>ul>li.home+li {
        border-left-width: 1px
    }

    #main-navigation.stuck>nav>ul>li:last-child {
        border-right: 1px solid #d7d9db
    }

    body>header .stuck .button-group li:not(:last-child) .button.cart {
        border-right-color: transparent
    }

    body>header .stuck .button-group li:not(:last-child) .button.cart span {
        margin-left: .71429em;
        line-height: 1
    }

    .stuck #cart-dropdown-button .button-border {
        margin: 3.125em 0 0;
        padding: .4375em;
        width: 2.5em;
        height: 2.5em;
        position: relative;
        float: right;
        border-radius: .1875em;
        border: 1px solid #dfe2e6;
        background-color: #fff;
        color: #000;
        text-align: center;
        position: static;
        float: none;
        margin: 0;
        background-color: transparent
    }

    .stuck #cart-dropdown-button .button-border:active {
        color: #000
    }

    .stuck #cart-dropdown-button .button-border:before {
        font-size: 1.5625em
    }

    .stuck #cart-dropdown-button .arrow {
        margin-top: 0
    }

    .stuck #cart-dropdown-button:focus .arrow,
    .stuck #cart-dropdown-button:hover .arrow {
        border-top-color: #5e6a71;
        color: #fff
    }

    .border-wrapper.dropdown {
        position: relative;
        border: none
    }

    .border-wrapper.dropdown>a:focus,
    .border-wrapper.dropdown>a:hover {
        background: #485157
    }

    .border-wrapper.dropdown>a.active {
        box-shadow: none;
        background: #485157
    }

    .border-wrapper.dropdown:focus {
        outline: none
    }

    .border-wrapper.dropdown>.dropdown-wrapper {
        position: absolute !important
    }

    .border-wrapper.dropdown>.dropdown-wrapper .dropdown {
        margin-left: 0 !important;
        top: 0 !important;
        display: none
    }
}

@media (min-width:1024px) {
    .top-header.stuck .border-wrapper.search-terms {
        border-bottom: 1px solid #d7d9db;
        margin-right: 25px
    }

    .top-header.stuck .border-wrapper.search-terms .large-12 {
        display: block
    }
}

#main-navigation {
    display: none
}

#main-navigation>nav>ul>li {
    cursor: pointer
}

#main-navigation>nav>ul>li .content-wrapper i.arrow.right {
    display: none
}

#main-navigation>nav>ul>li .content-wrapper .content.contact>div {
    margin-top: .71429em
}

#main-navigation>nav>ul>li .content-wrapper .content.contact>div img {
    float: left;
    margin-right: 1.07143em
}

#main-navigation>nav>ul>li .content-wrapper .content.contact>div span {
    color: #fff;
    font-size: .875em;
    display: block;
    line-height: 1.78571em
}

#main-navigation>nav>ul>li .content-wrapper .content.contact>div span.title {
    font-weight: 700
}

#main-navigation>nav>ul>li .content-wrapper .overview>a {
    font-weight: 700;
    display: inline-block;
    margin: 0 1.07143em 1.07143em
}

#main-navigation>nav>ul>li.home {
    display: none
}

@media (min-width:768px) {
    #main-navigation {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: .3125em solid;
        border-color: #fff;
        border-color: hsla(0, 0%, 100%, .5)
    }

    #main-navigation>nav {
        text-align: left;
        background-color: #fff;
        background: hsla(0, 0%, 100%, .85);
        width: 100%;
        display: block;
        border-style: solid;
        border-color: #d7d9db transparent;
        border-width: 1px 0
    }

    #main-navigation>nav>ul {
        position: static;
        display: -ms-flexbox;
        display: flex;
        transition: none;
        max-width: 60em;
        margin: 0 auto;
        border: 0
    }

    #main-navigation>nav>ul.active {
        width: auto;
        -ms-transform: none;
        transform: none
    }

    #main-navigation>nav>ul li a {
        border: 0
    }

    #main-navigation>nav>ul li a:after {
        display: none
    }

    #main-navigation>nav>ul li ul {
        display: inherit
    }

    #main-navigation>nav>ul li.active i {
        display: inline-block
    }

    #main-navigation>nav>ul li.active i:after {
        font-size: 1.14286em
    }

    #main-navigation>nav>ul>li.active {
        background: #6481a4
    }

    #main-navigation>nav>ul>li.active>i,
    #main-navigation>nav>ul>li.active a {
        color: #fff
    }

    #main-navigation>nav>ul>li.active .content-wrapper {
        z-index: 11
    }

    #main-navigation>nav>ul>li.home+li,
    #main-navigation>nav>ul>li:first-child {
        border-left-width: 0
    }

    #main-navigation>nav>ul>li:last-child a {
        border-bottom: none
    }

    #main-navigation>nav>ul>li {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: static;
        width: auto;
        border-width: 1px 1px 0;
        border-color: transparent transparent transparent #d7d9db;
        border-style: solid;
        background: transparent
    }

    #main-navigation>nav>ul>li.hidden {
        display: none
    }

    #main-navigation>nav>ul>li .content-wrapper {
        position: absolute;
        display: none;
        background-color: #7090b7;
        z-index: 10;
        left: 0;
        right: auto;
        top: 3.75em;
        width: 100%;
        border-top: 9px solid #6481a4;
        border-bottom: 1px solid #516885;
        font-font-family: "Helvetica Extended Light";
        font-font-weight: normal;
        font-font-size: 32px;
        font-line-height: 1.25;
        font-weight: 600
    }

    #main-navigation>nav>ul>li .content-wrapper .top-up {
        display: none
    }

    #main-navigation>nav>ul>li .content-wrapper a,
    #main-navigation>nav>ul>li .content-wrapper i {
        color: #fff
    }

    #main-navigation>nav>ul>li .content-wrapper i.arrow.right {
        display: inline-block;
        border-left-color: #fff;
        margin-left: .71429em
    }

    #main-navigation>nav>ul>li .content-wrapper .subnav-row {
        margin-bottom: .625em
    }

    #main-navigation>nav>ul>li .content-wrapper .content.contact>div,
    #main-navigation>nav>ul>li .content-wrapper .content.contact>ul {
        float: right
    }

    #main-navigation>nav>ul>li .content-wrapper .content.contact>ul {
        list-style-position: outside;
        margin-right: 1.5625em
    }

    #main-navigation>nav>ul>li .content-wrapper .content.contact>ul li {
        white-space: nowrap
    }

    #main-navigation>nav>ul>li .content-wrapper .content.contact>div {
        width: 19.28571em
    }

    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li {
        width: 22%;
        padding-right: 1.25em;
        padding-bottom: 1.25em;
        float: left
    }

    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li a:hover {
        background: none
    }

    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li li.item .item-info,
    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li li.item a {
        display: block;
        padding: 12px 20px;
        line-height: 1
    }

    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li li.item .item-info {
        font-size: .8125em;
        font-style: italic;
        font-weight: 400;
        padding-top: .38462em;
        color: #fff
    }

    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li li.item a {
        background: none;
        border-radius: 3px;
        font-family: Helvetica Extended Light;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857
    }

    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li li.item.active a,
    #main-navigation>nav>ul>li .content-wrapper ul.quartered>li li.item a:hover {
        background: #6481a4
    }

    #main-navigation>nav>ul>li .content-wrapper .content {
        padding: .625em .9375em 0;
        max-width: 59.375em;
        margin: 0 auto
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul {
        color: #6481a4
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li.category>a {
        font-family: Helvetica Extended Light;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4375;
        box-sizing: content-box;
        display: block;
        position: relative;
        border-bottom: 1px solid #6481a4;
        margin-bottom: .9375em;
        vertical-align: middle;
        padding-left: 1.11111em;
        padding-bottom: 10px
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li.category.two-cols {
        overflow: hidden
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li.category.two-cols li.item {
        float: none
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li.category.two-cols li.item a {
        padding: 0;
        padding-bottom: 8px
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li.category.two-cols .link-item:after {
        display: none
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a {
        word-break: normal;
        color: #fff;
        position: relative;
        font-size: .875em;
        line-height: 1.42857em;
        padding: 0;
        display: inline
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a>div {
        display: inline-block
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a .img-wrap {
        width: 30%;
        height: 0;
        padding-bottom: 60px;
        position: relative;
        vertical-align: middle
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a .img-wrap:before {
        content: "";
        width: 150%;
        height: 60px;
        position: absolute;
        bottom: -26px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url("../image/schatten.png");
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a .img-wrap .bounding-box {
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a .img-wrap .bounding-box img {
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 100%;
        height: 100%;
        vertical-align: middle
    }

    #main-navigation>nav>ul>li .content-wrapper .content ul li a .link-item {
        word-break: normal;
        width: 65%;
        vertical-align: middle;
        padding-left: 5px;
        font-family: Helvetica Extended Light;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857
    }

    #main-navigation>nav>ul>li .content-wrapper .footer {
        display: inherit;
        background: #6481a4
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .overview {
        background: #7090b7;
        border-top: 1px solid #6481a4;
        text-align: right
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .overview>a {
        max-width: 67.85714em;
        margin: 0 auto;
        display: block;
        font-family: Helvetica Extended Light;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857;
        line-height: 2.85714em
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .overview>a i {
        margin-right: .71429em;
        border-width: 2px;
        border-color: #fff;
        height: .71429em
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .overview>a i:after {
        border-width: 2px;
        border-color: #fff
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .teaser-wrapper {
        max-width: 59.375em;
        margin: 0 auto;
        padding: 10px 0 30px;
        overflow: hidden
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .teaser-wrapper .teaser {
        position: relative;
        display: block;
        float: left;
        margin-right: 20px;
        height: 120px;
        overflow: hidden;
        width: 30%;
        margin-right: 5%
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .teaser-wrapper .teaser:last-child {
        margin-right: 0 !important
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .teaser-wrapper .teaser img {
        width: 100%;
        height: auto
    }

    #main-navigation>nav>ul>li .content-wrapper .footer .teaser-wrapper .teaser figcaption {
        position: absolute;
        right: 0;
        font-size: .875em;
        font-weight: 400;
        line-height: 1.25;
        display: inline-block;
        background: #6481a4;
        padding: .85714em 1.42857em;
        height: 70%;
        top: 15%;
        width: 150px
    }

    #main-navigation>nav>ul>li ul>li>ul>li>ul {
        display: none
    }

    #main-navigation>nav>ul>li>i:first-child {
        display: block
    }

    #main-navigation>nav>ul>li>i {
        position: relative;
        color: #5e6a71;
        margin: .25em .375em;
        left: 0;
        right: 0;
        font-size: 2.5em;
        line-height: .975em
    }

    #main-navigation>nav>ul>li>i.arrow.down,
    #main-navigation>nav>ul>li>i.arrow.up {
        display: none !important
    }

    #main-navigation>nav>ul>li>a {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        border-top: 1px solid transparent;
        padding: 0 10px 0 0;
        display: block;
        font-family: Helvetica Extended Light;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.375;
        line-height: 1;
        background: transparent;
        color: #5e6a71;
        outline: none
    }
}

@media (min-width:980px) {
    #main-navigation>nav>ul>li {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

@media (min-width:980px) and (-ms-high-contrast:none) {
    #main-navigation>nav>ul>li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (min-width:980px) {
    #main-navigation>nav>ul>li .content-wrapper .content {
        padding: 1.25em 0 0
    }

    #main-navigation>nav>ul>li .content-wrapper .content .subnav-row .teaser {
        display: block
    }

    #main-navigation>nav>ul>li .content-wrapper .content.quartered .subnav-row>ul {
        width: 25%
    }

    #main-navigation>nav>ul>li .content-wrapper .content.assortment .subnav-row>ul {
        width: 75%
    }
}

.archive-teaser {
    list-style-type: none
}

.archive-teaser li {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 5px
}

.archive-teaser li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.archive-teaser li a {
    color: #333
}

.archive-teaser li .date-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: .625em
}

.archive-teaser li .nodate {
    padding-left: 0
}

.archive-teaser li .h3,
.archive-teaser li h3 {
    font-family: Helvetica;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.11111;
    color: #7090b7;
    line-height: 5em
}

@media print {

    .archive-teaser li .h3,
    .archive-teaser li h3 {
        font-family: Arial, sans-serif
    }
}

.archive-teaser li .content .h2,
.archive-teaser li .content h2 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #333;
    padding-bottom: 1.25em;
    margin: 0
}

.archive-teaser li .content p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 1.42857em
}

@media print {
    .archive-teaser li .content p {
        font-family: Arial, sans-serif
    }
}

.archive-teaser li .img {
    max-width: 13.75em;
    display: inline-block;
    vertical-align: top;
    text-align: right
}

.archive-teaser li .img img {
    border: 1px solid #e0e0e0;
    margin-bottom: .625em;
    height: 5.625em
}

.archive-teaser li.nodate .content {
    padding-left: 0
}

.archive-teaser li .date.left-on-mobile {
    float: left !important;
    display: block;
    clear: both;
    margin-top: .625em
}

.archive-teaser li .job-teaser .content p {
    margin-bottom: 1em
}

.archive-teaser li .job-teaser .details-wrapper {
    margin-bottom: .5em
}

.archive-teaser li .job-teaser .details-label {
    width: 10em
}

.archive-teaser li .job-teaser .details-field {
    line-height: 1.25em
}

.archive-teaser li .contact-item-teaser .content p {
    margin-bottom: 1em
}

.archive-teaser li .contact-item-teaser .content .contact-data {
    margin-bottom: 2em
}

.archive-teaser li .contact-item-teaser .content .contact-data p {
    margin-bottom: .5em
}

.archive-teaser .hover-magnify {
    overflow: hidden;
    padding-bottom: 1.875em;
    width: 100%
}

.archive-teaser .hover-magnify .content.nodate {
    padding-right: 0
}

.archive-teaser .hover-magnify .content section {
    display: inline
}

.archive-teaser .hover-magnify .img {
    position: static;
    top: auto;
    max-width: none;
    width: auto
}

.archive-teaser .hover-magnify .img img {
    margin-bottom: 0
}

.archive-teaser .event-item-teaser .content h2 {
    padding-bottom: .5em
}

.archive-teaser .event-item-teaser .content li {
    border: 0
}

.archive-teaser .event-item-teaser .details-wrapper {
    padding-bottom: 1em;
    font-size: .825em;
    overflow: hidden
}

.archive-teaser .event-item-teaser time {
    display: inline
}

@media (min-width:768px) {
    .archive-teaser li time {
        display: block;
        height: 0
    }

    .archive-teaser li .content {
        padding: 0 20em 0 5em
    }

    .archive-teaser li .content .h2,
    .archive-teaser li .content h2 {
        padding-bottom: 1em
    }

    .archive-teaser li .content p {
        margin-bottom: 2.85714em
    }

    .archive-teaser li .right.date.left-on-mobile {
        float: right !important;
        display: inline;
        margin-top: 0;
        clear: none
    }

    .archive-teaser li .img {
        position: absolute;
        right: 0;
        top: 4.375em;
        width: 15em
    }

    .archive-teaser li .img img {
        height: auto;
        margin-bottom: 1.875em
    }

    .archive-teaser .hover-magnify .img {
        float: right;
        margin-left: 2em
    }
}

@media print {
    .archive-teaser .hover-magnify {
        opacity: 1
    }

    .archive-teaser .hover-magnify .img {
        margin-left: 0
    }

    .archive-teaser li .img img {
        height: auto
    }
}

.tag-container {
    margin: 2.5em 0
}

.tag-container ul {
    list-style-type: none;
    text-align: left
}

.tag-container ul li {
    display: inline-block;
    margin: 0 1em .125em 0
}

.tag-container ul li:last-child {
    margin-right: 0
}

.tag-container ul li a {
    color: #b8c7db;
    font-family: Helvetica Extended Bold;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -.01em
}

.tag-container ul li a.active,
.tag-container ul li a:hover {
    color: #7090b7
}

@media (max-width:767px) {
    .tag-container {
        margin: 1.25em 0
    }

    .tag-container ul li a {
        font-size: 24px
    }
}

.range-slider-input-wrapper {
    *zoom: 1;
    margin-bottom: 2.14286em
}

.range-slider-input-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.range-slider-input {
    width: 40%;
    float: left
}

.range-slider-input-separator {
    width: 20%;
    float: left;
    display: block !important;
    text-align: center;
    font-size: 1.21429em !important;
    line-height: 1.29412em !important
}

.range-slider-input input {
    width: 100%;
    color: #000 !important;
    font-size: .85714em !important
}

.range-slider-scale {
    margin-top: 20px
}

.range-slider-ticks .tick {
    display: block;
    float: left;
    width: 50%;
    height: 10px;
    box-sizing: border-box
}

.range-slider-ticks .tick-left {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.range-slider-ticks .tick-right {
    border-left: 0 solid #fff;
    border-right: 1px solid #fff
}

.range-slider-labels .label {
    width: 33.33333%;
    float: left
}

.range-slider-labels .label-middle {
    text-align: center
}

.range-slider-labels .label-right {
    text-align: right
}

.range-slider {
    margin-top: .42857em;
    padding: 0 .71429em;
    height: 7px;
    box-shadow: none;
    background-color: #525c62;
    background: -owg-linear-gradient(#485157, #525c62);
    background: linear-gradient(#485157, #525c62);
    border: 1px solid #485157
}

.range-slider .noUi-handle {
    cursor: pointer;
    height: 25px;
    top: -10px;
    box-shadow: 0 1px 10px #222526;
    border: 0;
    background: #d7d9db
}

.range-slider .noUi-handle:after,
.range-slider .noUi-handle:before {
    background: #485157
}

.noUi-background {
    background-color: #525c62;
    background: -owg-linear-gradient(#485157, #525c62);
    background: linear-gradient(#485157, #525c62);
    box-shadow: none
}

.noUi-connect {
    background-color: #f0f4f8
}

.datepicker .icon-caret-left {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #333;
    float: none !important
}

.events .h3,
.events h3 {
    font-weight: 700;
    margin: .75em 0;
    text-align: left
}

.event-teaser {
    background: url("../image/event_logo.png") no-repeat 17.1875em 1.25em;
    margin: 0 auto 1.25em;
    border-radius: .1875em;
    border: 1px solid #d7d9db;
    min-width: 18.75em;
    padding: 1.875em 1.875em 3.75em;
    height: auto
}

.event-teaser>img {
    margin: 0 0 3.125em;
    display: block
}

.event-teaser .info {
    display: inline-block;
    font-size: .875em;
    line-height: 1.5em;
    color: #999;
    padding: 0
}

.event-teaser .info b {
    color: #999;
    display: block
}

.event-teaser .links {
    position: absolute;
    display: block;
    width: 18.625em;
    bottom: 1.3125em;
    border-top: 1px solid #d7d9db;
    text-align: right;
    border-bottom-left-radius: .1875em;
    border-bottom-right-radius: .1875em;
    background-image: -owg-linear-gradient(top, #fff 0, #f7f7f7 1px, #fff 100%);
    background-image: linear-gradient(top, #fff, #f7f7f7 1px, #fff);
    left: 11px
}

.event-teaser .links a {
    position: relative;
    display: inline-block;
    font-size: .875em;
    line-height: 2.85714em;
    padding: 0 2.14286em 0 1.07143em;
    font-weight: 700;
    color: #5e6a71
}

.event-teaser .links a .arrow {
    position: absolute;
    right: 1.07143em;
    top: 50%;
    margin-top: -.35714em;
    border-left-color: #5e6a71
}

.event-teaser .links .ticket {
    border-right: 1px solid #d7d9db
}

@media (min-width:768px) {
    .events {
        margin-bottom: 2.5em
    }
}

.heading-box {
    position: relative;
    height: 100%;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    border-radius: .1875em;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1)
}

.heading-box>* {
    padding: 1.07143em 2em;
    padding-bottom: 0
}

.heading-box>a {
    padding: 0
}

.heading-box>img {
    width: 100%;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px
}

.heading-box .h3,
.heading-box a.link,
.heading-box h3,
.heading-box p {
    display: block;
    font-size: .875em;
    line-height: 1.5
}

.heading-box .h3,
.heading-box a,
.heading-box h3 {
    font-weight: 700
}

.heading-box a {
    font-size: .875em;
    color: #5e6a71
}

.heading-box a.headline-link {
    font-size: 1em
}

.heading-box .h3,
.heading-box h3 {
    color: #333;
    line-height: 2em;
    border-bottom: 1px solid #e0e0e0;
    padding: 1.78571em 2em 1.57143em
}

.heading-box form {
    padding: .92857em;
    padding-bottom: 0
}

.heading-box form>:not(textarea):not(input) {
    padding: 0 1.07143em
}

.heading-box p {
    padding-bottom: 0;
    letter-spacing: -.5px
}

.heading-box a.link {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #5e6a71;
    background: #fff;
    line-height: 1.5em;
    text-align: right;
    padding: .64286em 2.5em;
    border-top: 1px solid #e0e0e0
}

.heading-box a.link .arrow.right {
    position: absolute;
    top: 1.07143em;
    right: 1.07143em;
    border-left-color: #5e6a71
}

.heading-box.order-box fieldset .order-box-table {
    border: 1px solid #d7d9db;
    border-radius: .1875em;
    display: block;
    padding-bottom: 1px
}

.heading-box.order-box fieldset .order-box-table tr {
    border-bottom: 1px solid #d7d9db
}

.heading-box.order-box fieldset .order-box-table tr:last-of-type {
    border-bottom: none
}

.heading-box.order-box fieldset .has-tip {
    height: 2.75em;
    display: inline-block;
    border-bottom: 0
}

.heading-box.order-box fieldset input {
    margin: 0;
    border: 0;
    box-shadow: none
}

.heading-box.order-box fieldset img {
    margin: .64286em 0
}

.heading-box.order-box fieldset .order-box-amount {
    width: 40%;
    border-left: 1px solid #d7d9db
}

.heading-box.order-box fieldset .order-box-amount input {
    text-align: center
}

.heading-box.order-box fieldset textarea.lines {
    height: 10em;
    margin-bottom: 0;
    resize: none
}

.heading-box.order-box fieldset .button {
    font-weight: 400 !important;
    float: right;
    margin: .64286em 0
}

.heading-box.order-box fieldset a {
    display: inline-block;
    margin-left: 1.07143em;
    margin-top: 1.28571em
}

.heading-box.order-box fieldset .document-search {
    border: 1px solid #d7d9db;
    border-radius: .1875em
}

.heading-box.order-box fieldset .document-search__left {
    border-right: 1px solid #d7d9db;
    margin-right: 40px
}

.heading-box.order-box fieldset .document-search__right {
    float: right;
    height: 40px;
    width: 40px;
    margin-top: -36px;
    text-align: center
}

.heading-box.order-box fieldset .document-search__right .button {
    float: none;
    padding: 0;
    width: 100%;
    height: 100%
}

.heading-box.order-box fieldset .document-search a {
    margin: 0;
    color: #5e6a71;
    background: none;
    font-size: 28px;
    padding: 3px 14px
}

.descr-box figure {
    position: relative;
    font-size: .875em;
    height: 14.64286em;
    margin-bottom: .71429em;
    background: #f0f4f8;
    border: 1px solid #e0e0e0;
    text-align: center;
    color: #5e6a71;
    border-radius: .14286em
}

@media print {
    .descr-box figure {
        page-break-inside: avoid;
        break-inside: avoid
    }
}

.descr-box figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #fff
}

.descr-box figure i {
    font-size: 8.92857em
}

.descr-box figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5.38462em;
    font-weight: 700;
    color: #5e6a71;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    padding-top: 2.30769em
}

.animation-wrapper {
    transition-property: opacity;
    transition-duration: 1s;
    border-top: 2px solid #fff;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    margin-left: 0;
    background-color: #000;
    z-index: -1
}

.header-image-wrapper .inner {
    position: relative
}

#restart-animation {
    color: hsla(0, 0%, 100%, .25);
    font-size: 2.5em;
    bottom: 1.65em;
    position: absolute;
    right: 0;
    z-index: 3;
    cursor: pointer;
    display: none
}

#restart-animation:hover {
    color: #fff
}

#animation-pane {
    *zoom: 1;
    left: 50%;
    height: auto;
    position: absolute
}

#animation-pane:after,
#animation-pane:before {
    content: " ";
    display: table
}

#animation-pane:after {
    clear: both
}

#animation-pane .gray-image,
#animation-pane .highlight-gray,
#animation-pane .logo {
    width: 9.875em;
    float: left;
    line-height: 0
}

#animation-pane .gray-image,
#animation-pane .highlight-color,
#animation-pane .highlight-gray {
    border: 1px solid #222526
}

#animation-pane .gray-image img,
#animation-pane .highlight-color img,
#animation-pane .highlight-gray img {
    width: 100%;
    height: auto
}

#animation-pane .highlight-gray {
    position: relative
}

#animation-pane .fade-in {
    opacity: 0
}

#animation-pane .logo {
    position: relative;
    background-color: #fff
}

#animation-pane .logo .inner {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

#animation-pane .logo .inner img {
    left: 10%;
    margin-top: 32%;
    position: relative;
    width: 80%
}

#animation-pane .welcome-box {
    transition-property: opacity;
    transition-duration: 1s;
    *zoom: 1;
    position: absolute;
    width: 32.5em;
    text-align: right;
    color: #fff;
    opacity: 0;
    left: 50%;
    margin-left: -12.75em;
    top: 9.875em;
    line-height: 0
}

#animation-pane .welcome-box:after,
#animation-pane .welcome-box:before {
    content: " ";
    display: table
}

#animation-pane .welcome-box:after {
    clear: both
}

#animation-pane .welcome-box.reset {
    transition-property: none
}

#animation-pane .welcome-box.show {
    opacity: 1
}

#animation-pane .welcome-box .highlight-color {
    display: inline-block;
    width: 9.875em
}

#animation-pane .welcome-box .welcome-content {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: .5em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1;
    vertical-align: middle
}

#animation-pane .welcome-box .welcome-greeting {
    font-size: 2.1875em
}

#animation-pane .welcome-box .welcome-nameposition {
    float: right;
    margin-right: .42857em
}

#animation-pane .welcome-box .welcome-nameposition .name {
    font-size: 1.3125em
}

#animation-pane .welcome-box .welcome-nameposition .position {
    font-size: .875em
}

#animation-pane .welcome-box .welcome-flag {
    float: right;
    height: 1.75em;
    line-height: 2.1875em
}

#animation-pane .welcome-box .welcome-flag img {
    width: auto;
    height: 100%;
    vertical-align: middle
}

.two-square-teaser {
    margin-top: 1.875em
}

.two-square-teaser .list-of-jobs div.columns {
    overflow: visible;
    height: auto;
    padding: 0
}

.two-square-teaser .large-8 {
    width: 100%;
    float: none !important
}

.two-square-teaser .columns>p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 1.875em auto 0
}

@media print {
    .two-square-teaser .columns>p {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser article,
.two-square-teaser section {
    position: relative;
    width: 100%;
    max-width: 33.75em;
    height: auto;
    border: 1px solid #e0e0e0;
    margin: 1.875em auto 0;
    border-radius: .1875em
}

.two-square-teaser article .article-center,
.two-square-teaser section .article-center {
    position: relative;
    max-width: 33.6875em;
    max-height: 22.125em;
    z-index: 0;
    overflow: hidden
}

.two-square-teaser article .article-bottom,
.two-square-teaser section .article-bottom {
    z-index: 10
}

.two-square-teaser article .h2,
.two-square-teaser article h2,
.two-square-teaser section .h2,
.two-square-teaser section h2 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    display: block;
    text-align: left;
    color: #000;
    height: 3.75em;
    padding: 1.25em 0 1.25em 1.25em;
    border-bottom: 1px solid #e0e0e0
}

.two-square-teaser article a,
.two-square-teaser section a {
    font-family: Helvetica;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857;
    position: relative;
    display: block;
    color: #5e6a71;
    text-align: right
}

@media print {

    .two-square-teaser article a,
    .two-square-teaser section a {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser article a .arrow,
.two-square-teaser section a .arrow {
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71;
    margin-left: 1em
}

.two-square-teaser article a.headline-link,
.two-square-teaser section a.headline-link {
    font-size: 1em
}

.two-square-teaser article a.bold,
.two-square-teaser section a.bold {
    min-height: 2.85714em;
    padding: .64286em 2.5em 0 0;
    border-top: 1px solid #e0e0e0
}

.two-square-teaser article a.bold span.arrow,
.two-square-teaser section a.bold span.arrow {
    position: absolute;
    width: 0;
    top: 1em;
    right: 1.07143em
}

.two-square-teaser ul {
    list-style-type: none
}

.two-square-teaser ul li:last-child {
    border-bottom: 0
}

.two-square-teaser ul li {
    border-bottom: 1px solid #e0e0e0;
    min-height: 5.625em
}

.two-square-teaser ul li a {
    text-align: left;
    padding: 1.75em 2.1875em 1.75em 0;
    transition: background-image .35s ease-out
}

.two-square-teaser ul li a time+span {
    padding-left: 15px;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

@media print {
    .two-square-teaser ul li a time+span {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser ul li a span {
    font-family: Helvetica;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
    text-align: left;
    display: block;
    margin-left: 3.36364em
}

@media print {
    .two-square-teaser ul li a span {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser ul li a span.arrow {
    position: absolute;
    width: 0;
    top: 50%;
    margin-top: -.45455em;
    right: 1.36364em
}

.two-square-teaser ul li a span.date {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    width: 25%
}

@media print {
    .two-square-teaser ul li a span.date {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser ul li a .columns span.date {
    width: 100%
}

.two-square-teaser ul li a .columns span.arrow {
    right: -14px
}

.two-square-teaser ul li a .columns p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

@media print {
    .two-square-teaser ul li a .columns p {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser ul li a .columns .category {
    display: block
}

.two-square-teaser ul li a p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625;
    margin-left: 2.5em;
    margin-top: .71429em;
    text-align: left
}

@media print {
    .two-square-teaser ul li a p {
        font-family: Arial, sans-serif
    }
}

.two-square-teaser ul li>a:hover {
    background-image: -owg-linear-gradient(#f7f7f7, #fff);
    background-image: linear-gradient(#f7f7f7, #fff)
}

.two-square-teaser ul li li:last-child {
    border-bottom-width: 0
}

@media (min-width:768px) {
    .two-square-teaser {
        padding-bottom: 1.25em
    }

    .two-square-teaser .list-of-jobs div,
    .two-square-teaser div.joblist {
        overflow-y: scroll;
        height: 22.1875em
    }

    .two-square-teaser .large-8 {
        width: 100%
    }

    .two-square-teaser article,
    .two-square-teaser section {
        width: 33.75em;
        height: 29.375em
    }

    .two-square-teaser ul li a p {
        margin-left: 9.14286em;
        margin-top: 0
    }

    .two-square-teaser ul li a span {
        display: inline-block;
        margin-left: auto
    }

    .two-square-teaser ul li a span.date {
        text-align: center
    }
}

@media (min-width:1024px) {
    .two-square-teaser .large-8 {
        width: 100%
    }
}

@media (min-width:1280px) {
    .two-square-teaser .large-8 {
        width: 50%;
        float: left !important
    }

    .two-square-teaser .large-8:first-child {
        margin-bottom: 0
    }
}

@media print {
    .two-square-teaser {
        margin-top: 0;
        margin-bottom: 0
    }

    .two-square-teaser article,
    .two-square-teaser section {
        margin-right: 0;
        margin-left: 0
    }
}

.four-square-teaser {
    margin: 1.875em auto
}

.four-square-teaser .sub-headline {
    font-weight: 700;
    color: #5e6a71
}

.four-square-teaser ul {
    text-align: center;
    margin: 0 auto;
    list-style-type: none;
    width: 16.125em
}

.four-square-teaser ul li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: left;
    width: 16.125em;
    border: 1px solid #e0e0e0;
    border-radius: .1875em;
    background-color: #fff;
    margin-top: 1.25em;
    display: table
}

.four-square-teaser ul li:nth-child(4n) {
    margin-right: 0 !important
}

.four-square-teaser ul li a {
    position: relative;
    display: block;
    color: #5e6a71;
    font-size: .875em;
    line-height: 1.5em;
    text-align: right
}

.four-square-teaser ul li a .arrow {
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71;
    margin-left: 1em
}

.four-square-teaser ul li a.link {
    font-size: .875em;
    font-weight: 700;
    padding: 1.07143em;
    padding-right: 2.5em
}

.four-square-teaser ul li a.link .arrow {
    position: absolute;
    top: 1.42857em;
    right: 1.07143em
}

.four-square-teaser ul li a.overlay-layer {
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    text-align: left;
    bottom: 50px;
    left: 0;
    background: hsla(0, 0%, 100%, .9)
}

.four-square-teaser ul li a.overlay-layer p {
    display: inline-block;
    font-size: 1em;
    line-height: 1.5em;
    width: 16.42857em;
    height: 100%;
    padding: .71429em 0 .71429em 2.14286em
}

.four-square-teaser ul li header {
    display: table-row
}

.four-square-teaser ul li header a {
    font-size: 1em
}

.four-square-teaser ul li .h3,
.four-square-teaser ul li h3 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #333;
    padding: 1.42857em;
    display: table-cell;
    vertical-align: middle
}

@media (min-width:768px) {
    .four-square-teaser {
        margin: 3.125em auto
    }

    .four-square-teaser ul {
        width: 34.75em;
        padding-left: .5em
    }

    .four-square-teaser ul li:nth-child(odd) {
        margin-right: 1.5625em
    }
}

@media (min-width:1280px) {
    .four-square-teaser ul {
        width: 100%;
        padding-left: 0
    }

    .four-square-teaser ul li {
        margin-right: 1.375em !important
    }

    .four-square-teaser ul li:last-child {
        margin-right: 0 !important
    }
}

@media print {
    .four-square-teaser {
        margin-top: 0;
        margin-bottom: 0
    }

    .four-square-teaser ul {
        width: auto
    }

    .four-square-teaser ul li {
        margin: .5em
    }

    .four-square-teaser ul li .h3,
    .four-square-teaser ul li a.link,
    .four-square-teaser ul li h3 {
        height: auto !important;
        padding: 10px;
        text-align: left
    }

    .four-square-teaser ul li a.link .arrow {
        display: none
    }
}

div[itemprop=articleBody]>.list-teaser,
div[itemprop=articleBody]>.single-teaser {
    margin: 1.875em 0
}

.list-teaser,
.single-teaser {
    border-radius: .1875em;
    margin: 0;
    border: 1px solid #e0e0e0;
    overflow: hidden
}

.list-teaser .h3,
.list-teaser h3,
.single-teaser .h3,
.single-teaser h3 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #333;
    display: block;
    padding-top: 1.19048em
}

.list-teaser ul,
.single-teaser ul {
    list-style: none;
    margin-top: .625em
}

.list-teaser ul li,
.single-teaser ul li {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    line-height: 2em
}

@media print {

    .list-teaser ul li,
    .single-teaser ul li {
        font-family: Arial, sans-serif
    }
}

.list-teaser .copy-list,
.single-teaser .copy-list {
    padding: 1.5625em
}

.list-teaser .copy-list p,
.single-teaser .copy-list p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin-top: .625em
}

@media print {

    .list-teaser .copy-list p,
    .single-teaser .copy-list p {
        font-family: Arial, sans-serif
    }
}

.list-teaser .columns,
.single-teaser .columns {
    height: 100%
}

.list-teaser .large-4,
.single-teaser .large-4 {
    border-right: 0 solid #e0e0e0;
    width: 100%
}

.list-teaser .large-12,
.single-teaser .large-12 {
    padding: 0;
    width: 100%
}

.list-teaser .large-12 .copy-list,
.single-teaser .large-12 .copy-list {
    padding-right: 1.25em
}

.list-teaser .large-16,
.single-teaser .large-16 {
    padding: 0;
    width: 100%
}

.list-teaser .large-16 .copy-list,
.single-teaser .large-16 .copy-list {
    padding-right: 1.25em
}

.list-teaser img,
.single-teaser img {
    display: block;
    margin: 1.25em auto
}

.list-teaser a.more,
.single-teaser a.more {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    line-height: 3.57143em;
    height: 3.57143em;
    padding-right: 1.07143em;
    color: #5e6a71;
    text-align: right;
    border-top: 1px solid #e0e0e0;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

@media print {

    .list-teaser a.more,
    .single-teaser a.more {
        font-family: Arial, sans-serif
    }
}

.list-teaser a.more span.arrow,
.single-teaser a.more span.arrow {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71;
    display: inline-block;
    margin-left: .71429em
}

@media (min-width:768px) {

    div[itemprop=articleBody]>.list-teaser,
    div[itemprop=articleBody]>.single-teaser {
        width: 100%;
        position: relative
    }

    .list-teaser img,
    .single-teaser img {
        display: block;
        margin: 1.25em auto
    }

    .list-teaser .large-4,
    .single-teaser .large-4 {
        width: 25%
    }

    .list-teaser .large-12,
    .single-teaser .large-12 {
        width: 75%;
        border-left: 1px solid #e0e0e0
    }

    .list-teaser .large-12 .copy-list,
    .single-teaser .large-12 .copy-list {
        min-height: 10.625em;
        padding: 0 0 1.25em 1.25em
    }

    .list-teaser .large-12 a,
    .single-teaser .large-12 a {
        border-width: 0
    }

    .large-16 .copy-list {
        padding: 0 0 1.25em 1.25em
    }
}

.list-teaser h3 {
    padding-top: 5px
}

.list-teaser .copy-list figure {
    width: 30px;
    float: left;
    margin-right: 15px
}

.list-teaser .copy-list figure img {
    margin: 0
}

.list-teaser>.columns {
    padding: 0
}

.blue-article-teaser {
    background-color: #f0f4f8;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 1.25em
}

.blue-article-teaser>.row {
    margin-top: 30px;
    max-width: 1680px
}

@media (min-width:48em) {
    .blue-article-teaser>.row {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:64em) {
    .blue-article-teaser>.row {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media (min-width:80em) {
    .blue-article-teaser>.row {
        padding-left: 60px;
        padding-right: 60px
    }
}

.blue-article-teaser .h1,
.blue-article-teaser h1 {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    color: #7090b7;
    margin: 1.42857em 0 0
}

.blue-article-teaser .teaser {
    max-width: 18.75em;
    margin: 0 auto 1.25em
}

.blue-article-teaser a.category {
    font-family: Helvetica Extended Light;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    color: #7090b7;
    margin-bottom: 2.14286em;
    display: block
}

.blue-article-teaser a.article {
    padding-left: 3.75em;
    display: block;
    position: relative
}

.blue-article-teaser .img-wrapper {
    width: 100%;
    max-width: 15em;
    height: 5.625em;
    overflow: hidden;
    position: absolute;
    right: 0;
    border-radius: .1875em;
    border: 1px solid #d7d9db
}

.blue-article-teaser .img-wrapper img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7.5em;
    height: 5.625em;
    width: 15em;
    max-width: none
}

.blue-article-teaser .article .h3,
.blue-article-teaser .article h3 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #333;
    padding: 6.19048em 0 .95238em;
    margin: 0
}

.blue-article-teaser p,
.blue-article-teaser ul li {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #333
}

@media print {

    .blue-article-teaser p,
    .blue-article-teaser ul li {
        font-family: Arial, sans-serif
    }
}

.blue-article-teaser ul {
    margin: .35714em 0
}

.blue-article-teaser ul li {
    margin-left: 0
}

@media (min-width:768px) {
    .blue-article-teaser {
        margin: 1.875em 0 1.25em
    }

    .blue-article-teaser .teaser {
        margin-bottom: 3.125em
    }

    .blue-article-teaser .large-4 {
        width: 50%
    }

    .blue-article-teaser .large-4:nth-child(odd) .teaser {
        margin-right: 0
    }

    .blue-article-teaser .large-4:nth-child(2n) .teaser {
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .blue-article-teaser .large-4 {
        width: 25%
    }

    .blue-article-teaser .large-4 .teaser {
        margin-left: 0;
        margin-right: 0
    }

    .blue-article-teaser a.article {
        padding-left: 0
    }
}

@media (min-width:1280px) {
    .blue-article-teaser a.article {
        padding-left: 3.75em
    }
}

@media print {
    .blue-article-teaser .teaser {
        height: auto !important
    }

    .blue-article-teaser a.article {
        padding-left: 0
    }
}

.breadcrumb-wrapper {
    background-color: #fff
}

.breadcrumb-wrapper ul.breadcrumbs {
    margin: 0;
    border-width: 0;
    background-color: transparent;
    padding: .9375em;
    padding-left: 0
}

.breadcrumb-wrapper ul.breadcrumbs>:before {
    content: "›";
    top: 0;
    margin: 0 8px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: .015em;
    color: #5e6a71
}

@media print {
    .breadcrumb-wrapper ul.breadcrumbs>:before {
        font-family: Arial, sans-serif
    }
}

.breadcrumb-wrapper ul.breadcrumbs>:first-child:before {
    content: " ";
    margin: 0
}

.breadcrumb-wrapper ul.breadcrumbs li a,
.breadcrumb-wrapper ul.breadcrumbs li span {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.42857;
    letter-spacing: .015em;
    color: #333;
    text-transform: none
}

@media print {

    .breadcrumb-wrapper ul.breadcrumbs li a,
    .breadcrumb-wrapper ul.breadcrumbs li span {
        font-family: Arial, sans-serif
    }
}

.breadcrumb-wrapper ul.breadcrumbs li a:hover,
.breadcrumb-wrapper ul.breadcrumbs li span:hover {
    text-decoration: underline
}

.breadcrumb-wrapper ul.breadcrumbs li.current a,
.breadcrumb-wrapper ul.breadcrumbs li.current span {
    font-weight: 700
}

.breadcrumbs>li a span {
    text-transform: none;
    color: #333
}

.breadcrumbs>*,
.breadcrumbs>* span {
    text-transform: none
}

@media (max-width:767px) {
    .accordion-navigation li {
        background-image: -owg-linear-gradient(left top, #f7f7f7, #fff 50%, #f7f7f7);
        background-image: linear-gradient(left top, #f7f7f7, #fff 50%, #f7f7f7)
    }

    .accordion-navigation li ul.current-visible li:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff
    }

    .accordion-navigation li ul.current-visible li:last-child:after {
        display: none
    }

    .accordion-navigation>li .content-wrapper .content li.category>a {
        font-family: Helvetica Extended Light;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.375;
        line-height: 1.5em
    }

    .accordion-navigation>li .content-wrapper .content li.category ul.current-visible li.item a .link-item {
        font-family: Helvetica Extended Light;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857;
        line-height: 1.35714em
    }

    .accordion-navigation li.active>a {
        font-size: 0 !important;
        font-weight: 400 !important;
        background: #fff !important;
        color: #5e6a71 !important;
        padding: 12px 13px !important;
        line-height: 1 !important;
        border-top: 0 !important;
        background-image: -owg-linear-gradient(left top, #f7f7f7, #fff 50%, #f7f7f7) !important;
        background-image: linear-gradient(left top, #f7f7f7, #fff 50%, #f7f7f7) !important
    }

    .accordion-navigation li.active>a:before {
        content: "";
        display: inline-block;
        margin-right: 10px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #5e6a71
    }

    .accordion-navigation li.active>a:after {
        content: attr(data-back-t);
        display: inline-block;
        font-size: 14px
    }
}

.accordion-navigation {
    position: relative;
    border-top: 1px solid #d7d9db;
    z-index: 1;
    margin: 0;
    list-style-type: none
}

.accordion-navigation li a {
    border-bottom: 1px solid #e0e0e0;
    outline: none
}

.accordion-navigation li a:active {
    outline: none
}

.accordion-navigation li ul {
    display: none
}

.accordion-navigation li:not(.active) a:after {
    content: "";
    display: inline-block;
    float: right;
    margin-top: 8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71
}

.accordion-navigation>li>i.arrow {
    display: none
}

.accordion-navigation>li>i {
    position: absolute;
    color: #5e6a71;
    font-size: 2.6875em;
    line-height: 1.51163em;
    left: .27907em;
    cursor: pointer
}

.accordion-navigation>li>i.arrow.up {
    border-bottom: 5px solid #fff;
    top: 1.375em
}

.accordion-navigation>li>i.arrow.down {
    border-top: 5px solid #fff;
    top: 1.375em
}

.accordion-navigation>li>a {
    font-family: Helvetica Extended Light;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    line-height: 1.125em;
    color: #5e6a71;
    display: inline-block;
    width: 100%;
    padding: 1.5em .92857em 1.5em 4.25em
}

.accordion-navigation>li .content-wrapper {
    z-index: 1
}

.accordion-navigation>li .content-wrapper a {
    font-size: .875em
}

.accordion-navigation>li .content-wrapper .content i {
    margin-left: .35714em
}

.accordion-navigation>li .content-wrapper .content li a {
    color: #5e6a71;
    padding: .85714em .92857em;
    display: block
}

.accordion-navigation>li .content-wrapper .content ul {
    list-style-type: none;
    margin: 0
}

.accordion-navigation>li.active i,
.accordion-navigation>li .content-wrapper .footer {
    display: none
}

.accordion-navigation>li.active .content-wrapper {
    z-index: 2;
    display: block
}

.accordion-navigation .two-cols .img-wrap,
.accordion-navigation .two-cols .item a:after {
    display: none
}

.accordion-navigation .two-cols .link-item:after {
    content: "";
    display: inline-block;
    float: right;
    margin-top: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71
}

.info-box {
    padding: 1.25em 0;
    background-color: #6e797f
}

.info-box .subtitle,
.info-box .title {
    color: #fff
}

.info-box .title {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25
}

.info-box .title.select {
    min-width: 8.07143em
}

.info-box .subtitle {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase
}

@media print {
    .info-box .subtitle {
        font-family: Arial, sans-serif
    }
}

.info-box #exhibition-carousel,
.info-box .content-wrapper,
.info-box .text-icon,
.info-box .text-link,
.info-box .weather {
    border-color: #6e797f;
    border: 0 solid hsla(0, 0%, 100%, .1)
}

.info-box i {
    color: #fff
}

.info-box .cities {
    display: none;
    position: absolute
}

.info-box .toggle-arrow {
    border-top: 0;
    border-bottom: 5px solid #fff
}

.info-box #exhibition-carousel {
    position: relative;
    list-style-type: none;
    height: 13.9375em;
    margin-left: -1.875em;
    padding-left: 1.875em
}

.info-box #exhibition-carousel li {
    position: absolute;
    top: 0;
    height: 100%
}

.info-box #exhibition-carousel li a.text-link {
    display: block;
    width: 269px;
    max-height: 120px
}

.info-box #exhibition-carousel li .text-icon .title {
    width: 239px;
    height: 42px;
    padding-left: 50px
}

.info-box #exhibition-carousel li .text-icon,
.info-box #exhibition-carousel li .text-link {
    border-width: 0
}

.info-box #exhibition-carousel li .text-icon:last-child {
    position: absolute;
    bottom: 0;
    margin-bottom: 0
}

.info-box #exhibition-carousel li.first {
    display: block
}

.info-box .open .cities {
    position: absolute;
    display: block;
    background-color: #5e6a71;
    border: 1px solid #525c62;
    border-bottom-radius: .1875em;
    z-index: 2;
    margin: -1px -1em;
    padding: 1.875em .9375em;
    width: 26.25em;
    max-width: 100%;
    height: 21.25em
}

.info-box .open .cities ul {
    list-style-type: square;
    list-style-position: inside;
    color: #fff
}

.info-box .open .cities ul a {
    color: #fff;
    font-size: .875em
}

.info-box .open .cities ul li {
    padding: .5em .35714em
}

.info-box .open a.select {
    padding: .35714em .35714em .2381em;
    margin-left: -.38095em;
    margin-top: .35714em;
    border: 1px solid #525c62;
    border-top-radius: .07143em;
    border-bottom-width: 0;
    background-color: #5e6a71;
    z-index: 3
}

.info-box a.title {
    display: inline-block;
    position: relative;
    padding-bottom: .2381em;
    margin-top: .71429em
}

.info-box a.title.text-link {
    margin-bottom: .2381em
}

.info-box a.title>span {
    display: inline-block;
    width: .66667em;
    height: .66667em;
    border: 1px solid #485157;
    border-radius: .07143em;
    background: -owg-linear-gradient(#5e6a71, #525c62);
    background: linear-gradient(#5e6a71, #525c62);
    position: relative;
    margin: 0 .35714em
}

.info-box a.title>span .arrow.right {
    margin-top: -.14286em;
    margin-left: -.07143em;
    border-left-color: #fff
}

.info-box a.title>span .arrow.down {
    margin-top: -.07143em;
    margin-left: -.14286em;
    border-top-color: #fff
}

.info-box a.title>span .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: .14286em
}

.info-box .content-wrapper {
    margin-top: 2.1875em;
    border-top-width: 1px
}

.info-box .left-column .text-icon {
    margin-right: .9375em
}

.info-box .left-column .text-link {
    margin-right: .35714em
}

.info-box .right-column .text-icon i {
    left: auto
}

.info-box .right-column .text-icon,
.info-box .right-column .text-link {
    width: 100%
}

.info-box .text-icon {
    position: relative;
    display: block;
    padding-top: 1.25em;
    padding-bottom: .9375em
}

.info-box .text-icon:first-child {
    margin-top: .625em
}

.info-box .text-icon:last-child {
    margin-bottom: .625em
}

.info-box .text-icon i {
    position: absolute;
    left: 0;
    top: .625em -em-calc(-5, 40);
    font-size: 2.5em
}

.info-box .text-icon .subtitle,
.info-box .text-icon .title {
    display: block
}

.info-box .text-icon .subtitle {
    padding-left: 3.125em;
    min-width: 12.5em
}

.info-box .text-icon .title {
    padding-left: 1.19048em
}

.info-box a.text-link {
    padding-top: .47619em;
    display: block
}

.info-box a.text-link:first-child {
    padding-top: .2381em;
    margin-top: .2381em
}

.info-box .weather {
    border-bottom-width: 1px;
    border-top-width: 1px;
    padding-top: 1.875em;
    padding-bottom: 1.875em
}

.info-box .weather .subtitle,
.info-box .weather .title {
    float: left
}

.info-box .weather .title {
    margin-right: .47619em
}

.info-box .weather .subtitle {
    padding-top: .41667em
}

.info-box .weather i {
    font-size: 9.375em;
    position: relative
}

@media (min-width:480px) {
    .info-box {
        padding-left: 1.875em;
        padding-right: 1.875em
    }
}

@media (min-width:768px) {
    .info-box {
        height: 28.75em;
        padding: 3.75em 0;
        background: url("../image/info_box_bg.jpg") no-repeat #6e797f 50%
    }

    .info-box .title {
        font-family: Helvetica Extended Light;
        font-weight: 400;
        font-size: 32px;
        line-height: 1.25
    }

    .info-box .large-5.center {
        height: 20.9375em
    }

    .info-box .info-box-header .right-column {
        text-align: right
    }

    .info-box .info-box-header .right-column>div {
        display: inline-block;
        text-align: left
    }

    .info-box .info-box-inner:before {
        position: absolute;
        left: .625em;
        top: 5.3125em;
        width: 100%;
        border-color: #6e797f;
        border-color: hsla(0, 0%, 100%, .1);
        border-top-style: solid;
        border-top-width: 1px
    }

    .info-box .left-column .text-icon,
    .info-box .left-column .text-link {
        border-right-width: 1px
    }

    .info-box .content-wrapper {
        border-top-width: 0
    }

    .info-box a.title {
        margin-top: 0
    }

    .info-box #exhibition-carousel {
        border-left-width: 1px
    }

    .info-box .open .cities {
        top: 3.125em;
        margin-top: 0
    }

    .info-box .open a.select {
        margin-top: -.38095em
    }

    .info-box .weather {
        position: absolute;
        height: 14em;
        top: 2.125em;
        text-align: center;
        border-bottom-width: 0;
        border-top-width: 0;
        padding-bottom: 0
    }

    .info-box .weather>div {
        text-align: left
    }

    .info-box .text-icon {
        padding: .9375em;
        border-bottom-width: 1px
    }

    .info-box .text-icon:first-child {
        padding-top: 0
    }

    .info-box .text-icon:last-child {
        border-bottom-width: 0;
        padding-bottom: 0
    }
}

.content-form:not([data-section]) h1:after {
    display: none
}

.content-form h1 {
    cursor: default
}

.content-form input[type=checkbox]:invalid+span.custom.checkbox {
    border: 1px solid red
}

.content-form-submit {
    padding: .9375em
}

.content-form-submit label.with-copytext {
    font-weight: 400
}

.content-form-submit label.with-copytext a {
    font-weight: 700;
    color: #5e6a71
}

.content-form.last .content {
    border-bottom-radius: .21429em;
    border-bottom-width: 1px
}

.accordion .content-form .h1,
.accordion .content-form h1 {
    cursor: pointer
}

.accordion .content-form .h1:after,
.accordion .content-form h1:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #5e6a71;
    position: absolute;
    right: 1.3125em;
    top: 1.3125em
}

.accordion .content-form.active .content {
    display: block
}

.accordion .content-form.active h1:after {
    border: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #5e6a71
}

.accordion .content-form.last.active h1 {
    border-bottom-radius: 0;
    border-bottom: 0
}

.accordion .content-form.last .h1,
.accordion .content-form.last h1 {
    border-bottom-radius: .21429em;
    border-bottom-width: 1px
}

.accordion .content-form .content {
    display: none
}

.drag-and-drop-support .content-form .drag .copy,
.drag-and-drop-support .content-form .drag .plus {
    display: block
}

.content-form,
.content-form.no-margin {
    margin-left: 0;
    margin-right: 0
}

.content-form:first-child .h1,
.content-form:first-child h1 {
    border-top-radius: .21429em
}

.content-form .h1,
.content-form .h2,
.content-form h1,
.content-form h2 {
    padding: .9375em;
    margin: 0;
    background-color: #f7f7f7;
    color: #5e6a71;
    font-weight: 700;
    border: solid #d7d9db;
    border-width: 0 1px;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    font-size: .875em
}

.content-form .h1,
.content-form h1 {
    border-width: 1px 1px 0;
    position: relative
}

.content-form .h1 a,
.content-form h1 a {
    color: #5e6a71
}

.content-form .content {
    padding: .9375em;
    background-color: #f7f7f7;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    border: 1px solid #d7d9db
}

.content-form .content.closure {
    border-bottom-radius: .21429em
}

.content-form .file-uploader .uploader {
    margin: 10px 0
}

.content-form .file-uploader .uploader .controls {
    position: relative;
    margin-bottom: 10px
}

.content-form .file-uploader .uploader .spinner {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    min-height: 4.6875em;
    opacity: .9;
    filter: alpha(opacity=90);
    background: #fff url("../image/spinner.gif") 50% no-repeat
}

.content-form .thumbnails {
    list-style-type: none
}

.content-form a.delete_upload {
    font-size: .875em;
    color: #5e6a71
}

.content-form .drag {
    background-color: #f0f4f8;
    font-size: .875em;
    border: 2px dashed #d7d9db;
    border-radius: .21429em;
    padding: 3.21429em;
    text-align: center;
    line-height: 1.5em
}

.content-form .drag .copy {
    display: none
}

.content-form .drag .plus {
    display: none;
    width: 4em;
    height: 4em;
    margin: 0 auto;
    border: 2px dashed #d7d9db;
    -ms-background-origin: border-box;
    background-origin: border-box;
    border-radius: .21429em;
    margin-bottom: 1.07143em;
    position: relative
}

.content-form .drag .plus:before {
    color: #d7d9db;
    font-size: 2.28571em;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%)
}

.content-form .drag a {
    font-weight: 700;
    color: #5e6a71
}

.content-form .drag input[type=file] {
    display: none
}

.content-form .progress {
    height: 1.25em;
    margin-bottom: 1.25em;
    overflow: hidden;
    background-color: #f7f7f7;
    border-radius: .25em
}

.content-form .fade.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    height: auto
}

.content-form .fade {
    height: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition-property: opacity;
    transition-duration: .15s
}

.m-inside-nav {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 0;
    z-index: 10;
    display: block
}

.m-inside-nav .wrapper {
    transition: max-height .3s ease-in-out, width .3s ease-in-out;
    -ms-transform: translateX(-500px);
    transform: translateX(-500px)
}

.m-inside-nav .wrapper.show {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.m-inside-nav .right-now {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    max-width: 200px;
    line-height: 35px;
    padding-left: 45px;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    color: #5e6a71;
    border: 1px solid #d7d9db;
    padding-right: 10px;
    white-space: nowrap;
    left: 10px
}

.m-inside-nav .inside-nav-btn {
    width: 35px;
    height: 35px;
    background: #5e6a71;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 10px
}

.m-inside-nav .inside-nav-btn .item:before {
    position: absolute;
    font-size: 25px;
    color: #fff;
    left: 0;
    margin-left: 7px;
    line-height: 1;
    margin-top: 5px;
    transition: left .3s cubic-bezier(.19, 1, .22, 1)
}

.m-inside-nav .inside-nav-btn .icon-close-cta:before {
    left: -30px;
    transition: left .3s cubic-bezier(.19, 1, .22, 1)
}

.m-inside-nav .inside-nav-btn.hidden {
    display: none
}

.m-inside-nav .inside-nav-list {
    list-style: none;
    margin-top: 12px;
    position: relative;
    left: -230px;
    transition: left .3s ease-in-out;
    padding-bottom: 20px;
    overflow: hidden
}

.m-inside-nav .inside-nav-list li {
    position: relative;
    margin-bottom: 12px
}

.m-inside-nav .inside-nav-list li:last-child {
    margin-bottom: 0
}

.m-inside-nav .inside-nav-list li.active .item:after {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.m-inside-nav .inside-nav-list li.active span span,
.m-inside-nav .inside-nav-list li:hover span span {
    opacity: 1
}

.m-inside-nav .inside-nav-list .item {
    height: 20px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block
}

.m-inside-nav .inside-nav-list .item:after,
.m-inside-nav .inside-nav-list .item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 2px solid #5e6a71
}

.m-inside-nav .inside-nav-list .item:after {
    background: #5e6a71;
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.m-inside-nav .inside-nav-list .item>span {
    display: block;
    padding-left: 35px;
    color: #5e6a71
}

.m-inside-nav .inside-nav-list .item>span span {
    position: absolute;
    top: 3px;
    white-space: nowrap;
    opacity: .5;
    transition: opactiy .2s ease-in-out
}

.m-inside-nav.is-open {
    width: 100%;
    background: hsla(0, 0%, 97%, .85)
}

.m-inside-nav.is-open .icon-close-cta:before {
    left: 0
}

.m-inside-nav.is-open .icon-inside-burger:before {
    left: 30px
}

.m-inside-nav.is-open .inside-nav-list {
    left: 15px
}

.m-inside-nav.is-open .right-now {
    display: none
}

@media (min-width:768px) {
    .m-inside-nav .wrapper {
        position: absolute;
        left: 20px;
        top: 180px;
        width: 35px;
        max-height: 35px
    }

    .m-inside-nav .inner {
        overflow: hidden;
        width: 35px;
        max-height: 35px
    }

    .m-inside-nav .inside-nav-btn {
        margin-top: 0;
        margin-left: 0
    }

    .m-inside-nav .inside-nav-list {
        transition: all .3s ease-in-out .15s
    }

    .m-inside-nav .inside-nav-list .item>span {
        display: block
    }

    .m-inside-nav .right-now {
        left: 0
    }

    .m-inside-nav.is-open {
        width: 100%;
        background: hsla(0, 0%, 97%, .85)
    }

    .m-inside-nav.is-open .wrapper {
        max-height: 400px;
        width: 200px;
        border: 1px solid #d7d9db;
        background: #fff
    }

    .m-inside-nav.is-open .inner {
        max-height: 400px;
        width: 200px
    }

    .m-inside-nav.is-open .inside-nav-list {
        left: 10px
    }
}

@media (min-width:1024px) {
    .m-inside-nav.is-open {
        width: 0;
        background: hsla(0, 0%, 97%, 0)
    }
}

@media (min-width:1319px) {
    .m-inside-nav.is-open .right-now {
        display: none
    }
}

#fileupload .progress-animated .bar,
#fileupload .progress-animated .progress-bar {
    background: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/images/fileupload/progressbar.gif") !important
}

#fileupload .files .processing .preview,
#fileupload .fileupload-processing .fileupload-process {
    background: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/images/fileupload/loading.gif") 50% no-repeat !important
}

#fileupload .fileupload-buttonbar {
    margin-top: 1.25em
}

#fileupload .button {
    border-radius: .1875em .1875em;
    background-color: #5e6a71;
    font-weight: 700
}

#fileupload table {
    width: 100%
}

#fileupload .name,
#fileupload .name a,
#fileupload .size {
    font-size: 14px;
    color: #333
}

.side-nav {
    position: relative;
    display: block;
    z-index: 11;
    border: 1px solid #d7d9db;
    border-radius: .21429em;
    padding: 0;
    margin-bottom: .71429em;
    background: #fff
}

@media (max-width:767px) {
    .side-nav {
        display: none
    }
}

.side-nav .header,
.side-nav header {
    overflow: visible;
    background: #f0f4f8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d7d9db;
    font-size: 16px
}

.side-nav .header .h2,
.side-nav .header h2,
.side-nav header .h2,
.side-nav header h2 {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-size: 21px;
    padding: .66667em .85714em;
    color: #7090b7;
    font-weight: 600
}

.side-nav .header .right,
.side-nav header .right {
    position: relative;
    margin: .625em
}

.side-nav .header .right .nav-btn,
.side-nav header .right .nav-btn {
    position: relative;
    z-index: 1;
    display: block;
    border-radius: .1875em;
    border: 1px solid #d7d9db;
    background: #fff;
    line-height: 0;
    font-size: 16px
}

.side-nav .header .right .nav-btn .toaster,
.side-nav header .right .nav-btn .toaster {
    margin: .75em
}

.side-nav .header .right .nav-btn .icon-close-bold,
.side-nav .header .right .nav-btn .icon-nav-overview,
.side-nav header .right .nav-btn .icon-close-bold,
.side-nav header .right .nav-btn .icon-nav-overview {
    display: inline-block;
    font-size: 2em;
    line-height: 1em;
    margin: 0 .34375em;
    color: #5e6a71
}

.side-nav .header .right .side-nav,
.side-nav header .right .side-nav {
    position: absolute;
    top: -.75em;
    opacity: 0;
    width: 18.125em;
    -ms-transform: translateX(1.875em);
    transform: translateX(1.875em);
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: none;
    -ms-pointer-events: none
}

@media (max-width:767px) {

    .side-nav .header .right .side-nav,
    .side-nav header .right .side-nav {
        visibility: hidden
    }
}

.side-nav .header .right .side-nav .h2,
.side-nav .header .right .side-nav h2,
.side-nav header .right .side-nav .h2,
.side-nav header .right .side-nav h2 {
    font-size: 1.3125em;
    margin: 1em 0 .94118em 1.05882em
}

.side-nav .header .right .side-nav li.active>a,
.side-nav header .right .side-nav li.active>a {
    font-weight: 400;
    color: #aeb4b8
}

.side-nav .header .right .side-nav li.active>a:after,
.side-nav header .right .side-nav li.active>a:after {
    display: none
}

.side-nav .header .right .side-nav:before,
.side-nav header .right .side-nav:before {
    content: "";
    position: absolute;
    left: -.5em;
    top: 1.375em;
    width: .9375em;
    height: .9375em;
    background: #f0f4f8;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db
}

.side-nav .header .right .side-nav.opened,
.side-nav header .right .side-nav.opened {
    z-index: 2;
    -ms-transform: translateX(2.625em);
    transform: translateX(2.625em);
    opacity: 1;
    pointer-events: all;
    -ms-pointer-events: all
}

@media (max-width:767px) {

    .side-nav .header .right .side-nav.opened,
    .side-nav header .right .side-nav.opened {
        visibility: visible
    }
}

html.no-csstransforms .side-nav .header .right .side-nav,
html.no-csstransforms .side-nav header .right .side-nav {
    left: 1.875em;
    transition: opacity .3s ease, left .3s ease
}

html.no-csstransforms .side-nav .header .right .side-nav.opened,
html.no-csstransforms .side-nav header .right .side-nav.opened {
    left: 2.625em
}

.side-nav nav {
    line-height: 1.5;
    padding: 1.375em 1.25em
}

.side-nav nav ul li {
    margin-bottom: .9375em
}

.side-nav nav ul li>ul {
    display: none;
    border-top: 1px solid #d7d9db;
    margin: 0 -1.25em;
    padding: .9375em 1.25em 0 2.5em
}

.side-nav nav ul li>ul ul {
    padding-bottom: 0
}

.side-nav nav ul li>ul li {
    margin-bottom: 1em
}

.side-nav nav ul li>ul li a {
    font-family: Helvetica;
    font-size: 16px;
    line-height: 1.25;
    line-height: 1;
    font-weight: 400;
    padding-right: 1.875em
}

@media print {
    .side-nav nav ul li>ul li a {
        font-family: Arial, sans-serif
    }
}

.side-nav nav ul li>ul li.active>a {
    font-weight: 700
}

.side-nav nav ul li>ul li>a.is-active:after {
    border-top: .35714em solid transparent;
    border-bottom: .35714em solid transparent;
    border-left: .35714em solid #5e6a71;
    top: 6px
}

.side-nav nav ul li.active>ul {
    display: block
}

.side-nav nav ul li a {
    position: relative;
    display: block
}

.side-nav nav ul li a.is-active {
    font-weight: 600
}

.side-nav nav ul li a:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    right: 0
}

.side-nav nav ul li a:hover:after {
    border-top: .35714em solid transparent;
    border-bottom: .35714em solid transparent;
    border-left: .35714em solid #5e6a71;
    top: 6px
}

.side-nav nav ul li>a {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    line-height: 1;
    color: #5e6a71;
    margin-bottom: .77778em;
    padding-right: .83333em
}

@media print {
    .side-nav nav ul li>a {
        font-family: Arial, sans-serif
    }
}

.side-nav nav ul li:last-child {
    margin-bottom: 0
}

.side-nav nav ul li.active.tree>a:after {
    border-left: .35714em solid transparent;
    border-right: .35714em solid transparent;
    border-bottom: .35714em solid #5e6a71;
    top: 5px
}

.side-nav nav ul li.tree:hover:not(.active)>a:after {
    border-left: .35714em solid transparent;
    border-right: .35714em solid transparent;
    border-top: .35714em solid #5e6a71
}

.side-nav nav ul li.active>a:after,
.side-nav nav ul li:hover>a:after {
    border-left: .35714em solid #5e6a71;
    border-top: .35714em solid transparent;
    border-bottom: .35714em solid transparent;
    top: 7px
}

.side-nav.active-filters-overview {
    display: block
}

.side-nav.active-filters-overview header .icon-close {
    display: inline-block;
    font-size: 2em;
    line-height: 1em;
    margin: 0 .34375em;
    color: #5e6a71
}

.side-nav.active-filters-overview nav ul li.active>a:after,
.side-nav.active-filters-overview nav ul li:hover>a:after {
    display: none
}

.side-nav.active-filters-overview nav ul li .icon-close {
    font-size: 2.125em;
    right: -.23529em;
    top: -.20588em;
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    position: absolute
}

.side-nav.active-filters-overview nav ul li .icon-close:before {
    font-weight: 700
}

.side-nav.active-filters-overview nav ul li a span {
    display: block;
    font-weight: 400
}

@media print {

    .side-nav .header,
    .side-nav header {
        background: transparent
    }

    .side-nav .header .h2,
    .side-nav .header h2,
    .side-nav header .h2,
    .side-nav header h2,
    .side-nav nav {
        margin: 10px;
        padding: 0
    }

    .side-nav nav ul li>ul li,
    .side-nav nav ul li a {
        padding-bottom: 5px;
        margin-bottom: 0
    }

    .side-nav nav ul li {
        margin-bottom: 0
    }

    .side-nav nav ul li>ul {
        margin: 0;
        padding-left: 20px
    }
}

#availability-popup {
    display: none
}

#availability-popup.product section hr:last-child {
    margin-top: 0
}

#availability-popup .availability-popup-content {
    max-width: 60.5em;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:62.3125em) {
    #availability-popup .availability-popup-content {
        width: 90%;
        margin-left: 5%;
        margin-right: 0
    }
}

#availability-popup .h2,
#availability-popup h2 {
    font-family: Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    color: #000;
    margin: .25em 0 1em
}

@media print {

    #availability-popup .h2,
    #availability-popup h2 {
        font-family: Arial, sans-serif
    }
}

#availability-popup .h3,
#availability-popup h3 {
    color: #333
}

#availability-popup header {
    *zoom: 1;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 1.875em;
    position: relative
}

#availability-popup header:after {
    content: "";
    display: table;
    clear: both
}

#availability-popup header .h1,
#availability-popup header h1 {
    float: left;
    margin-bottom: .5em
}

#availability-popup footer {
    border: 0;
    border-top: 1px solid #fff;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    padding: 1.25em
}

#availability-popup footer p {
    margin: 0;
    margin-bottom: .71429em
}

#availability-popup .availability-popup-close {
    margin: 3.125em 0 0;
    padding: .4375em;
    width: 2.5em;
    height: 2.5em;
    position: relative;
    float: right;
    border-radius: .1875em;
    border: 1px solid #dfe2e6;
    background-color: #fff;
    color: #000;
    text-align: center;
    margin: auto;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 30px;
    visibility: visible
}

#availability-popup .availability-popup-close:active {
    color: #000
}

#availability-popup .availability-popup-close:before {
    font-size: 1.5625em
}

#availability-popup .blue-article-teaser {
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    margin: 0;
    padding: 0 1.25em 1.875em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0
}

#availability-popup .blue-article-teaser .h1,
#availability-popup .blue-article-teaser h1 {
    font-size: 1.3125em;
    line-height: 1.33333em;
    margin: 1.19048em .95238em 0 0
}

#availability-popup .blue-article-teaser .h3,
#availability-popup .blue-article-teaser h3 {
    font-size: .875em;
    margin: .71429em 0 1.42857em
}

#availability-popup .blue-article-teaser .product-images {
    margin-top: 1.875em
}

#availability-popup .blue-article-teaser .product-images .box {
    margin-bottom: 0
}

#availability-popup .blue-article-teaser .product-info input[type=text] {
    font-size: .875em;
    padding: 1em
}

#availability-popup .blue-article-teaser .product-info button {
    font-size: .875em;
    padding: 1em 1.42857em;
    width: auto;
    height: auto;
    border-radius: .35714em
}

#availability-popup .blue-article-teaser a.button {
    padding-top: .625em !important;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.36364;
    height: 2.71429em;
    padding-top: .09524em;
    padding-bottom: .09524em;
    margin-top: .47619em;
    border: 1px solid #485157;
    background-color: #54737f;
    margin-bottom: 0;
    background: -owg-linear-gradient(#5e6a71, #545e64);
    background: linear-gradient(#5e6a71, #545e64);
    border-radius: .14286em;
    box-shadow: none
}

@media print {
    #availability-popup .blue-article-teaser a.button {
        font-family: Arial, sans-serif
    }
}

#availability-popup .blue-article-teaser a.button:active {
    background: -owg-linear-gradient(#545e64, #5e6a71);
    background: linear-gradient(#545e64, #5e6a71)
}

#availability-popup .availability-info p {
    margin-bottom: .5em
}

#availability-popup .availability-popup-add-to-cart {
    *zoom: 1
}

#availability-popup .availability-popup-add-to-cart:after {
    content: "";
    display: table;
    clear: both
}

#availability-popup .availability-popup-add-to-cart button {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.36364;
    height: 2.71429em;
    padding-top: .09524em;
    padding-bottom: .09524em;
    margin-top: .47619em;
    border: 1px solid #485157;
    background-color: #54737f;
    margin-bottom: 0;
    background: -owg-linear-gradient(#5e6a71, #545e64);
    background: linear-gradient(#5e6a71, #545e64);
    border-radius: .14286em;
    box-shadow: none
}

@media print {
    #availability-popup .availability-popup-add-to-cart button {
        font-family: Arial, sans-serif
    }
}

#availability-popup .availability-popup-add-to-cart button:active {
    background: -owg-linear-gradient(#545e64, #5e6a71);
    background: linear-gradient(#545e64, #5e6a71)
}

@media (min-width:768px) {

    #availability-popup header .h1,
    #availability-popup header h1 {
        margin: .25em 0
    }

    #availability-popup .availability-popup-close {
        margin: .625em 0 0;
        float: right
    }

    #availability-popup .availability-popup-add-to-cart button {
        max-width: 9.52381em;
        float: right
    }
}

.languages .language-select {
    margin: 30px 0
}

.languages .language-select .chosen-container {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border: 1px solid #d7d9db
}

.languages .language-select .chosen-container .chosen-single {
    height: 3.21429em;
    background-color: transparent
}

.languages .language-select .chosen-container .chosen-single:hover {
    background-color: transparent;
    color: #5e6a71
}

.languages .language-select .chosen-container .chosen-drop {
    margin-top: 0;
    width: 100%
}

.languages .language-select .chosen-container .chosen-drop:before {
    display: none
}

.languages .language-select .chosen-container-single {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.languages .language-select .chosen-container-single .chosen-search input[type=text] {
    width: 100%;
    outline: 0;
    border: 1px solid #999;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal
}

.language-select select {
    display: block
}

.language-select .chosen-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .1875em;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    position: relative;
    display: inline-block;
    width: 100% !important;
    vertical-align: middle;
    font-size: .875em
}

.language-select .chosen-container.chosen-container-single-nosearch .chosen-drop .chosen-search {
    display: none
}

.language-select .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 250px;
    margin-top: 15px
}

.language-select .chosen-container .chosen-drop:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: 18px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border-top: 1px solid #d7d9db;
    border-left: 1px solid #d7d9db
}

.language-select .chosen-container .chosen-drop ul {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 1.14286em;
    left: -1px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 14.28571em;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d7d9db
}

.language-select .chosen-container .chosen-drop ul li {
    margin: 0;
    padding: .25em 2.375em .25em .375em;
    color: #555;
    cursor: default;
    font-size: .875em;
    line-height: 1.42857em;
    list-style: none outside none;
    min-height: 1.42857em;
    white-space: nowrap
}

.language-select .chosen-container .chosen-drop ul li:hover {
    background-color: #e0e0e0
}

.language-select .chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.language-select .chosen-container a {
    cursor: pointer
}

.language-select .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 2.85714em;
    background-color: #fff;
    height: 2.875em;
    padding: 0 .71429em;
    color: #5e6a71
}

.language-select .chosen-container-single .chosen-single:hover {
    background-color: #485157;
    color: #fff
}

.language-select .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-left: .5em;
    line-height: 3.21429em
}

.language-select .chosen-container-single .chosen-single div {
    background: -owg-linear-gradient(#5e6a71, #525c62);
    background: linear-gradient(#5e6a71, #525c62);
    border-top-right-radius: .23077em;
    border-bottom-right-radius: .23077em;
    position: absolute;
    display: block;
    top: -1px;
    right: 0;
    width: 3.07692em;
    height: 3.61538em;
    background-color: #516885
}

.language-select .chosen-container-single .chosen-single div b {
    position: absolute;
    display: block;
    left: 1.23077em;
    margin-top: -3px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

.language-select .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap
}

.language-select .chosen-container-single .chosen-search .icon-tool-nav-search {
    display: block;
    font-size: 1.78571em;
    position: absolute;
    right: .35714em;
    top: .35714em
}

.language-select .chosen-container-single .chosen-search input[type=text] {
    width: 100%;
    outline: 0;
    border: 1px solid #999;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    border-top: 0;
    box-shadow: none
}

.language-select .chosen-container-single .chosen-drop {
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.language-select .chosen-search {
    position: absolute;
    height: 2.85714em
}

.language-select.is-document-forwarding {
    margin-bottom: 50px
}

.language-select.is-document-forwarding .chosen-container .chosen-drop {
    width: 100%;
    margin-top: 0
}

.language-select.is-document-forwarding .chosen-container .chosen-drop:before {
    display: none
}

.language-select.is-document-forwarding .chosen-container .chosen-search input[type=text] {
    padding-left: 15px
}

.language-select.is-document-forwarding .chosen-container .chosen-results {
    box-shadow: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.language-select.is-document-forwarding .chosen-container .active-result {
    padding-left: 15px
}

.language-select.is-document-forwarding .chosen-container.chosen-container-active .chosen-single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: #999
}

.language-select.is-document-forwarding .chosen-container-single .chosen-single {
    height: 50px;
    border: 1px solid #d7d9db;
    border-radius: 5px;
    line-height: 50px;
    padding-left: 15px;
    color: #333
}

.language-select.is-document-forwarding .chosen-container-single .chosen-single:hover {
    background-color: #fff;
    color: #333
}

.language-select.is-document-forwarding .chosen-container-single .chosen-single>span {
    margin-left: 0
}

.language-select.is-document-forwarding .chosen-container-single .chosen-single>div {
    background: none
}

.language-select.is-document-forwarding .chosen-container-single .chosen-single>div b {
    position: absolute;
    display: block;
    left: 1.23077em;
    margin-top: -3px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333
}

.with-datebox .date-box {
    right: auto;
    left: auto;
    position: relative;
    margin-top: .9375em
}

.date-box {
    position: absolute;
    display: inline-block;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #7090b7;
    border-radius: .1875em;
    border: 1px solid #516885;
    width: 3.4375em
}

.date-box span {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    display: block;
    color: #fff;
    text-align: center
}

@media print {
    .date-box span {
        font-family: Arial, sans-serif
    }
}

.date-box .day {
    margin: .12em 0;
    padding-top: 5px
}

.date-box .month {
    padding-bottom: .4375em;
    border-bottom: 1px solid #516885
}

.date-box .year {
    margin: .2em 0
}

.change-color {
    background-color: #7090b7;
    color: #fff !important;
    box-shadow: inset 0 7px 3px -5px #7090b7
}

.change-color span {
    border-top-color: #fff !important
}

.change-color i {
    color: #fff
}

.change-color.shadow-handle:after {
    content: "";
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 5px;
    background-color: transparent
}

a[data-dropdown=filter-dropdown].change-color,
a[data-dropdown=filter-dropdown].change-color:after {
    background-color: #f0f4f8
}

a[data-dropdown=filter-dropdown].change-color i {
    color: #d7d9db !important
}

a[data-dropdown=filter-dropdown].change-color span {
    color: #525c62 !important
}

a[data-dropdown=filter-dropdown].change-color>.arrow.down {
    border-top-color: #525c62 !important
}

.meta-nav,
.meta-nav.top {
    margin: 1.25em 0
}

.meta-nav {
    position: relative;
    width: 100%;
    border: 1px solid #d7d9db;
    background: #fff;
    background-image: -owg-linear-gradient(top, #fff 0, #f7f7f7 1px, #fff 100%);
    background-image: linear-gradient(top, #fff, #f7f7f7 1px, #fff);
    border-radius: 3px;
    min-height: 2.8125em
}

.meta-nav>a,
.meta-nav>div>a,
.meta-nav>div>div>a {
    color: #5e6a71;
    font-weight: 700;
    line-height: 3.21429em;
    font-size: .875em
}

.meta-nav>.open {
    border: 1px solid #5e6a71
}

.meta-nav div.meta-nav-right,
.meta-nav div.meta-nav-right.clear-float {
    display: block;
    height: 100%;
    border-top: 1px solid #d7d9db;
    clear: left;
    padding-left: 1.42857em
}

.meta-nav div.meta-nav-right.clear-float>a,
.meta-nav div.meta-nav-right.clear-float>div,
.meta-nav div.meta-nav-right.clear-float>span,
.meta-nav div.meta-nav-right>a,
.meta-nav div.meta-nav-right>div,
.meta-nav div.meta-nav-right>span {
    display: inline-block
}

.meta-nav div.meta-nav-right.clear-float>div,
.meta-nav div.meta-nav-right>div {
    height: 100%;
    border-left-width: 0
}

.meta-nav div.meta-nav-right.clear-float a:last-child,
.meta-nav div.meta-nav-right a:last-child {
    border-right: 0
}

.meta-nav .only-item {
    border-right: 1px solid #d7d9db
}

.meta-nav .show {
    border-right: 1px solid #f7f7f7;
    margin-right: .9375em;
    padding-right: .9375em
}

.meta-nav .show a {
    color: #d7d9db;
    margin: 0 .21429em
}

.meta-nav .show a.active {
    color: #5e6a71
}

.meta-nav .text {
    display: inline-block;
    color: #555;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    line-height: 3.21429em;
    vertical-align: middle;
    padding: 0 1.25em
}

@media print {
    .meta-nav .text {
        font-family: Arial, sans-serif
    }
}

.meta-nav span.text {
    padding: 0
}

.meta-nav .dropdown-handle,
.meta-nav .link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-right: 1px solid #d7d9db;
    height: 3.21429em;
    margin-right: -.28571em;
    padding: 0 1.42857em
}

.meta-nav .dropdown-handle::-moz-focus-inner,
.meta-nav .link::-moz-focus-inner {
    border: 0
}

.meta-nav .dropdown-handle i,
.meta-nav .link i {
    font-size: 1.92857em;
    line-height: 1.66667em;
    margin-right: .37037em;
    color: #d7d9db;
    vertical-align: middle
}

.meta-nav .dropdown-handle.change-color i,
.meta-nav .link.change-color i {
    color: #fff
}

.meta-nav .dropdown-handle .arrow,
.meta-nav .link .arrow {
    position: absolute;
    top: 50%;
    margin-top: -.21429em;
    right: 1.42857em;
    border-top-color: #5e6a71
}

.meta-nav .dropdown-handle span:not(.arrow),
.meta-nav .link span:not(.arrow) {
    display: none
}

.meta-nav .dropdown-handle {
    padding-right: 2.85714em
}

.meta-nav .dropdown-handle.disabled {
    color: #d7d9db
}

.meta-nav .dropdown-handle.disabled .arrow.down {
    border-top-color: #d7d9db
}

.meta-nav .pagination a.next,
.meta-nav .pagination a.prev {
    padding: 0 1.42857em;
    margin-right: -.28571em
}

.meta-nav a.prev {
    padding: 0 1.42857em;
    vertical-align: middle
}

.meta-nav a.prev .arrow {
    left: 1.42857em;
    margin-left: -.21429em;
    border-right-color: #5e6a71
}

.meta-nav a.prev.inactive .arrow {
    border-right-color: #d7d9db
}

.meta-nav a.next {
    padding: 0 1.42857em;
    vertical-align: middle
}

.meta-nav a.next .arrow {
    right: 1.42857em;
    margin-right: -.21429em;
    border-left-color: #5e6a71
}

.meta-nav a.next.inactive .arrow {
    border-left-color: #d7d9db
}

.meta-nav .link-text {
    display: none;
    line-height: 3.21429em
}

.meta-nav a.next,
.meta-nav a.prev {
    height: 3.21429em;
    position: relative;
    border-right: 1px solid #d7d9db;
    display: inline-block
}

.meta-nav a.next .arrow,
.meta-nav a.prev .arrow {
    position: absolute;
    top: 50%;
    margin-top: -.35714em
}

.meta-nav .sharing a {
    display: inline-block;
    line-height: 1
}

.meta-nav .sharing a i {
    display: inline-block;
    font-size: 2.14286em;
    line-height: 1.5em;
    color: #5e6a71
}

.meta-nav .right {
    float: none !important
}

.meta-nav .right .sharing {
    border-left: none
}

.meta-nav .right .sharing .text {
    padding-left: .9375em
}

@media (min-width:480px) {
    .meta-nav {
        margin: 3.75em 0;
        border: 1px solid #d7d9db
    }

    .meta-nav div.meta-nav-right:not(.clear-float) {
        position: absolute;
        right: 1.25em;
        top: 0;
        border-top-width: 0
    }

    .meta-nav div.meta-nav-right:not(.clear-float)>div {
        border-left-width: 1px
    }

    .meta-nav div.meta-nav-right:not(.clear-float) .sharing {
        padding-left: 1.42857em;
        border-left: 1px solid #d7d9db
    }

    .meta-nav a.prev {
        padding: 0 1.42857em 0 2.5em
    }

    .meta-nav a.next {
        padding: 0 2.5em 0 1.42857em
    }

    .meta-nav .link-text {
        display: inline-block
    }
}

@media screen and (min-width:510px) {
    .meta-nav .dropdown-handle span:not(.arrow) {
        display: inline-block
    }
}

@media (min-width:768px) {
    .change-color.shadow-handle:after {
        background-color: #7090b7
    }

    div.meta-nav-right.clear-float {
        position: absolute;
        right: 1.25em;
        top: 0;
        border-top: none !important
    }

    div.meta-nav-right.clear-float>div {
        border-left-width: 1px
    }

    div.meta-nav-right.clear-float .sharing {
        padding-left: 1.42857em;
        border-left: 1px solid #d7d9db
    }

    div.meta-nav-right.clear-float .sharing i {
        line-height: 1.66667em
    }
}

.related-links {
    border-radius: .1875em;
    border: 1px solid #e0e0e0;
    padding: 2.5em 1.875em 1.25em;
    margin: 2.5em 0
}

.related-links h4 {
    margin-bottom: 1.42857em;
    font-size: .875em
}

.related-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.related-links ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 16px
}

.related-links ul li .a-button {
    margin-right: 1.42857em;
    margin-bottom: 1.42857em
}

.related-links ul li .button {
    border-radius: .21429em;
    height: 4.07143em;
    line-height: 3.92857em;
    padding: 0 1.42857em;
    margin: 0;
    background-color: #fff;
    color: #5e6a71;
    border: 1px solid #5e6a71;
    box-shadow: none;
    margin: 0 1.42857em 1.42857em 0
}

.related-links ul li .button:first-child {
    margin-left: 0
}

.related-links ul li .button:hover {
    background-color: #5e6a71;
    color: #fff;
    box-shadow: none
}

.search-form-container.content-form {
    margin: 0
}

.search-form-container.content-form .content {
    border-bottom: 1px solid #d7d9db
}

.search.dropdown {
    overflow: hidden;
    max-width: 100%;
    padding: 0;
    left: 0
}

.search.dropdown.filter {
    background-color: #f0f4f8 !important
}

.search.dropdown.filter .nohover.buttonbar {
    background: #f0f4f8 !important;
    border-top: 1px solid #5e6a71
}

.search.dropdown.filter .nohover.buttonbar a,
.search.dropdown.filter .nohover.buttonbar i,
.search.dropdown.filter .nohover.buttonbar span {
    color: #485157 !important
}

.search.dropdown.filter .nohover.buttonbar .btn.right {
    border-left: 1px solid #5e6a71
}

.search.dropdown.filter .nohover.buttonbar a.btn>.arrow.up {
    border-bottom-color: #485157
}

.search.dropdown form {
    padding: 1.42857em
}

.search.dropdown form.search {
    position: relative;
    height: 6.78571em
}

.search.dropdown form.search button,
.search.dropdown form.search input {
    border-radius: 0;
    border: 1px solid #e0e0e0;
    height: 2.61905em;
    font-size: 1.5em;
    line-height: 1.66667em
}

.search.dropdown form.search div.search-input {
    position: absolute;
    left: .95238em;
    right: 3.09524em
}

.search.dropdown form.search input[type=text] {
    width: 100%;
    border-top-left-radius: .14286em;
    border-bottom-left-radius: .14286em
}

.search.dropdown form.search button {
    position: absolute;
    right: .95238em;
    border-top-right-radius: .14286em;
    border-bottom-right-radius: .14286em;
    box-shadow: none;
    border-left-width: 0;
    width: 2.14286em;
    padding: .2381em;
    margin: 0
}

.search.dropdown form.search button,
.search.dropdown form.search button:active {
    background: -owg-linear-gradient(#6481a4, #6481a4);
    background: linear-gradient(#6481a4, #6481a4)
}

.search.dropdown form.search button i {
    vertical-align: middle;
    font-size: 1.42857em
}

.search.dropdown #filter-dropdown {
    background-color: #f0f4f8
}

.search.dropdown .filter-list * {
    color: #7090b7;
    font-size: inherit
}

.search.dropdown .filter-list i {
    font-size: 1.28571em;
    position: absolute;
    right: 1.11111em;
    top: 0;
    line-height: 2.55556em
}

.search.dropdown .filter-list>li.used>a {
    background-color: #fff
}

.search.dropdown .filter-list>li.used>a i,
.search.dropdown .filter-list>li.used>a span {
    color: #7090b7
}

.search.dropdown .filter-list>li.used>a .icon-minus,
.search.dropdown .filter-list>li.used>a .icon-plus {
    display: none
}

.search.dropdown .filter-list>li.used>a .icon-close {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.28571em;
    margin: 0 .31429em;
    right: .34286em
}

.search.dropdown .filter-list>li.open>a .icon-close,
.search.dropdown .filter-list>li.open>a .icon-plus {
    display: none
}

.search.dropdown .filter-list>li.open>a .icon-minus {
    display: block
}

.search.dropdown .filter-list>li {
    position: relative
}

.search.dropdown .filter-list>li .icon-close,
.search.dropdown .filter-list>li .icon-minus {
    display: none
}

.search.dropdown .filter-list>li:hover {
    background-color: transparent
}

.search.dropdown .filter-list>li>a {
    display: block;
    background-color: #fff;
    padding: 1.07143em 2.85714em 1.07143em 1.07143em;
    font-weight: 800
}

.search.dropdown .filter-list>li.open>.options {
    display: block
}

.search.dropdown .filter-list>li.simple-value>a {
    background-color: #999
}

.search.dropdown .filter-list>li.simple-value i,
.search.dropdown .filter-list>li.simple-value span {
    color: #525c62
}

.search.dropdown .filter-list>li>.options {
    display: none;
    overflow: hidden;
    padding: 1.07143em;
    background-color: #fff
}

.search.dropdown .filter-list>li>.options.singleinput .range-slider-input {
    width: 100%;
    color: #7090b7
}

.search.dropdown .filter-list>li>.options .row {
    margin-bottom: -10px
}

.search.dropdown .filter-list>li>.options .row img {
    border: 1px solid #485157
}

.search.dropdown .filter-list>li>.options .row label {
    color: #5e6a71
}

.search.dropdown .filter-list>li>.options .row span {
    display: block;
    font-size: .85714em;
    font-weight: 400;
    margin: 0;
    line-height: 2.5em;
    text-indent: 0
}

.search.dropdown .filter-list>li>.options .row span.p {
    line-height: 1.5
}

.search.dropdown .filter-list>li>.options .row.row-space {
    margin-bottom: 2em
}

.search.dropdown .filter-list>li>.options .btn.btn-dark {
    background-color: #516885;
    background: -owg-linear-gradient(#5e6a71, #525c62);
    background: linear-gradient(#5e6a71, #525c62);
    border-radius: .21429em;
    box-shadow: none;
    border: 1px solid #485157;
    font-weight: 700;
    padding: .57143em 1.78571em;
    margin-bottom: 1.42857em;
    color: #fff
}

.search.dropdown .filter-list>li>.options .btn.btn-dark.btn-centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.search.dropdown .filter-list>li>.options .btn.btn-dark:focus {
    outline: none
}

.search.dropdown .filter-list>li>.options .custom.checkbox,
.search.dropdown .filter-list>li>.options .custom.radio {
    display: block;
    margin: 0 auto;
    margin-top: .5em
}

.search.dropdown .filter-list>li>.options .custom.dropdown,
.search.dropdown .filter-list>li>.options .ms-choice {
    border-color: #485157;
    background: #5e6a71;
    border-radius: 3px;
    height: 2em;
    margin-bottom: 0
}

.search.dropdown .filter-list>li>.options .custom.dropdown .current,
.search.dropdown .filter-list>li>.options .ms-choice .current {
    line-height: 1em;
    margin-left: 0;
    color: inherit
}

.search.dropdown .filter-list>li>.options .custom.dropdown .selector,
.search.dropdown .filter-list>li>.options .custom.dropdown>div,
.search.dropdown .filter-list>li>.options .ms-choice .selector,
.search.dropdown .filter-list>li>.options .ms-choice>div {
    width: 1.64286em;
    height: 100%;
    border-left: 1px solid #485157;
    cursor: pointer
}

.search.dropdown .filter-list>li>.options .custom.dropdown .selector:after,
.search.dropdown .filter-list>li>.options .custom.dropdown>div:after,
.search.dropdown .filter-list>li>.options .ms-choice .selector:after,
.search.dropdown .filter-list>li>.options .ms-choice>div:after {
    top: 0;
    margin-top: 55%;
    left: .35714em
}

.search.dropdown .filter-list>li>.options .custom.dropdown ul li,
.search.dropdown .filter-list>li>.options .ms-choice ul li {
    color: #000
}

.search.dropdown .btn-show-filters .icon-minus {
    display: none !important
}

.search.dropdown .btn-show-filters.minus .icon-plus {
    display: none
}

.search.dropdown .btn-show-filters.minus .icon-minus {
    display: inline-block !important
}

.search-form.custom hr {
    margin: 10px 0;
    padding: 0
}

.lt-ie9 .search-form.custom .pull-1,
.lt-ie9 .search-form.custom .pull-2,
.lt-ie9 .search-form.custom .pull-3,
.lt-ie9 .search-form.custom .pull-4,
.lt-ie9 .search-form.custom .pull-5,
.lt-ie9 .search-form.custom .pull-6,
.lt-ie9 .search-form.custom .pull-7,
.lt-ie9 .search-form.custom .pull-8,
.lt-ie9 .search-form.custom .pull-9,
.lt-ie9 .search-form.custom .pull-10,
.lt-ie9 .search-form.custom .pull-11,
.lt-ie9 .search-form.custom .pull-12,
.lt-ie9 .search-form.custom .pull-13,
.lt-ie9 .search-form.custom .pull-14 {
    right: auto;
    left: auto
}

.lt-ie9 tr.search-form .columns {
    padding-left: 0
}

.search-results h1 {
    margin: 0 0 .5em
}

.search-results h2 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    display: block;
    color: #333;
    margin-top: 0 !important;
    margin-bottom: .78571em
}

.search-results h2 a {
    color: #5e6a71
}

.search-results .description {
    font-size: .9em;
    line-height: 1.4em
}

.search-results .box .left {
    width: 100%;
    padding-right: 4em !important
}

.search-results .box .open {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3.57143em;
    border-left: 1px solid #d7d9db;
    text-align: center
}

.search-results .open i {
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.result-wrap {
    border: 1px solid #d7d9db;
    border-radius: 3px;
    overflow: hidden
}

.result-wrap .right-col {
    padding: 0
}

.result-wrap .text-col {
    padding-left: 0;
    padding-right: 0
}

.result-wrap .text-col>a {
    display: inline-block;
    height: 100%;
    width: 100%
}

.result-wrap .columns {
    background: #fff;
    padding-bottom: 1000px;
    margin-bottom: -1000px
}

.result-wrap:hover .text-col {
    background: #f0f4f8
}

.featured-result .result-wrap {
    border: 3px solid #f0f4f8
}

.featured-result .result-wrap a {
    border: none
}

.featured-result a {
    text-decoration: none;
    display: block;
    border: 3px solid #f0f4f8
}

.featured-result .img-wrap {
    height: 250px;
    padding: 20px;
    text-align: center
}

.featured-result .img-wrap img {
    max-height: 100%;
    width: auto
}

.featured-result .text-wrap {
    overflow: hidden;
    background: #f0f4f8
}

.featured-result .text-wrap .get-more,
.featured-result .text-wrap h2,
.featured-result .text-wrap li,
.featured-result .text-wrap p {
    color: #5e6a71;
    font-size: .875em
}

.featured-result .text-wrap h2,
.featured-result .text-wrap p,
.featured-result .text-wrap ul {
    padding-left: .625em;
    padding-right: .625em
}

.featured-result .text-wrap h2 {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625;
    margin: 10px 0
}

@media print {
    .featured-result .text-wrap h2 {
        font-family: Arial, sans-serif
    }
}

.featured-result .text-wrap .sec-headline {
    margin-top: 0
}

.featured-result .text-wrap ul {
    list-style-type: none;
    margin-bottom: 10px
}

.featured-result .text-wrap li {
    background: url("../image/bullet.png") no-repeat 0 .5em;
    padding-left: 1.42857em;
    margin: .71429em 0;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

@media print {
    .featured-result .text-wrap li {
        font-family: Arial, sans-serif
    }
}

.featured-result .text-wrap p {
    margin-bottom: 20px;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

@media print {
    .featured-result .text-wrap p {
        font-family: Arial, sans-serif
    }
}

.featured-result .text-wrap .get-more {
    font-family: Helvetica;
    font-weight: 400;
    line-height: 1.25;
    font-weight: 700;
    box-sizing: border-box;
    border-top: 1px solid #d7d9db;
    text-align: right;
    font-size: 16px;
    padding: 10px 0;
    padding-right: 20px
}

@media print {
    .featured-result .text-wrap .get-more {
        font-family: Arial, sans-serif
    }
}

.featured-result .text-wrap .get-more i {
    margin-left: 5px
}

.featured-result .text-wrap .get-more .arrow .right {
    border-left: 5px solid #5e6a71
}

.featured-result,
.result-item,
.result-product {
    margin: 40px 0
}

.featured-result .search-highlight,
.result-item .search-highlight,
.result-product .search-highlight {
    color: #7090b7
}

.featured-result .result-headline,
.result-item .result-headline,
.result-product .result-headline {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #7090b7;
    margin-top: 20px
}

.featured-result .img-wrap,
.result-item .img-wrap,
.result-product .img-wrap {
    min-height: 80px;
    padding: 10px;
    text-align: center
}

.featured-result .img-col .img-wrap,
.result-item .img-col .img-wrap,
.result-product .img-col .img-wrap {
    min-height: 80px;
    margin: 5px 10px;
    text-align: center;
    position: relative
}

.featured-result .img-col .img-wrap img,
.result-item .img-col .img-wrap img,
.result-product .img-col .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.featured-result .text-wrap h2,
.featured-result .text-wrap p,
.result-item .text-wrap h2,
.result-item .text-wrap p,
.result-product .text-wrap h2,
.result-product .text-wrap p {
    color: #5e6a71;
    font-size: .875em;
    padding-left: .625em;
    padding-right: .625em
}

.featured-result .text-wrap h2,
.result-item .text-wrap h2,
.result-product .text-wrap h2 {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625;
    margin: 10px 0 5px
}

@media print {

    .featured-result .text-wrap h2,
    .result-item .text-wrap h2,
    .result-product .text-wrap h2 {
        font-family: Arial, sans-serif
    }
}

.featured-result .text-wrap p,
.result-item .text-wrap p,
.result-product .text-wrap p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    padding-bottom: 10px
}

@media print {

    .featured-result .text-wrap p,
    .result-item .text-wrap p,
    .result-product .text-wrap p {
        font-family: Arial, sans-serif
    }
}

.featured-result .text-wrap .sec-headline,
.result-item .text-wrap .sec-headline,
.result-product .text-wrap .sec-headline {
    margin-top: 0;
    margin-bottom: 5px
}

.result-product .compare-col .img-wrap img {
    margin: 15px 0
}

.direct-sticker-container {
    pointer-events: none;
    z-index: 18;
    position: fixed;
    top: 170px;
    right: 0;
    width: 190px
}

@media (max-width:767px) {
    .direct-sticker-container {
        width: 265px
    }
}

.direct-sticker {
    border-radius: .28571em .28571em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .4s ease-in-out;
    z-index: 19;
    position: relative;
    width: 190px;
    right: -187px;
    padding: .35714em 0 .35714em .35714em;
    background-color: hsla(0, 0%, 100%, .4);
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-size: .875em;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    pointer-events: auto
}

@media (max-width:767px) {
    .direct-sticker {
        width: 265px;
        right: -262px
    }
}

.direct-sticker.direct-sticker--icon {
    border-bottom-left-radius: 0;
    height: 50px;
    line-height: 40px;
    padding: .35714em 0
}

.direct-sticker.direct-sticker--icon .inner-wrapper {
    text-align: left;
    padding: 0
}

.direct-sticker.direct-sticker--icon .inner-wrapper .direct-sticker__headline {
    display: inline;
    margin-left: 3.28571em;
    padding: 0
}

.direct-sticker.direct-sticker--icon .inner-wrapper a.link {
    color: #fff;
    display: block;
    padding: 0 1.07143em;
    position: relative;
    overflow: hidden
}

.direct-sticker.direct-sticker--icon .inner-wrapper a.link .icon {
    display: inline-block;
    position: absolute;
    top: -2px
}

.direct-sticker.direct-sticker--icon .inner-wrapper a.link .icon:before {
    font-size: 45px
}

.direct-sticker.direct-sticker--icon .inner-wrapper a.link img {
    position: absolute;
    top: 10px;
    left: 10px;
    max-height: 100%
}

@media (max-width:767px) {
    .direct-sticker.direct-sticker--icon .inner-wrapper {
        overflow: auto;
        max-height: 100%
    }
}

.direct-sticker.is-open {
    transition: all .7s ease-in-out;
    right: 0;
    height: auto
}

.direct-sticker.is-open .inner-wrapper {
    max-height: 500px
}

@media (max-width:767px) {
    .direct-sticker.is-open .inner-wrapper {
        max-height: 325px;
        overflow-y: scroll !important
    }
}

.direct-sticker.is-open .open-close .arrow-wrapper {
    -ms-transform: scale(1);
    transform: scale(1)
}

.direct-sticker.is-open .open-close .icon,
.direct-sticker.is-open .open-close img {
    -ms-transform: scale(0);
    transform: scale(0)
}

.direct-sticker .open-close {
    padding: 0 .35714em;
    padding-right: 0;
    background-color: hsla(0, 0%, 100%, .4);
    position: absolute;
    z-index: 20;
    left: -55px;
    top: 5px;
    width: 59px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.direct-sticker .open-close .inner {
    background-color: #7090b7;
    height: 100%;
    border-right: 1px solid #fff;
    position: relative
}

.direct-sticker .open-close .inner:after,
.direct-sticker .open-close .inner:before {
    content: "";
    display: block;
    background-color: hsla(0, 0%, 100%, .4);
    position: absolute;
    height: 5px;
    left: -5px;
    width: 55px
}

.direct-sticker .open-close .inner:before {
    top: -5px;
    border-top-left-radius: .28571em
}

.direct-sticker .open-close .inner:after {
    bottom: -5px;
    border-bottom-left-radius: .28571em
}

.direct-sticker .open-close img {
    display: inline-block;
    transition: transform .2s ease-in-out;
    max-height: 100%
}

.direct-sticker .open-close .icon {
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform .2s ease-in-out
}

.direct-sticker .open-close .icon:before {
    position: absolute;
    font-size: 42px;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.direct-sticker .open-close .arrow-wrapper {
    display: block;
    height: 100%;
    width: 100%;
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .2s ease-in-out .1s;
    position: absolute;
    top: 0;
    left: 0
}

.direct-sticker .open-close .arrow.left {
    border-right-color: #fff;
    border-right: 0;
    border-left: 5px solid #fff
}

.direct-sticker .inner-wrapper {
    background-color: #7090b7;
    padding: 0 1.07143em;
    overflow: auto;
    min-height: 40px;
    max-height: 40px;
    transition: all .4s ease-in-out
}

.direct-sticker .inner-wrapper a:not(.a-button) {
    color: #fff
}

.direct-sticker .inner-wrapper p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    padding: .625em 0
}

@media print {
    .direct-sticker .inner-wrapper p {
        font-family: Arial, sans-serif
    }
}

.direct-sticker .inner-wrapper .button {
    border-radius: .21429em .21429em;
    font-size: 1em !important;
    margin: .71429em 0 1.42857em;
    background-color: #fff;
    border-color: #d7d9db !important;
    color: #5e6a71 !important
}

.direct-sticker__headline {
    font-family: Helvetica Extended Light;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    line-height: 1.42857em;
    padding: .71429em 0;
    display: block
}

.m-show-store {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    opacity: 0;
    transition: all .2s ease-in-out;
    overflow: auto
}

.m-show-store.is-open,
.m-show-store.is-open .inner {
    opacity: 1
}

.m-show-store .inner {
    max-width: 60.5em;
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
    background: #fff;
    padding: 0 20px;
    opacity: 0;
    transition: all .2s ease-in-out
}

.m-show-store header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    position: relative;
    padding: 30px;
    padding-left: 0
}

.m-show-store header .h1,
.m-show-store header h1 {
    float: left;
    margin-bottom: 20px;
    padding-right: 50px;
    margin-top: 0
}

.m-show-store .show-store-close {
    margin: 3.125em 0 0;
    padding: .4375em;
    width: 2.5em;
    height: 2.5em;
    position: relative;
    float: right;
    border-radius: .1875em;
    border: 1px solid #dfe2e6;
    background-color: #fff;
    color: #000;
    text-align: center;
    display: block;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 30px
}

.m-show-store .show-store-close:active {
    color: #000
}

.m-show-store .show-store-close:before {
    font-size: 1.5625em
}

.m-show-store .google-map {
    width: 100%;
    height: 330px;
    margin-bottom: 30px
}

.m-show-store .distributor {
    border-bottom: 1px solid #d7d9db;
    padding: 15px 0
}

.m-show-store .distributor:active {
    background: #f0f4f8
}

.m-show-store .distributor>.row {
    margin: 0
}

.m-show-store .distributor a p,
.m-show-store .distributor span {
    color: #333
}

.m-show-store .distributor .button {
    border-radius: 3px;
    padding-top: 12px;
    font-size: 14px
}

.m-show-store .distributor:first-child .map-pointer:after {
    content: "a"
}

.m-show-store .distributor:nth-child(2) .map-pointer:after {
    content: "b"
}

.m-show-store .distributor:nth-child(3) .map-pointer:after {
    content: "c"
}

.m-show-store .distributor:nth-child(4) .map-pointer:after {
    content: "d"
}

.m-show-store .pointer .map-pointer {
    text-align: center;
    position: relative
}

.m-show-store .pointer .map-pointer img {
    width: 25px;
    height: 35px
}

.m-show-store .pointer .map-pointer:after {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    font-size: 20px;
    content: "A";
    color: #626262;
    display: block;
    padding-top: 10px;
    text-transform: uppercase
}

.m-show-store .address {
    font-style: normal;
    font-size: 14px
}

.m-show-store .address h2 {
    font-size: 22px;
    color: #626262;
    font-weight: 700;
    line-height: 1
}

.m-show-store .address p {
    padding-top: 10px
}

.m-show-store .choose-this span {
    font-size: 11px;
    padding-bottom: 5px;
    display: block
}

.m-show-store .choose-this button {
    margin-bottom: 0
}

.m-show-store .toggle-row.is-open .toggle-text {
    height: 100%;
    padding-top: 20px
}

.m-show-store .toggle-row.is-open .toggle-btn i:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-show-store .toggle-row.is-open .toggle-btn span:after {
    display: inline
}

.m-show-store .toggle-row.is-open .toggle-btn span:before {
    display: none
}

.m-show-store .toggle-text {
    height: 1px;
    overflow: hidden
}

.m-show-store .toggle-text.copy p {
    margin-bottom: 0
}

.m-show-store .toggle-btn {
    text-align: right;
    float: left !important;
    padding-top: 20px
}

.m-show-store .toggle-btn span {
    display: inline
}

.m-show-store .toggle-btn span:before {
    content: "more information"
}

.m-show-store .toggle-btn span:after {
    content: "close";
    display: none
}

@media (min-width:1024px) {
    .m-show-store .distributor:hover {
        background: #f0f4f8
    }
}

.product .product-info .price-wrap {
    position: relative;
    overflow: hidden
}

.product .product-info .price {
    font-family: Helvetica Extended Medium;
    font-size: 30px;
    line-height: .83333;
    letter-spacing: .02em;
    text-transform: uppercase;
    text-align: center;
    text-align: left;
    display: block;
    color: #333;
    margin: 1.30303em 0 .30303em
}

.product .product-info .price .c-card__price {
    display: inline-block
}

.product .product-info .price-info {
    text-transform: none;
    display: inline-block;
    margin-left: 33px;
    vertical-align: sub
}

.product .product-info .price-info a,
.product .product-info .price-info small {
    font-family: Helvetica;
    font-size: 12px;
    line-height: 1.5;
    display: block
}

@media print {

    .product .product-info .price-info a,
    .product .product-info .price-info small {
        font-family: Arial, sans-serif
    }
}

.product .product-info .price-info small {
    padding-top: 5px;
    font-size: 13px;
    margin-top: 0
}

.product .product-info .price-info a {
    font-size: 12px;
    font-weight: 700;
    color: #6e797f;
    letter-spacing: normal;
    padding-top: 3px;
    position: relative;
    display: inline-block
}

.product .product-info .price-info a:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #6e797f
}

.product .product-info .product-delivery-wrapper {
    margin-bottom: 20px
}

.product .product-info .availability-check {
    background: #fff;
    border-radius: 4px;
    min-height: 50px;
    display: block;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    margin-top: 20px
}

.product .product-info .availability-check.is-express:before {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    font-smoothing: antialiased;
    font-size: 50px;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 8px;
    top: 0;
    color: #999
}

.product .product-info .availability-check.is-express .text-box {
    padding-left: 60px
}

.product .product-info .availability-check .text-box {
    display: inline-block;
    padding-left: 0;
    vertical-align: top
}

.product .product-info .availability-check .text-box .text-headline {
    display: block
}

.product .product-info .availability-check .text-box span {
    font-size: 13px;
    color: #999
}

.product .product-info .availability-check .text-box span:first-child {
    font-weight: 700;
    padding-bottom: 10px
}

.product .product-info form.custom .button {
    width: 100%
}

.choose-store {
    position: relative;
    display: block
}

.choose-store .icon-trader:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 57px;
    line-height: 57px;
    font-size: 25px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    background: #5e6a71;
    background: linear-gradient(180deg, #5e6a71 0, #525c62);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="use_col(blue_gray)", endColorstr="use_col(blue_gray, middle_dark)", GradientType=0);
    border-radius: 3px
}

.choose-store .text-box {
    display: inline-block;
    padding-left: 80px;
    font-size: 12px;
    padding-top: 15px
}

.choose-store .text-box span {
    display: block
}

.choose-store .text-box span:first-child {
    padding-bottom: 4px
}

.choose-store .text-box span:last-child {
    position: relative;
    display: inline-block
}

.choose-store .text-box span:last-child:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 1px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #6e797f
}

@media print {

    #client-information,
    #content>div.large-3,
    #create-rma #main-title,
    #create-rma .buttons-row,
    #office-select a.next,
    #office-select a.prev,
    #office-select li>a,
    #product-apps,
    #search-info-wrapper.detail,
    #table_products,
    #weather-location-content,
    .active-filters-overview,
    .alert-info,
    .breadcrumb-wrapper,
    .button,
    .compare-bar,
    .cp-dialog,
    .cp-overlay,
    .cp-popup,
    .dataTables_paginate,
    .direct-sticker-container,
    .dropdown-wrapper,
    .go-back,
    .header-of-table div i,
    .locations-select a.next,
    .locations-select a.prev,
    .locations-select li>a,
    .m-inside-nav,
    .meta-actions,
    .meta-nav,
    .product #product-description .table-max-height a,
    .product-info form.custom,
    .product .show-more,
    .product.type #product-list .meta-nav,
    .row.collapse.search-form,
    .search.dropdown.filter .nohover.buttonbar,
    .sf-toolbar,
    .side-nav .header .right,
    .side-nav header .right,
    .social *,
    .toggle-filter,
    .vertical-scroll-hint,
    body>header,
    button,
    footer,
    header #main-navigation,
    header .hide-for-small,
    header nav,
    tr.search-form,
    tr.search-form-toggle-row {
        display: none !important
    }

    body,
    html {
        font-size: 12px
    }

    table {
        border-collapse: collapse !important;
        border-right: 1px solid #d7d9db !important;
        border-bottom: 1px solid #d7d9db !important;
        padding: 0 !important;
        margin-bottom: 1em !important
    }

    table tr.active {
        display: table-row !important
    }

    table td,
    table th {
        border: 1px solid #d7d9db !important;
        margin: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        padding: 5px !important;
        border-radius: 0 !important
    }

    table th,
    table th div {
        font-weight: 700 !important;
        color: #5e6a71 !important;
        background-color: transparent !important
    }

    table th {
        padding: 10px 5px !important;
        background-color: #fff !important
    }

    table th div {
        padding: 0 !important;
        line-height: normal !important
    }

    table tbody tr:nth-of-type(odd) {
        background-color: #fff !important
    }

    .row .column .column,
    .row .columns .columns,
    .row .row {
        padding: 0;
        margin: 0
    }

    .column,
    .columns {
        position: relative;
        padding-left: .625em;
        padding-right: .625em;
        float: left
    }

    .small-1 {
        position: relative;
        width: 6.25%
    }

    .small-2 {
        position: relative;
        width: 12.5%
    }

    .small-3 {
        position: relative;
        width: 18.75%
    }

    .small-4 {
        position: relative;
        width: 25%
    }

    .small-5 {
        position: relative;
        width: 31.25%
    }

    .small-6 {
        position: relative;
        width: 37.5%
    }

    .small-7 {
        position: relative;
        width: 43.75%
    }

    .small-8 {
        position: relative;
        width: 50%
    }

    .small-9 {
        position: relative;
        width: 56.25%
    }

    .small-10 {
        position: relative;
        width: 62.5%
    }

    .small-11 {
        position: relative;
        width: 68.75%
    }

    .small-12 {
        position: relative;
        width: 75%
    }

    .small-13 {
        position: relative;
        width: 81.25%
    }

    .small-14 {
        position: relative;
        width: 87.5%
    }

    .small-15 {
        position: relative;
        width: 93.75%
    }

    .small-16 {
        position: relative;
        width: 100%
    }

    .small-offset-0 {
        position: relative;
        margin-left: 0
    }

    .small-offset-1 {
        position: relative;
        margin-left: 6.25%
    }

    .small-offset-2 {
        position: relative;
        margin-left: 12.5%
    }

    .small-offset-3 {
        position: relative;
        margin-left: 18.75%
    }

    .small-offset-4 {
        position: relative;
        margin-left: 25%
    }

    .small-offset-5 {
        position: relative;
        margin-left: 31.25%
    }

    .small-offset-6 {
        position: relative;
        margin-left: 37.5%
    }

    .small-offset-7 {
        position: relative;
        margin-left: 43.75%
    }

    .small-offset-8 {
        position: relative;
        margin-left: 50%
    }

    .small-offset-9 {
        position: relative;
        margin-left: 56.25%
    }

    .small-offset-10 {
        position: relative;
        margin-left: 62.5%
    }

    .small-offset-11 {
        position: relative;
        margin-left: 68.75%
    }

    .small-offset-12 {
        position: relative;
        margin-left: 75%
    }

    .small-offset-13 {
        position: relative;
        margin-left: 81.25%
    }

    .small-offset-14 {
        position: relative;
        margin-left: 87.5%
    }

    [class*=column]+[class*=column]:last-child {
        float: right
    }

    [class*=column]+[class*=column].end {
        float: left
    }

    .column.small-centered,
    .columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }

    .large-1 {
        position: relative;
        width: 6.25%
    }

    .large-2 {
        position: relative;
        width: 12.5%
    }

    .large-3 {
        position: relative;
        width: 18.75%
    }

    .large-4 {
        position: relative;
        width: 25%
    }

    .large-5 {
        position: relative;
        width: 31.25%
    }

    .large-6 {
        position: relative;
        width: 37.5%
    }

    .large-7 {
        position: relative;
        width: 43.75%
    }

    .large-8 {
        position: relative;
        width: 50%
    }

    .large-9 {
        position: relative;
        width: 56.25%
    }

    .large-10 {
        position: relative;
        width: 62.5%
    }

    .large-11 {
        position: relative;
        width: 68.75%
    }

    .large-12 {
        position: relative;
        width: 75%
    }

    .large-13 {
        position: relative;
        width: 81.25%
    }

    .large-14 {
        position: relative;
        width: 87.5%
    }

    .large-15 {
        position: relative;
        width: 93.75%
    }

    .large-16,
    .large-centered {
        position: relative;
        width: 100% !important
    }

    .row .large-offset-0 {
        position: relative;
        margin-left: 0
    }

    .row .large-offset-1 {
        position: relative;
        margin-left: 6.25%
    }

    .row .large-offset-2 {
        position: relative;
        margin-left: 12.5%
    }

    .row .large-offset-3 {
        position: relative;
        margin-left: 18.75%
    }

    .row .large-offset-4 {
        position: relative;
        margin-left: 25%
    }

    .row .large-offset-5 {
        position: relative;
        margin-left: 31.25%
    }

    .row .large-offset-6 {
        position: relative;
        margin-left: 37.5%
    }

    .row .large-offset-7 {
        position: relative;
        margin-left: 43.75%
    }

    .row .large-offset-8 {
        position: relative;
        margin-left: 50%
    }

    .row .large-offset-9 {
        position: relative;
        margin-left: 56.25%
    }

    .row .large-offset-10 {
        position: relative;
        margin-left: 62.5%
    }

    .row .large-offset-11 {
        position: relative;
        margin-left: 68.75%
    }

    .row .large-offset-12 {
        position: relative;
        margin-left: 75%
    }

    .row .large-offset-13 {
        position: relative;
        margin-left: 81.25%
    }

    .row .large-offset-14 {
        position: relative;
        margin-left: 87.5%
    }

    .row .large-offset-15 {
        position: relative;
        margin-left: 93.75%
    }

    .push-1 {
        left: 6.25%;
        right: auto
    }

    .pull-1,
    .push-1 {
        position: relative
    }

    .pull-1 {
        right: 6.25%;
        left: auto
    }

    .push-2 {
        left: 12.5%;
        right: auto
    }

    .pull-2,
    .push-2 {
        position: relative
    }

    .pull-2 {
        right: 12.5%;
        left: auto
    }

    .push-3 {
        left: 18.75%;
        right: auto
    }

    .pull-3,
    .push-3 {
        position: relative
    }

    .pull-3 {
        right: 18.75%;
        left: auto
    }

    .push-4 {
        left: 25%;
        right: auto
    }

    .pull-4,
    .push-4 {
        position: relative
    }

    .pull-4 {
        right: 25%;
        left: auto
    }

    .push-5 {
        left: 31.25%;
        right: auto
    }

    .pull-5,
    .push-5 {
        position: relative
    }

    .pull-5 {
        right: 31.25%;
        left: auto
    }

    .push-6 {
        left: 37.5%;
        right: auto
    }

    .pull-6,
    .push-6 {
        position: relative
    }

    .pull-6 {
        right: 37.5%;
        left: auto
    }

    .push-7 {
        left: 43.75%;
        right: auto
    }

    .pull-7,
    .push-7 {
        position: relative
    }

    .pull-7 {
        right: 43.75%;
        left: auto
    }

    .push-8 {
        left: 50%;
        right: auto
    }

    .pull-8,
    .push-8 {
        position: relative
    }

    .pull-8 {
        right: 50%;
        left: auto
    }

    .push-9 {
        left: 56.25%;
        right: auto
    }

    .pull-9,
    .push-9 {
        position: relative
    }

    .pull-9 {
        right: 56.25%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 62.5%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 62.5%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 68.75%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 68.75%;
        left: auto
    }

    .push-12 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-12 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-13 {
        position: relative;
        left: 81.25%;
        right: auto
    }

    .pull-13 {
        position: relative;
        right: 81.25%;
        left: auto
    }

    .push-14 {
        position: relative;
        left: 87.5%;
        right: auto
    }

    .pull-14 {
        position: relative;
        right: 87.5%;
        left: auto
    }

    .push-15 {
        position: relative;
        left: 93.75%;
        right: auto
    }

    .pull-15 {
        position: relative;
        right: 93.75%;
        left: auto
    }

    .column.large-centered,
    .columns.large-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
        margin-left: 16px;
    }

    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right !important
    }

    .h2,
    h2 {
        page-break-after: avoid;
        break-after: avoid
    }
}

.c-meta-actions {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:480px) {
    .c-meta-actions {
        margin-bottom: 0;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.c-meta-actions__checkbox {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #5e6a71;
    margin-right: 10px;
    top: 0;
    left: 0
}

.c-meta-actions__item {
    display: -ms-flexbox;
    display: flex;
    color: #5e6a71;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px
}

.c-meta-actions__item:first-child {
    padding-left: 0
}

.c-meta-actions__item:hover,
.c-meta-actions__item:hover .c-meta-actions__icon {
    color: #6481a4
}

.c-meta-actions__item:hover .c-meta-actions__checkbox {
    border: 1px solid #6481a4
}

.c-meta-actions__icon {
    font-size: 22px;
    color: #5e6a71;
    display: block;
    padding-right: 10px
}

.product.type .c-meta-actions .comparer-cta {
    display: none
}

.c-meta-actions .comparer-cta {
    padding-left: 0
}

.c-meta-actions .comparer-cta--is-checked {
    color: #6481a4
}

.c-meta-actions .comparer-cta--is-checked .c-meta-actions__checkbox {
    border-color: #6481a4
}

.c-meta-actions .comparer-cta--is-checked .c-meta-actions__checkbox:before {
    color: #6481a4;
    margin: 0;
    font-size: 16px;
    position: absolute;
    top: -2px;
    left: 2px
}

.c-meta-actions .printer-cta {
    display: none
}

@media (min-width:1024px) {
    .c-meta-actions .printer-cta {
        display: -ms-flexbox;
        display: flex
    }
}

#lightbox {
    margin: .625em;
    width: auto
}

#lightbox img {
    max-height: 100%;
    border: 4px solid #fff;
    border-radius: .25em
}

#lightbox #lightbox-buttons a {
    position: absolute
}

#lightbox #lightbox-buttons a.close {
    top: .9375em;
    right: .9375em;
    background-image: url("../image/close.png");
    width: 1.6875em;
    height: 1.6875em
}

#lightbox #lightbox-buttons a.next,
#lightbox #lightbox-buttons a.prev {
    bottom: -3.75em;
    width: 3.125em;
    height: 2.8125em;
    top: 50%;
    margin-top: -1.40625em;
    bottom: auto
}

#lightbox #lightbox-buttons a.prev {
    left: .9375em;
    background-image: url("../image/prev.png")
}

#lightbox #lightbox-buttons a.next {
    right: .9375em;
    background-image: url("../image/next.png")
}

@media (min-width:768px) {
    #lightbox #lightbox-buttons {
        opacity: 0;
        transition: opacity .2s ease
    }

    #lightbox:hover #lightbox-buttons {
        opacity: 1
    }
}

html.lt-ie9 #lightbox {
    display: inline-table !important
}

html.lt-ie9 #lightbox img {
    max-height: 37.5em
}

.contact-teaser {
    margin-top: 1.25em !important
}

.contact-teaser .contact-teaser-inner {
    border-radius: .1875em;
    overflow: hidden
}

.contact-teaser .contact-teaser-inner img {
    width: 58.75em;
    max-width: none
}

.contact-teaser .contact-teaser-inner .text-box {
    background-color: #fff;
    border: 1px solid #f7f7f7;
    border-top: 0
}

.contact-teaser .contact-teaser-inner .text-box>div {
    padding: 1.78571em;
    overflow: hidden
}

.contact-teaser .contact-teaser-inner .text-box>div.top {
    border-bottom: 1px solid #f7f7f7
}

@media (min-width:480px) {
    .contact-teaser .contact-teaser-inner .text-box>div {
        width: 50%;
        float: left
    }

    .contact-teaser .contact-teaser-inner .text-box>div.top {
        border-right: 1px solid #f7f7f7;
        border-bottom-width: 0
    }
}

@media (min-width:768px) {
    .contact-teaser {
        margin-top: 3.125em !important
    }

    .contact-teaser .contact-teaser-inner .text-box {
        width: 16.875em;
        position: absolute;
        right: 2.5em;
        top: 1.875em
    }

    .contact-teaser .contact-teaser-inner .text-box>div {
        width: auto;
        float: none
    }

    .contact-teaser .contact-teaser-inner .text-box>div.top {
        height: 9.28571em;
        border-bottom-width: 1px
    }

    .contact-teaser .contact-teaser-inner .text-box>div.bottom {
        height: 7.78571em;
        border-top: 1px solid #fff;
        background: -owg-linear-gradient(#f7f7f7, #fff);
        background: linear-gradient(#f7f7f7, #fff)
    }
}

.job-address {
    font-size: .875em;
    line-height: 1.5em
}

.job-address address {
    font-style: normal
}

.job-address a {
    color: #5e6a71;
    font-weight: 700
}

#office-select,
.locations-select {
    padding: 1.25em 0;
    border-top: 1px solid #f7f7f7
}

#office-select img,
.locations-select img {
    margin-bottom: 1.25em
}

#office-select ul,
.locations-select ul {
    list-style-type: none
}

#office-select li.active,
.locations-select li.active {
    display: block
}

#office-select li,
.locations-select li {
    display: none;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    font-size: .875em
}

@media print {

    #office-select li,
    .locations-select li {
        font-family: Arial, sans-serif
    }
}

#office-select li address,
#office-select li b,
.locations-select li address,
.locations-select li b {
    display: block;
    margin-bottom: 1.78571em
}

#office-select li address div,
#office-select li address span,
#office-select li b,
.locations-select li address div,
.locations-select li address span,
.locations-select li b {
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    font-style: normal
}

@media print {

    #office-select li address div,
    #office-select li address span,
    #office-select li b,
    .locations-select li address div,
    .locations-select li address span,
    .locations-select li b {
        font-family: Arial, sans-serif
    }
}

#office-select li .h3,
#office-select li h3,
.locations-select li .h3,
.locations-select li h3 {
    display: block;
    font-family: Helvetica Extended Light;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
    color: #bbb;
    margin-bottom: 1.11111em
}

#office-select li>a,
.locations-select li>a {
    position: relative;
    display: inline-block;
    padding-right: 1.07143em;
    margin-right: 1.78571em;
    color: #5e6a71;
    font-family: Helvetica Extended Light;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4375
}

#office-select li>a .arrow,
.locations-select li>a .arrow {
    right: 0;
    top: .57143em
}

#office-select li address .adr,
.locations-select li address .adr {
    margin-bottom: 1.8125em
}

#office-select .arrow,
.locations-select .arrow {
    position: absolute;
    border-left-color: #5e6a71
}

#office-select a.prev,
.locations-select a.prev {
    margin-right: .0625em
}

#office-select a.next,
#office-select a.prev,
.locations-select a.next,
.locations-select a.prev {
    margin-bottom: 1.25em;
    position: relative;
    display: inline-block;
    width: 1.875em;
    height: 1.875em;
    background-color: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3);
    border-radius: .1875em
}

#office-select a.next .arrow,
#office-select a.prev .arrow,
.locations-select a.next .arrow,
.locations-select a.prev .arrow {
    top: .625em;
    border-left-color: #5e6a71
}

#office-select a.next .arrow.right,
#office-select a.prev .arrow.right,
.locations-select a.next .arrow.right,
.locations-select a.prev .arrow.right {
    left: .8125em
}

#office-select a.next .arrow.left,
#office-select a.prev .arrow.left,
.locations-select a.next .arrow.left,
.locations-select a.prev .arrow.left {
    left: .625em;
    border-right-color: #5e6a71
}

@media (min-width:768px) {

    #office-select,
    .locations-select {
        padding: 3.125em 0
    }

    #office-select ul,
    .locations-select ul {
        margin: 0 10em 0 5.625em
    }

    #office-select img,
    .locations-select img {
        position: absolute;
        right: .625em;
        top: 0
    }

    #office-select .handles,
    .locations-select .handles {
        position: absolute;
        left: .625em;
        top: 0
    }
}

.register-form {
    padding: 3.125em 0;
    background-color: #f0f4f8;
    border-style: solid;
    border-color: #e0e0e0;
    border-width: 1px 0
}

.register-form input.button {
    float: right
}

#application-form-wrapper {
    display: none;
    background-color: #f0f4f8;
    border-style: solid;
    border-color: #e0e0e0;
    border-width: 1px 0;
    position: relative
}

#application-form-wrapper a.icon-close {
    margin: 3.125em 0 0;
    padding: .4375em;
    width: 2.5em;
    height: 2.5em;
    position: relative;
    float: right;
    border-radius: .1875em;
    border: 1px solid #dfe2e6;
    background-color: #fff;
    color: #000;
    text-align: center
}

#application-form-wrapper a.icon-close:active {
    color: #000
}

#application-form-wrapper a.icon-close:before {
    font-size: 1.5625em
}

#application-form-wrapper .separator {
    margin: 1.25em auto;
    border-top: 1px solid #f0f4f8;
    border-bottom: 1px solid #fff
}

#application-form-wrapper .written-application {
    margin-bottom: 1.875em
}

#application-form-wrapper .written-application .headline {
    font-size: .875em;
    margin-bottom: 1.78571em
}

.job-details .contact-teaser {
    margin-bottom: 3.125em
}

.job-details .copy .h2,
.job-details .copy h2 {
    margin-top: 0
}

@media (min-width:768px) {
    #application-form-wrapper .separator {
        margin: 1.25em auto 3.125em
    }

    #application-form-wrapper .written-application {
        margin-bottom: 3.75em
    }
}

#header-flyout .h1,
#header-flyout .headline,
#header-flyout h1 {
    text-align: left
}

#header-flyout a.icon-close {
    position: absolute !important;
    top: -5.625em;
    left: 45%;
    right: 0
}

#header-flyout .headline {
    margin: 0;
    padding: 30px 0;
    border-bottom: 1px solid #d7d9db;
    padding-left: 10px
}

#header-flyout>section {
    display: none
}

#header-flyout>section>.login,
#header-flyout>section>.search {
    padding-top: 3.75em
}

#header-flyout>section>.login h2,
#header-flyout>section>.search h2 {
    color: #7090b7;
    font-size: 2.5em;
    margin: .25em 0
}

#header-flyout>section>.login {
    padding-bottom: 1.5625em
}

#header-flyout section.languages .header {
    padding-top: 3.75em
}

#header-flyout section.languages .header .headline {
    text-align: center
}

#header-flyout section.languages .languages-list {
    list-style: none;
    margin: 0;
    padding: 0
}

#header-flyout section.languages .languages-list a {
    display: block;
    color: #5e6a71;
    line-height: 2.5em;
    border-bottom: 1px solid #d7d9db;
    padding-left: .625em;
    background-image: -owg-linear-gradient(left top, #f7f7f7, #fff 50%, #f7f7f7);
    background-image: linear-gradient(left top, #f7f7f7, #fff 50%, #f7f7f7)
}

#header-flyout section.languages .languages-list li.current a {
    font-weight: 700
}

#header-flyout section.branches .header {
    padding-top: 3.75em
}

#header-flyout section.branches .offices .row .row {
    margin-top: 30px
}

#header-flyout section.branches .offices .country-list {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    box-sizing: border-box;
    list-style-type: none;
    position: relative;
    width: 100%
}

@media print {
    #header-flyout section.branches .offices .country-list {
        font-family: Arial, sans-serif
    }
}

#header-flyout section.branches .offices .country-list span.address,
#header-flyout section.branches .offices .country-list span.title {
    font-size: .875em;
    display: inline-block
}

#header-flyout section.branches .offices .country-list span.title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3125em;
    padding-bottom: 1.25em;
    color: #333
}

#header-flyout section.branches .offices .country-list span.title span {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    text-transform: uppercase;
    font-size: 18px;
    color: #7090b7;
    padding-bottom: 10px;
    display: inline-block
}

#header-flyout section.branches .offices .country-list span.address {
    width: 100%;
    padding-right: 1.42857em;
    line-height: 1.25
}

#header-flyout section.branches .offices .country-list ul {
    list-style-type: none
}

#header-flyout section.branches .offices .country-list li {
    display: none
}

#header-flyout section.branches .offices .country-list li.open {
    display: block
}

#header-flyout section.branches .offices #office-navigator {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-size: .875em;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    height: 40px;
    position: relative;
    color: #333;
    overflow: hidden;
    margin-bottom: 30px;
    z-index: 2
}

#header-flyout section.branches .offices .next,
#header-flyout section.branches .offices .prev {
    font-size: 1.5em;
    width: 1.875em;
    height: 1.875em;
    background-color: #516885;
    background: -owg-linear-gradient(#5e6a71, #525c62);
    background: linear-gradient(#5e6a71, #525c62);
    border-radius: .1875em;
    display: inline-block;
    position: relative
}

#header-flyout section.branches .offices .next .arrow,
#header-flyout section.branches .offices .prev .arrow {
    position: absolute;
    top: 16px;
    border-left-color: #fff;
    border-right-color: #fff
}

#header-flyout section.branches .offices .prev {
    float: left
}

#header-flyout section.branches .offices .next {
    float: right
}

#header-flyout section.branches .offices .next .arrow.right,
#header-flyout section.branches .offices .prev .arrow.right {
    left: 18px
}

#header-flyout section.branches .offices .next .arrow.left,
#header-flyout section.branches .offices .prev .arrow.left {
    left: 16px
}

#header-flyout section.branches .chosen-container {
    position: relative;
    display: inline-block;
    width: 100% !important;
    vertical-align: middle;
    font-size: .875em;
    margin-bottom: 1.25em;
    height: 3.35714em;
    border: 1px solid #d7d9db;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: .1875em;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

#header-flyout section.branches .chosen-container.chosen-container-single-nosearch .chosen-drop .chosen-search {
    display: none
}

#header-flyout section.branches .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%
}

#header-flyout section.branches .chosen-container .chosen-drop ul {
    font-size: 1.14286em;
    left: -1px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 14.28571em;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d7d9db;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

#header-flyout section.branches .chosen-container .chosen-drop ul li {
    margin: 0;
    padding: .25em 2.375em .25em .375em;
    color: #555;
    cursor: default;
    font-size: .875em;
    line-height: 1.42857em;
    list-style: none outside none;
    min-height: 1.42857em;
    white-space: nowrap
}

#header-flyout section.branches .chosen-container .chosen-drop ul li:hover {
    background-color: #e0e0e0
}

#header-flyout section.branches .chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

#header-flyout section.branches .chosen-container a {
    cursor: pointer
}

#header-flyout section.branches .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 1em
}

#header-flyout section.branches .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-left: .5em;
    line-height: 3.21429em
}

#header-flyout section.branches .chosen-container-single .chosen-single div {
    position: absolute;
    display: block;
    top: -1px;
    right: 0;
    width: 3.07692em;
    height: 3.61538em;
    background-color: #516885;
    background: -owg-linear-gradient(#5e6a71, #525c62);
    background: linear-gradient(#5e6a71, #525c62);
    border-top-right-radius: .23077em;
    border-bottom-right-radius: .23077em
}

#header-flyout section.branches .chosen-container-single .chosen-single div b {
    position: absolute;
    display: block;
    left: 1.23077em;
    margin-top: -3px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

#header-flyout section.branches .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap
}

#header-flyout section.branches .chosen-container-single .chosen-search .icon-tool-nav-search {
    display: block;
    font-size: 1.78571em;
    position: absolute;
    right: .35714em;
    top: .35714em
}

#header-flyout section.branches .chosen-container-single .chosen-search input[type=text] {
    width: 100%;
    outline: 0;
    border: 1px solid #999;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

#header-flyout section.branches .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

#header-flyout section.branches .chosen-search {
    position: absolute;
    height: 2.85714em
}

#header-flyout section.login {
    background-color: #f0f4f8
}

#header-flyout section.login>.login .row.large-margin-bottom {
    margin-bottom: 0
}

#header-flyout section.search .h1,
#header-flyout section.search h1 {
    text-align: center
}

#header-flyout section.search .row .columns:first-child {
    padding-right: 0
}

#header-flyout section.search .row .columns:last-child {
    padding-left: 0
}

#header-flyout section.search form input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#header-flyout section.search form button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .28571em 0
}

#header-flyout section.search form button i {
    font-size: 2.14286em
}

#header-flyout a.icon-close {
    margin: 3.125em 0 0;
    padding: .4375em;
    width: 2.5em;
    height: 2.5em;
    position: relative;
    float: right;
    border-radius: .1875em;
    border: 1px solid #dfe2e6;
    background-color: #fff;
    color: #000;
    text-align: center
}

#header-flyout a.icon-close:active {
    color: #000
}

#header-flyout a.icon-close:before {
    font-size: 1.5625em
}

@media (min-width:768px) {
    #header-flyout .headline {
        padding-left: 0
    }

    #header-flyout>section>.login {
        padding-top: 2.5em
    }

    #header-flyout a.icon-close {
        top: 1.875em;
        right: 10px;
        margin-top: 0;
        left: auto
    }

    #header-flyout section.languages {
        display: none !important
    }

    #header-flyout section.branches .header {
        padding-top: 0
    }

    #header-flyout section.branches .offices .large-5 {
        padding-right: 1.25em
    }

    #header-flyout section.branches .offices .office-col {
        border-left: 1px solid #d7d9db;
        padding-left: 1.25em
    }

    #header-flyout section.branches .offices .country-list {
        padding-left: 55px;
        padding-top: 40px
    }

    #header-flyout section.branches .offices #office-navigator {
        width: 100%;
        box-sizing: border-box;
        padding-left: 80px;
        line-height: 1;
        position: absolute;
        right: 0;
        margin-bottom: 0;
        overflow: inherit;
        text-align: left
    }

    #header-flyout section.branches .offices #office-navigator .next,
    #header-flyout section.branches .offices #office-navigator .prev {
        height: 70px;
        top: 0;
        float: none;
        clear: both;
        position: absolute
    }

    #header-flyout section.branches .offices #office-navigator .next .arrow,
    #header-flyout section.branches .offices #office-navigator .prev .arrow {
        top: 30px
    }

    #header-flyout section.branches .offices #office-navigator .prev {
        left: 20px
    }

    #header-flyout section.branches .offices #office-navigator .next {
        right: 10px
    }
}

.compare-bar {
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #d7d9db;
    background-color: #fff
}

.compare-bar .compare-bar-top {
    padding: 0 3em;
    background: #f0f4f8
}

.compare-bar .compare-bar-top-content {
    margin: 1em 0
}

@media (max-width:767px) {
    .compare-bar .compare-bar-top-content h2 {
        width: 100%;
        display: block
    }
}

@media (max-width:767px) {
    .compare-bar .compare-bar-top-products {
        display: block
    }
}

.compare-bar .compare-bar-top-products img {
    max-height: 3.3125em;
    margin-right: .625em;
    border: 1px solid #d7d9db;
    padding: 0 .75em;
    background: #fff
}

@media (max-width:767px) {
    .compare-bar .compare-bar-top-products img {
        margin-bottom: .625em
    }
}

.compare-bar .compare-bar-top-reset {
    margin-top: .8125em;
    margin-bottom: .8125em;
    margin-left: .3125em;
    display: inline-block;
    cursor: pointer;
    color: #7090b7
}

@media (max-width:767px) {
    .compare-bar .compare-bar-top-reset {
        margin-left: 0
    }
}

.compare-bar .compare-bar-top-reset i:before {
    font-weight: 700;
    margin: .3125em
}

.compare-bar .compare-bar-top .h2,
.compare-bar .compare-bar-top h2 {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    line-height: 1.75em;
    font-weight: 700;
    color: #333;
    margin-top: .8125em;
    margin-bottom: .8125em;
    margin-right: 1.25em
}

@media print {

    .compare-bar .compare-bar-top .h2,
    .compare-bar .compare-bar-top h2 {
        font-family: Arial, sans-serif
    }
}

.compare-bar .compare-bar-top .button {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px;
    background-color: #5e6a71;
    padding-right: 1.5625em;
    padding-left: 1.5625em;
    margin-bottom: 0
}

.compare-bar .compare-bar-top .button:hover {
    background: #555
}

.compare-bar .compare-bar-top .button .icon-close-bold {
    position: absolute;
    font-size: 1.85714em;
    top: .30769em;
    right: .76923em
}

.compare-bar .compare-bar-top .button.right {
    margin: 1em 0
}

@media (max-width:767px) {
    .compare-bar .compare-bar-top .button.right {
        float: left !important;
        width: 100%
    }
}

.compare-bar.has-overlay-open .compare-bar-top {
    display: none
}

.compare-bar .compare-bar-content {
    display: none;
    overflow: hidden
}

.compare-bar .compare-bar-content .button {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 18px;
    background-color: #5e6a71;
    padding-right: 1.5625em;
    padding-left: 1.5625em;
    margin-bottom: 0;
    margin-top: .625em;
    cursor: pointer
}

.compare-bar .compare-bar-content .button:hover {
    background: #555
}

.compare-bar .compare-bar-content .comparison {
    height: 100%;
    position: relative;
    max-width: none
}

.compare-bar .compare-bar-content .comparison .share-container {
    margin-top: 1.625em
}

.compare-bar .compare-bar-content .comparison .share-container .e-icon-link {
    padding-top: 7px;
    padding-bottom: 7px
}

.compare-bar .compare-bar-content .comparison .element_image {
    max-width: 150px;
    max-height: 150px
}

.compare-bar .compare-bar-content .comparison-header {
    width: 100%;
    height: 4.0625em;
    position: relative;
    background: #fff
}

@media (min-width:768px) {
    .compare-bar .compare-bar-content .comparison-header {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000
    }
}

.compare-bar .compare-bar-content .comparison-header h3 {
    margin: 0 1em;
    color: #333;
    padding-top: 1em;
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25
}

@media (min-width:768px) {
    .compare-bar .compare-bar-content .comparison-header h3 {
        margin: 0;
        text-align: center
    }
}

.compare-bar .compare-bar-content .comparison-header .closeButton {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.5em;
    cursor: pointer;
    outline: 0
}

.compare-bar .compare-bar-content .comparison-header .closeButton a {
    color: #5e6a71;
    text-decoration: none
}

.compare-bar .compare-bar-content .comparison-desktop {
    width: 100%;
    position: absolute;
    top: 4.0625em;
    left: 0;
    bottom: 0
}

.compare-bar .compare-bar-content .comparison-mobile {
    display: none;
    position: relative
}

.compare-bar .compare-bar-content .comparison-mobile hr {
    margin: .9375em 1.25em;
    border-color: transparent;
    border-top-color: #d7d9db;
    border-width: .05em
}

.compare-bar .compare-bar-content .comparison-mobile-products .toggle-container {
    margin: 2.5em 1.25em 1.25em
}

.compare-bar .compare-bar-content .comparison-mobile-products .toggle-container .e-toggle__slider {
    position: relative
}

.compare-bar .compare-bar-content .comparison-mobile-products .toggle-container .e-toggle__inner {
    -ms-flex-direction: column;
    flex-direction: column
}

.compare-bar .compare-bar-content .comparison-mobile-products .toggle-container .e-toggle__title {
    padding-top: 10px;
    padding-left: 0;
    color: #5e6a71
}

.compare-bar .compare-bar-content .comparison-mobile-products .share-container {
    padding-bottom: 20px;
    padding-left: 1.25em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.compare-bar .compare-bar-content .comparison-mobile-products .share-container .e-icon-link {
    padding-left: 0
}

.compare-bar .compare-bar-content .comparison-mobile-values hr {
    margin: 3.75em 1.25em;
    border-color: #000
}

.compare-bar .compare-bar-content .comparison-mobile-values .info {
    display: none
}

.compare-bar .compare-bar-content .comparison-mobile-value {
    padding: 0 1.25em;
    margin: .9375em 0;
    background-color: #f0f4f8;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625
}

@media print {
    .compare-bar .compare-bar-content .comparison-mobile-value {
        font-family: Arial, sans-serif
    }
}

.compare-bar .compare-bar-content .comparison-mobile-entry {
    margin: .9375em 0
}

.compare-bar .compare-bar-content .comparison-mobile-entry hr {
    margin: .9375em 1.25em;
    border-color: transparent;
    border-top-color: #d7d9db
}

.compare-bar .compare-bar-content .comparison-mobile-entryInfo {
    margin: .9375em 0;
    padding: 0 1.25em;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

@media print {
    .compare-bar .compare-bar-content .comparison-mobile-entryInfo {
        font-family: Arial, sans-serif
    }
}

.compare-bar .compare-bar-content .comparison-mobile-entryTitle {
    width: 70%;
    float: left
}

.compare-bar .compare-bar-content .comparison-mobile-entryId {
    margin-bottom: .9375em;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625
}

@media print {
    .compare-bar .compare-bar-content .comparison-mobile-entryId {
        font-family: Arial, sans-serif
    }
}

.compare-bar .compare-bar-content .comparison-mobile-entryId-new {
    color: #fff;
    background: #7090b7;
    text-transform: uppercase;
    font-size: 14px;
    padding: .35714em .71429em;
    margin-right: .35714em
}

.compare-bar .compare-bar-content .comparison-mobile-entryValue {
    margin: .9375em 0;
    padding: .3125em 1.25em;
    background-color: #f0f4f8;
    min-height: 1.5em
}

.compare-bar .compare-bar-content .comparison-mobile-entryImg {
    float: left;
    width: 30%
}

.compare-bar .compare-bar-content .comparison-mobile-entryImg img {
    max-height: 3.75em
}

.compare-bar .compare-bar-content .box_left {
    padding: 1.25em 1.25em 1.25em 0;
    background: #e0e0e0;
    width: 30%
}

.compare-bar .compare-bar-content .box_left .attributes_column {
    border: 1px solid #d7d9db
}

.compare-bar .compare-bar-content .box_left .box {
    border-radius: 0;
    height: 35.6875em;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.compare-bar .compare-bar-content .box_left .box .toggle-container .e-toggle__inner {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1.25em
}

.compare-bar .compare-bar-content .box_left .box .toggle-container .e-toggle__slider,
.compare-bar .compare-bar-content .box_left .box .toggle-container .e-toggle input {
    position: relative
}

.compare-bar .compare-bar-content .box_left .box .toggle-container .e-toggle__title {
    padding-top: 10px;
    padding-left: 10px;
    color: #5e6a71
}

.compare-bar .compare-bar-content .box_left .box .toggle-container input:checked~.e-toggle__title {
    color: #6481a4
}

.compare-bar .compare-bar-content .box_left .box .share-container {
    padding-bottom: 20px;
    padding-left: 1.25em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.compare-bar .compare-bar-content .box_left .box_attributes {
    background: #fff
}

.compare-bar .compare-bar-content .box_left .box_attributes h4 {
    position: relative;
    padding-right: 1.5em;
    cursor: pointer
}

.compare-bar .compare-bar-content .box_left .box_attributes h4:after {
    content: "";
    position: absolute;
    top: .375em;
    right: 0;
    width: 0;
    height: 0;
    border-left: .625em solid transparent;
    border-right: .625em solid transparent;
    border-top: .625em solid #5e6a71
}

.compare-bar .compare-bar-content .box_left .box_attributes .collapsed h4:after {
    border-top: 0;
    border-left: .625em solid transparent;
    border-right: .625em solid transparent;
    border-bottom: .625em solid #5e6a71
}

.compare-bar .compare-bar-content .sortable_list_group {
    position: relative;
    padding: 0;
    overflow: scroll;
    width: 70%;
    height: 100%
}

.compare-bar .compare-bar-content .sortable_list_group.no_scroll {
    overflow-x: hidden
}

.compare-bar .compare-bar-content .sortable_list_group .sortable_group {
    width: 10000px;
    background: #e0e0e0;
    padding: 1.25em 0
}

.compare-bar .compare-bar-content .sortable_list_group .sortable_group .row {
    margin: auto
}

.compare-bar .compare-bar-content .sortable_list_group_item {
    float: left;
    margin-right: 1.25em;
    border: 1px solid #d7d9db;
    background: #fff;
    position: relative
}

.compare-bar .compare-bar-content .ui-sortable-placeholder {
    visibility: visible !important;
    border: 1px dashed #999;
    background: transparent
}

.compare-bar .compare-bar-content .element_info {
    padding: 1.25em 1.25em .625em;
    overflow-y: scroll;
    height: 25em
}

.compare-bar .compare-bar-content .element_info__new {
    position: absolute;
    color: #fff;
    background: #7090b7;
    text-transform: uppercase;
    font-size: 14px;
    padding: .35714em .71429em
}

.compare-bar .compare-bar-content .comparison_actions .e-close {
    color: #5e6a71;
    width: 100%;
    position: relative;
    cursor: pointer;
    top: 0;
    right: 0
}

.compare-bar .compare-bar-content .comparison_actions .e-close:before {
    font-size: 20px;
    width: 100%;
    text-align: right
}

.compare-bar .compare-bar-content .comparison_image {
    height: 13.4375em;
    overflow: hidden;
    padding-bottom: .3125em
}

.compare-bar .compare-bar-content .comparison_image img {
    max-height: 5.9375em;
    width: auto
}

.compare-bar .compare-bar-content .comparison_image figcaption {
    text-align: left;
    font-style: normal;
    margin-top: .625em;
    font-size: .875em;
    line-height: 1.5em
}

.compare-bar .compare-bar-content .comparison_price {
    padding: .625em;
    border: 1px solid #d7d9db
}

.compare-bar .compare-bar-content .comparison_price .price small {
    color: #999;
    font-weight: 415;
    font-size: .8125em;
    line-height: normal
}

.compare-bar .compare-bar-content .comparison_price .productDeliveryTime,
.compare-bar .compare-bar-content .comparison_price .productStock {
    font-weight: 415;
    font-size: .8125em;
    line-height: normal
}

.compare-bar .compare-bar-content .comparison_price .price+.productDeliveryTime,
.compare-bar .compare-bar-content .comparison_price .price+.productStock {
    margin-top: 5px
}

.compare-bar .compare-bar-content .comparison_price button {
    padding-top: .625em;
    padding-bottom: .625em
}

.compare-bar .compare-bar-content .comparison_price .icon-shopping-cart-arrow {
    font-size: 20px;
    line-height: 25px
}

.compare-bar .compare-bar-content .comparison_price .f-dropdown p {
    font-size: .875em;
    line-height: 1.3125em
}

.compare-bar .compare-bar-content .comparison_price .f-dropdown .button {
    margin-top: 0;
    padding: 0 1.5em;
    line-height: 3.1875em
}

.compare-bar .compare-bar-content .comparison_price .contactButton .button {
    line-height: 1.75em
}

.compare-bar .compare-bar-content .drag_item {
    text-align: center;
    margin: 0 0 .625em;
    color: #5e6a71;
    cursor: pointer
}

.compare-bar .compare-bar-content .drag_item .icon-drag-drop {
    cursor: pointer;
    font-size: 1.4375em;
    line-height: 1.875em
}

.compare-bar .compare-bar-content .box_attributes ul li {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5625
}

@media print {
    .compare-bar .compare-bar-content .box_attributes ul li {
        font-family: Arial, sans-serif
    }
}

.compare-bar .compare-bar-content .element_attributes ul li.hide {
    display: none
}

.compare-bar .compare-bar-content .box_attributes ul li,
.compare-bar .compare-bar-content .element_attributes ul li {
    list-style-type: none;
    border-bottom: 1px solid #d7d9db;
    padding: .625em 1.25em;
    min-height: 2.875em;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875em;
    line-height: 1.5625em
}

.compare-bar .compare-bar-content .box_attributes ul li.hide,
.compare-bar .compare-bar-content .element_attributes ul li.hide {
    display: none
}

.compare-bar .compare-bar-content .box_attributes ul li.attribute_unique.active,
.compare-bar .compare-bar-content .element_attributes ul li.attribute_unique.active {
    background-color: #f0f4f8
}

.compare-bar .compare-bar-content .box_attributes ul li:last-child,
.compare-bar .compare-bar-content .element_attributes ul li:last-child {
    border: 0 none
}

.compare-bar.has-overlay-open .compare-bar-content {
    display: block
}

.teaser-row {
    margin-bottom: 20px !important
}

.teaser-row .teaser-product {
    border: 1px solid #e0e0e0;
    border-radius: .21429em;
    min-height: 318px
}

.teaser-row .teaser-product h2 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    text-align: left;
    margin: 0;
    color: #000;
    padding: 10px 0;
    padding-left: 10px;
    position: relative
}

.teaser-row .teaser-product h2:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    border-top: .25em solid transparent;
    border-bottom: .25em solid transparent;
    border-left: .25em solid #000
}

.teaser-row .teaser-product h2 a {
    color: #000;
    display: block
}

.teaser-row .teaser-product .content {
    width: 100%;
    overflow: hidden
}

.teaser-row .teaser-product .content>div {
    width: 50%;
    float: left
}

.teaser-row .teaser-product ul {
    list-style-type: none;
    padding: 10px 0 10px 10px
}

.teaser-row .teaser-product ul li a {
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    font-size: .875em;
    text-decoration: underline;
    position: relative;
    display: block;
    color: #5e6a71;
    padding-bottom: 5px
}

@media print {
    .teaser-row .teaser-product ul li a {
        font-family: Arial, sans-serif
    }
}

.teaser-row .teaser-product .img-wrap {
    box-sizing: border-box;
    padding-bottom: 10px;
    position: relative;
    background-image: url("../image/product_shadow_big.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 85%
}

.teaser-row .teaser-product .img-wrap img {
    width: 100%;
    height: auto;
    display: block
}

.teaser-row .teaser-product.without-list h2:after {
    display: none
}

.teaser-row .teaser-product.without-list a {
    display: block
}

.teaser-row .teaser-product.without-list .img-wrap {
    float: right
}

.teaser-row .teaser-product.teaser-medium a {
    display: block;
    height: 100%
}

.teaser-row .teaser-product.teaser-medium h2:after {
    display: none
}

.teaser-row .teaser-product.teaser-medium .content {
    position: relative
}

.teaser-row .teaser-product.teaser-medium .content>div {
    width: 100%;
    position: relative;
    top: 0;
    left: 0
}

.teaser-row .teaser-product.teaser-medium .content .text-box {
    top: 100%;
    height: 100%;
    transition: top .3s ease-in-out;
    background-color: hsla(0, 0%, 100%, .9);
    z-index: 1;
    padding: 10px 30px;
    position: absolute
}

.teaser-row .teaser-product.teaser-medium .content .text-box p {
    color: #5e6a71;
    font-size: .875em;
    line-height: 1.5em
}

.teaser-row .teaser-product.teaser-medium .content:hover .text-box {
    top: 0
}

.teaser-row .teaser-product.teaser-medium .link {
    position: relative;
    display: block;
    color: #5e6a71;
    font-size: .875em;
    line-height: 1.5em;
    text-align: right;
    padding: 1.07143em;
    padding-right: 2.5em;
    font-weight: 700
}

.teaser-row .teaser-product.teaser-medium .link .arrow {
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71;
    margin-left: 1em;
    padding-right: 10px
}

.teaser-row.medium-row .columns,
.teaser-row.medium-row .teaser-medium {
    height: 100%
}

.teaser-row.medium-row .teaser-medium.same-height-ignore .link {
    position: absolute;
    bottom: 0;
    width: 100%
}

.pillar-wrapper-wrapper {
    margin: 0 auto
}

.pillars {
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.pillar-wrapper-bottom,
.pillar-wrapper-top {
    width: 20em;
    margin: 0 auto
}

.pillar-wrapper-bottom .pillar,
.pillar-wrapper-top .pillar.right {
    margin-top: 3.125em
}

html.opacity .pillar>ul>li>div.articles>div .article-wrapper ul li {
    left: 0
}

.pillar {
    text-align: center;
    width: 20em;
    padding-left: .625em;
    padding-right: .625em;
    padding-top: 3.75em;
    position: relative;
    float: left;
    clear: none
}

.pillar section>i {
    display: inline-block;
    position: absolute;
    top: -.07742em;
    left: .51613em;
    color: #7090b7;
    font-size: 9.6875em;
    z-index: 4;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pillar section>.masc {
    position: absolute;
    z-index: 3;
    width: 5em;
    height: 5em;
    left: 50%;
    margin-left: -2.5em;
    top: 1.25em;
    background-color: #fff
}

.pillar ul {
    list-style-type: none
}

.pillar section>ul {
    border: 1px solid #e0e0e0;
    border-radius: .1875em
}

.pillar section>ul>li:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}

.pillar section>ul>li:not(:first-child) {
    height: 8.875em
}

.pillar section>ul>li:nth-child(2)>div {
    top: -10px
}

.pillar section>ul>li:nth-child(3)>div {
    top: -150px
}

.pillar section>ul>li:nth-child(4)>div {
    top: -290px
}

.pillar section>ul>li.active>div {
    z-index: 5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    height: 30em;
    margin-top: 0
}

.pillar section>ul>li {
    text-align: center;
    border-top-radius: .1875em;
    border-top: 1px solid #fff;
    position: relative
}

.pillar section>ul>li .head {
    padding-right: 2.38095em !important
}

.pillar section>ul>li .head .head-close {
    font-size: 1.42857em;
    line-height: 1.3em;
    width: 1.3em;
    background: #fff;
    border: 1px solid #d7d9db;
    border-radius: .1em;
    position: absolute;
    top: .5em;
    right: .5em
}

.pillar section>ul>li .h2,
.pillar section>ul>li h2 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #5e6a71;
    margin: 0;
    padding: 4.28571em 0 1.19048em;
    background-color: #f0f4f8;
    text-align: center
}

.pillar section>ul>li a.pillar-closer {
    display: inline-block;
    color: #fff;
    font-size: .875em;
    line-height: 2.42857em;
    margin-top: 1.07143em;
    padding: 0 1.35714em;
    background-color: #5e6a71;
    border: 1px solid #525c62;
    border-radius: .21429em;
    margin: 0 auto
}

.pillar section>ul>li>div {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition-property: opacity;
    transition-property: margin-top;
    transition-duration: .5s;
    margin-top: -9.375em;
    width: 20em;
    height: 0;
    position: absolute;
    z-index: -1;
    left: -10px
}

.pillar section>ul>li>div>div {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    position: relative;
    border-radius: .1875em;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    height: 27.5em
}

.pillar section>ul>li>div.copy-link>div .head {
    font-size: 1.3125em;
    font-weight: 700;
    padding: .95238em;
    line-height: 1.33333em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.copy-link>div .copy {
    text-align: left;
    font-size: .875em;
    padding: 1.42857em
}

.pillar section>ul>li>div.copy-link>div .copy p {
    line-height: 1.5em;
    margin: 0 0 1.42857em
}

.pillar section>ul>li>div.copy-link>div .copy ul {
    list-style-type: none
}

.pillar section>ul>li>div.copy-link>div .copy ul li {
    background: url("../image/bullet.png") no-repeat 0;
    padding-left: 1.42857em;
    line-height: 1.5em
}

.pillar section>ul>li>div.copy-link>div>a {
    position: absolute;
    display: block;
    width: 22.71429em;
    bottom: 0;
    border-top: 1px solid #e0e0e0;
    line-height: 4.85714em;
    padding: 0 1.42857em;
    font-size: .875em;
    font-weight: 700;
    color: #5e6a71;
    text-align: left;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.copy-link>div>a .arrow {
    position: absolute;
    right: 1.42857em;
    top: 2em;
    border-left-color: #5e6a71
}

.pillar section>ul>li>div.order>div .head {
    font-size: 1.3125em;
    font-weight: 700;
    padding: 0 .95238em;
    height: 3.80952em;
    line-height: 3.80952em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.order>div>p {
    text-align: left;
    font-size: .875em;
    padding: 1.42857em 1.42857em 1.07143em;
    line-height: 1.5em
}

.pillar section>ul>li>div.order>div textarea {
    margin: 0 1.07143em;
    padding: .5em 1.78571em;
    width: 20.57143em;
    height: 16.07143em;
    font-size: .875em;
    line-height: 2em;
    background: url("../image/pillar_textarea_lines.png") top repeat-y;
    resize: none
}

.pillar section>ul>li>div.order>div>a {
    position: absolute;
    bottom: 1.42857em;
    left: 2.14286em;
    font-size: .875em;
    font-weight: 700;
    color: #5e6a71
}

.pillar section>ul>li>div.order>div input[type=submit] {
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: .85714em;
    right: 1.07143em;
    font-size: .875em;
    line-height: 1;
    padding: .64286em 1.35714em;
    background-color: #5e6a71;
    border: 1px solid #525c62;
    border-radius: .21429em
}

.pillar section>ul>li>div.articles>div a,
.pillar section>ul>li>div.articles>div div {
    color: #333
}

.pillar section>ul>li>div.articles>div .head {
    font-size: 1.3125em;
    font-weight: 700;
    padding: .95238em;
    line-height: 1.33333em
}

.pillar section>ul>li>div.articles>div>div.head {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.articles>div .article-wrapper {
    overflow: hidden;
    width: 19.875em;
    position: relative
}

.pillar section>ul>li>div.articles>div .article-wrapper ul {
    width: 43.75em;
    height: 18.75em;
    list-style-type: none
}

.pillar section>ul>li>div.articles>div .article-wrapper ul li {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 20em;
    width: 19.875em;
    height: 18.75em;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s
}

.pillar section>ul>li>div.articles>div .article-wrapper ul li.active {
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.pillar section>ul>li>div.articles>div .article-wrapper a {
    display: block
}

.pillar section>ul>li>div.articles>div .article-wrapper a.head {
    text-align: left
}

.pillar section>ul>li>div.articles>div .article-wrapper a.copy {
    padding: 0 1.42857em;
    text-align: left
}

.pillar section>ul>li>div.articles>div .article-wrapper a.copy,
.pillar section>ul>li>div.articles>div .article-wrapper a.read {
    font-size: .875em;
    line-height: 1.5em
}

.pillar section>ul>li>div.articles>div .article-wrapper a.read {
    font-weight: 700;
    color: #5e6a71;
    text-align: right;
    position: absolute;
    right: 1.42857em;
    bottom: 1.07143em
}

.pillar section>ul>li>div.articles>div .nav {
    border-top: 1px solid #e0e0e0;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff);
    text-align: left;
    position: absolute;
    bottom: 0;
    width: 19.875em;
    height: 2.625em
}

.pillar section>ul>li>div.articles>div .nav>a {
    position: relative;
    display: inline-block;
    height: 2.625em;
    width: 2.625em;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #fff
}

.pillar section>ul>li>div.articles>div .nav>a .arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.1875em;
    margin-top: -.3125em
}

.pillar section>ul>li>div.products>div>div {
    height: 9.375em;
    padding: 1.25em;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.products>div>div span.head {
    padding: .47619em;
    text-align: center;
    font-size: 1.3125em;
    font-weight: 700;
    color: #333;
    display: block
}

.pillar section>ul>li>div.products>div ul {
    position: absolute;
    width: 19.875em;
    bottom: 0
}

.pillar section>ul>li>div.products>div ul li {
    border-top: 1px solid #e0e0e0;
    text-align: left
}

.pillar section>ul>li>div.products>div ul li img {
    border-right: 1px solid #e0e0e0;
    width: 7.375em;
    float: left
}

.pillar section>ul>li>div.products>div ul li a.text {
    display: inline-block;
    width: 14.28571em;
    height: 8.42857em;
    font-size: .875em;
    float: left;
    padding: 1.42857em 1.42857em 0
}

.pillar section>ul>li>div.products>div ul li a.text .name {
    color: #7090b7;
    font-weight: 700;
    display: block;
    margin: .71429em 0
}

.pillar section>ul>li>div.products>div ul li a.text .number {
    font-size: 1.5em;
    color: #333;
    font-weight: 700
}

.pillar section>ul>li>div.products>div ul li a.text .copy {
    line-height: 1.5em;
    color: #333
}

.pillar section>ul>li>div.linklist>div>div,
.pillar section>ul>li>div.products>div ul li a.text:hover {
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.linklist>div>div {
    height: 9.375em;
    padding: 1.25em
}

.pillar section>ul>li>div.linklist>div>div span {
    color: #333;
    display: block
}

.pillar section>ul>li>div.linklist>div>div span.head {
    padding: .47619em;
    text-align: center;
    font-size: 1.3125em;
    font-weight: 700
}

.pillar section>ul>li>div.linklist>div>div span.copy {
    text-align: left;
    font-size: .875em;
    line-height: 1.5em
}

.pillar section>ul>li>div.linklist>div ul {
    position: absolute;
    width: 19.875em;
    bottom: 0
}

.pillar section>ul>li>div.linklist>div ul li {
    border-top: 1px solid #e0e0e0;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>div.linklist>div ul li a {
    display: block;
    line-height: 4.85714em;
    border-top: 1px solid #fff;
    padding: 0 1.42857em;
    font-size: .875em;
    font-weight: 700;
    color: #5e6a71;
    text-align: left;
    position: relative
}

.pillar section>ul>li>div.linklist>div ul li a .arrow {
    position: absolute;
    right: 1.42857em;
    top: 2em;
    border-left-color: #5e6a71
}

.pillar section>ul>li>a {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 8.75em;
    width: 18.625em;
    padding: .9375em;
    display: block;
    background: -owg-linear-gradient(#f7f7f7, #fff);
    background: linear-gradient(#f7f7f7, #fff)
}

.pillar section>ul>li>a.hovered,
.pillar section>ul>li>a:hover {
    z-index: 3;
    left: -10px;
    top: -10px;
    padding: 1.5625em;
    width: 20em;
    height: 10em;
    border-top-radius: .1875em;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}

.pillar section>ul>li>a.hovered span.subtitle,
.pillar section>ul>li>a:hover span.subtitle {
    display: none
}

.pillar section>ul>li>a.hovered span.title,
.pillar section>ul>li>a:hover span.title {
    padding-top: .95238em
}

.pillar section>ul>li>a.hovered span.details,
.pillar section>ul>li>a:hover span.details {
    display: inline-block;
    color: #fff;
    font-size: .875em;
    line-height: 2.42857em;
    margin-top: 1.07143em;
    padding: 0 1.35714em;
    background-color: #5e6a71;
    border: 1px solid #525c62;
    border-radius: .21429em
}

.pillar section>ul>li span.subtitle {
    color: #7090b7;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 1.78571em;
    display: block
}

@media print {
    .pillar section>ul>li span.subtitle {
        font-family: Arial, sans-serif
    }
}

.pillar section>ul>li span.title {
    color: #333;
    font-family: Helvetica Extended Light;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4375;
    padding-top: .47619em;
    display: block
}

.pillar section>ul>li span.details {
    display: none
}

@media (min-width:768px) {
    .pillar-wrapper-wrapper {
        width: 40em
    }

    .pillar-wrapper-bottom {
        width: 20em
    }

    .pillar-wrapper-top {
        width: 40em
    }

    .pillar-wrapper-top .pillar.right {
        margin-top: 0
    }
}

@media (min-width:980px) {
    .pillars {
        padding-top: 3.75em;
        padding-bottom: 0
    }
}

@media (min-width:1024px) {

    .pillar-wrapper-bottom,
    .pillar-wrapper-top {
        float: left
    }

    .pillar-wrapper-bottom .pillar,
    .pillar-wrapper-top .pillar {
        margin-top: 0
    }

    .pillar-wrapper-wrapper {
        width: 60em
    }
}

@media print {

    .pillar-wrapper-bottom,
    .pillar-wrapper-top {
        float: left;
        width: auto
    }

    .pillar-wrapper-bottom .pillar,
    .pillar-wrapper-top .pillar.right {
        margin-top: 0
    }
}

@media not print {
    .flip-scroll div.row.search-form {
        margin: 1.25em 0 .9375em
    }

    .flip-scroll div.row.search-form.custom hr {
        margin: 10px 0;
        padding: 0
    }

    .flip-scroll div.row.search-form a,
    .flip-scroll div.row.search-form p {
        line-height: 2.5em;
        vertical-align: middle
    }

    .flip-scroll div.row.search-form a,
    .flip-scroll div.row.search-form input,
    .flip-scroll div.row.search-form p {
        margin-bottom: 0
    }

    .flip-scroll div.row.search-form input {
        padding: .2em
    }

    .flip-scroll div.row.search-form a.button.postfix {
        padding: 0;
        text-align: center;
        background: -owg-linear-gradient(#5e6a71, #525c62);
        background: linear-gradient(#5e6a71, #525c62)
    }

    .flip-scroll div.row.search-form a.button.postfix i {
        position: relative;
        line-height: 1.4em;
        font-size: 2.08333em
    }

    .flip-scroll div.row.search-form p {
        color: #fff
    }

    .flip-scroll div.row.search-form input {
        border-top-left-radius: .25em;
        border-bottom-left-radius: .25em;
        padding: .83333em
    }

    .flip-scroll div.row.search-form a {
        box-shadow: none;
        border: 1px solid #485157;
        border-left-width: 0;
        border-top-right-radius: .25em;
        border-bottom-right-radius: .25em
    }

    .flip-scroll .dataTables_wrapper {
        *zoom: 1
    }

    .flip-scroll .dataTables_wrapper:after,
    .flip-scroll .dataTables_wrapper:before {
        content: " ";
        display: table
    }

    .flip-scroll .dataTables_wrapper:after {
        clear: both
    }

    .flip-scroll table {
        border-collapse: separate !important;
        border-width: 0;
        margin-bottom: .9375em
    }

    .flip-scroll table tr td,
    .flip-scroll table tr th {
        padding: .5625em .625em;
        text-align: left
    }

    .flip-scroll table thead {
        border-width: 0
    }

    .flip-scroll table thead tr.search-form th {
        background-color: #5e6a71;
        border-left: 1px solid #485157;
        border-top: 1px solid #485157;
        padding: 0
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper {
        display: none;
        overflow: hidden
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper>.row {
        margin: .625em 0
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns {
        margin-bottom: 0
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns.custom hr {
        margin: 10px 0;
        padding: 0
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns a,
    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns p {
        line-height: 2.5em;
        vertical-align: middle
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns a,
    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns input,
    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns p {
        margin-bottom: 0
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns input {
        padding: .2em
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns a.button.postfix {
        padding: 0;
        text-align: center;
        background: -owg-linear-gradient(#5e6a71, #525c62);
        background: linear-gradient(#5e6a71, #525c62)
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns a.button.postfix i {
        position: relative;
        line-height: 1.4em;
        font-size: 2.08333em
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns p {
        color: #fff
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns input {
        border-top-left-radius: .25em;
        border-bottom-left-radius: .25em;
        padding: .83333em
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns a {
        box-shadow: none;
        border: 1px solid #485157;
        border-left-width: 0;
        border-top-right-radius: .25em;
        border-bottom-right-radius: .25em
    }

    .flip-scroll table thead tr.search-form th #search-form-animation-wrapper .columns input {
        border-color: #485157
    }

    .flip-scroll table thead tr th:first-child {
        border-left-width: 0
    }

    .flip-scroll table thead tr th {
        font-weight: 700;
        font-size: .75em;
        white-space: nowrap;
        background-color: #5e6a71
    }

    .flip-scroll table thead tr th #browse-table a,
    .flip-scroll table thead tr th #close-search a {
        border-style: solid;
        border-width: 0 0 1px;
        border-color: #485157;
        border-top-left-radius: .21429em;
        border-top-right-radius: .21429em;
        box-shadow: none
    }

    .flip-scroll table thead tr th #browse-table a i,
    .flip-scroll table thead tr th #close-search a i {
        line-height: 2.57143em
    }

    .flip-scroll table thead tr th i.icon-close-bold {
        line-height: 0 !important;
        top: 1.0625em;
        right: .4375em !important
    }

    .flip-scroll table thead tr th i.header-sort-down {
        margin-right: .16667em
    }

    .flip-scroll table thead tr th i {
        top: 50%;
        position: absolute
    }

    .flip-scroll table thead tr th i.icon-tool-nav-search {
        top: 0
    }

    .flip-scroll table thead tr th i.arrow.down {
        border-top-color: #fff;
        top: 15px;
        right: 10px
    }

    .flip-scroll table thead tr th a {
        position: relative;
        line-height: 3.125em;
        padding: 0 2.5em 0 .625em;
        color: #fff;
        display: block
    }

    .flip-scroll table thead tr th a:hover,
    .flip-scroll table thead tr th a:visited {
        color: #fff
    }

    .flip-scroll table thead tr.search-form th {
        font-size: .875em
    }

    .flip-scroll table thead tr.search-form input.dataTables_filter {
        margin-left: 10px\9
    }

    .flip-scroll table thead tr:first-child {
        padding: 0
    }

    .flip-scroll table thead tr:first-child th {
        line-height: 0;
        background-color: #fff
    }

    .flip-scroll table thead tr:first-child th a {
        margin: 0;
        position: relative;
        background-color: #5e6a71;
        line-height: 1.5625em;
        padding: .625em;
        text-align: left;
        width: 15em
    }

    .flip-scroll table thead tr:first-child th a i {
        color: #fff;
        position: absolute;
        right: .625em
    }

    .flip-scroll table thead tr.header-of-table th {
        border-left: 1px solid #485157
    }

    .flip-scroll table thead tr.header-of-table th>div {
        position: relative;
        padding: 0 2.5em 0 0;
        color: #fff;
        display: block;
        cursor: pointer
    }

    .flip-scroll table thead tr.header-of-table th>div .arrow.down {
        border-top: 5px solid #6e797f
    }

    .flip-scroll table thead tr.header-of-table th>div .arrow.up {
        border-bottom: 5px solid #6e797f
    }

    .flip-scroll table thead tr.header-of-table th>div .icon-remove,
    .flip-scroll table thead tr.header-of-table th>div i.arrow.down,
    .flip-scroll table thead tr.header-of-table th>div i.header-sort-up {
        color: #6e797f;
        line-height: 3.33333em;
        right: .83333em
    }

    .flip-scroll table thead tr.header-of-table th>div i.header-sort-up {
        right: 0
    }

    .flip-scroll table thead tr.header-of-table th.sorting_desc>div .arrow.down {
        border-top: 5px solid #fff
    }

    .flip-scroll table thead tr.header-of-table th.sorting_asc>div i.header-sort-up,
    .flip-scroll table thead tr.header-of-table th.sorting_desc>div i.header-sort-down {
        color: #fff
    }

    .flip-scroll table thead tr.header-of-table th.sorting_asc>div .arrow.up {
        border-bottom: 5px solid #fff
    }

    .flip-scroll table thead tr.header-of-table th:first-child {
        border-top-left-radius: .3125em
    }

    .flip-scroll table tbody {
        border-width: 0
    }

    .flip-scroll table tbody tr.alt,
    .flip-scroll table tbody tr.even,
    .flip-scroll table tbody tr:nth-of-type(2n) {
        background-color: #f7f7f7
    }

    .flip-scroll table tbody td {
        font-size: .75em;
        color: #333;
        border-left: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db
    }

    .flip-scroll table tbody tr:first-child td {
        border-top-width: 0
    }

    .flip-scroll table tbody tr:last-child td {
        border-bottom: 1px solid #d7d9db
    }

    .flip-scroll table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 0
    }

    .flip-scroll table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 0
    }

    .flip-scroll table tbody td:first-child {
        border-left: 1px solid #485157
    }

    .flip-scroll table tbody td:last-child {
        border-right: 1px solid #d7d9db
    }

    .flip-scroll table tbody tr.closed-row td {
        border-top: 1px solid #485157
    }

    .flip-scroll table.basket tbody td {
        font-size: 14px
    }

    .flip-scroll table.basket a {
        color: #5e6a71;
        font-weight: 700
    }

    .flip-scroll table.basket a:hover {
        text-decoration: underline
    }

    .flip-scroll table.basket thead tr.header-of-table th>div {
        padding-right: 0
    }

    .flip-scroll .basket tbody td {
        vertical-align: top
    }

    .flip-scroll .basket thead th:first-child {
        text-align: left
    }

    .flip-scroll .basket thead th {
        text-align: right
    }

    .flip-scroll .basket tfoot td {
        padding: .5625em 0 0 .625em;
        font-size: .875em
    }

    .flip-scroll .basket .total_sum td {
        font-size: 1.5em
    }
}

@media screen and (max-width:767px) {
    .flip-scroll {
        margin-bottom: 20px
    }

    .flip-scroll table.normal tbody tr,
    .flip-scroll table.normal thead {
        display: table-row;
        float: none
    }

    .flip-scroll table.normal thead tr th {
        display: block
    }

    .flip-scroll table.normal thead tr td {
        border-top: none;
        display: table-cell
    }

    .flip-scroll table.normal tbody tr td:first-child {
        border-left: 1px solid #485157
    }

    .flip-scroll table.normal tbody tr td:last-child {
        border-right: 1px solid #485157
    }

    .flip-scroll table.normal tbody tr:last-child td:first-child {
        border-bottom-left-radius: .3125em
    }

    .flip-scroll table.normal tbody tr:last-child td:last-child {
        border-bottom-right-radius: .3125em
    }

    .flip-scroll table.normal tbody tr:last-child td {
        border-bottom: 1px solid #485157
    }

    .flip-scroll table.normal tbody tr.closed-row td {
        border-top: 1px solid #485157;
        border-left: none
    }

    .flip-scroll table.normal tbody tr.closed-row td:first-child {
        border-left: 1px solid #485157
    }

    .flip-scroll table tbody td:last-child,
    .flip-scroll table tbody tr.closed-row td,
    .flip-scroll table tbody tr:last-child td {
        border-color: #d7d9db
    }

    .flip-scroll table tbody tr:last-child td:first-child {
        border-radius: 0
    }

    .flip-scroll table tbody tr.closed-row td:last-child {
        border-top: none
    }

    .flip-scroll table tbody tr.closed-row td {
        border-left-width: 1px;
        border-left-style: solid
    }

    .flip-scroll table thead tr.header-of-table th>div {
        line-height: normal
    }

    .lt-ie10 .flip-scroll.single {
        overflow: auto
    }

    .lt-ie10 .flip-scroll table thead tr.header-of-table th>div {
        line-height: 3.33333em;
        padding: 0 2.5em 0 0
    }
}

@media screen and (min-width:1024px) {
    .flip-scroll {
        margin-bottom: 3.75em
    }

    .flip-scroll div.search-form {
        display: none
    }

    .flip-scroll tr.header-of-table th>div {
        line-height: 3.33333em
    }

    .flip-scroll table tbody tr:last-child td {
        border-bottom: 1px solid #485157
    }

    .flip-scroll table tbody tr:last-child td:first-child {
        border-bottom-left-radius: .3125em
    }

    .flip-scroll table tbody tr:last-child td:last-child {
        border-bottom-right-radius: .3125em
    }

    .flip-scroll table tbody td:last-child {
        border-right: 1px solid #485157
    }

    .flip-scroll table td.pdf {
        text-align: center
    }

    .flip-scroll table tr.search-form-toggle-row th {
        padding: 0
    }
}

@media screen and (max-width:1023px) {
    .flip-scroll table {
        width: 100%;
        display: block;
        position: relative;
        border-collapse: collapse;
        border-spacing: 0;
        border-color: #bbb;
        overflow-x: auto;
        overflow-y: hidden
    }

    .flip-scroll table tr td,
    .flip-scroll table tr th {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
        vertical-align: top;
        border-width: 0
    }

    .flip-scroll table thead {
        display: block;
        float: left
    }

    .flip-scroll table thead tr {
        display: block
    }

    .flip-scroll table thead tr th {
        text-align: left;
        display: block;
        border-bottom: 1px solid #485157;
        border-left: 1px solid #485157;
        height: 2.85714em
    }

    .flip-scroll table thead tr th>div {
        line-height: 2em;
        text-align: left
    }

    .flip-scroll table thead tr th>div i {
        display: none
    }

    .flip-scroll table thead tr td:last-child,
    .flip-scroll table thead tr th:last-child {
        border-bottom: 1px solid #485157
    }

    .flip-scroll table thead tr th:last-child {
        border-bottom-left-radius: .3125em
    }

    .flip-scroll table thead tr th:first-child {
        border-top: 1px solid #485157;
        border-top-left-radius: .3125em
    }

    .flip-scroll table thead tr:first-child,
    .flip-scroll table thead tr:last-child {
        display: none
    }

    .flip-scroll table tbody {
        display: block;
        width: auto;
        position: relative;
        white-space: nowrap
    }

    .flip-scroll table tbody tr:last-child td {
        border-right: 1px solid #485157
    }

    .flip-scroll table tbody tr:last-child td:first-child {
        border-top-right-radius: .1875em
    }

    .flip-scroll table tbody tr:last-child td:last-child {
        border-bottom-right-radius: .1875em
    }

    .flip-scroll table tbody tr {
        display: inline-block;
        vertical-align: top
    }

    .flip-scroll table tbody tr td:first-child {
        border-top: 1px solid #485157;
        border-left: none;
        border-top: 1px solid #d7d9db
    }

    .flip-scroll table tbody tr td.pdf img {
        height: 100%;
        width: auto
    }

    .flip-scroll table tbody tr td {
        display: block;
        white-space: nowrap;
        height: 2.85714em;
        padding: .71429em;
        text-align: left;
        border-right: 1px solid #d7d9db;
        border-bottom: 1px solid #d7d9db
    }
}

.checkout a {
    color: #5e6a71
}

.checkout .button,
.checkout button {
    margin-bottom: .625em;
    color: #fff;
    font-weight: 700
}

.checkout form.custom fieldset input:invalid,
.checkout form.custom fieldset textarea:invalid {
    border-color: #d7d9db
}

.checkout .sub_header {
    font-style: italic;
    font-weight: 400
}

.checkout .box_header a {
    color: #fff
}

.checkout input[readonly],
.checkout select[readonly] {
    background-color: #f7f7f7;
    border: 1px inset #d7d9db
}

.checkout .sticky_wrapper {
    z-index: 0
}

.checkout .sidebar h3 {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: .5em;
    border-bottom: 1px solid #5e6a71;
    padding-bottom: .5em
}

.checkout .sidebar .box {
    padding-bottom: .625em !important;
    font-size: .875em;
    line-height: 1.25em
}

#sidebar_summary li {
    margin: .25em 0;
    padding: .25em 0;
    border-bottom: 1px solid #f7f7f7
}

#sidebar_summary table {
    margin-bottom: 1em;
    width: 100%
}

#sidebar_summary td {
    padding: .25em 0;
    border-bottom: 1px solid #f7f7f7
}

#sidebar_summary td.text-right:first-child {
    text-align: left !important
}

#sidebar_summary tfoot tr:first-child td {
    border-top: 2px solid #5e6a71
}

.m-combi {
    border: 1px solid #d7d9db;
    border-radius: .3125em;
    max-height: 430px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in
}

@media print {
    .m-combi {
        max-height: none
    }
}

.m-combi.opened {
    max-height: 0;
    height: auto
}

.m-combi .table {
    height: auto;
    position: relative;
    margin-bottom: 35px
}

@media print {
    .m-combi .table {
        margin-bottom: 0
    }
}

.m-combi .combi-btn {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    outline: none;
    color: #6e797f;
    font-size: .8125em;
    font-weight: 700;
    height: 5.38462em;
    background-color: #fff;
    background: -owg-linear-gradient(transparent, #fff);
    background: linear-gradient(transparent, #fff);
    padding-top: 3.07692em
}

@media print {
    .m-combi .combi-btn {
        display: none
    }
}

.m-combi .combi-btn .opened {
    display: none
}

.m-combi .row {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #d7d9db
}

.m-combi .row .columns:first-child {
    background-color: #fff
}

.m-combi .row .columns {
    box-sizing: border-box;
    padding: 0
}

.m-combi .row:nth-child(2n) .text-wrapper {
    background-color: #f7f7f7
}

.m-combi .img-wrapper {
    height: 80px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center
}

.m-combi .img-wrapper img {
    width: auto;
    height: 100%;
    display: inline-block
}

.m-combi .text-wrapper {
    box-sizing: border-box;
    padding-left: 10px;
    border-left: 1px solid #d7d9db
}

.m-combi .text-wrapper p {
    margin-bottom: 0;
    color: #5e6a71
}

.m-combi .text-wrapper p:first-child {
    padding-top: 22px;
    font-weight: 700
}

.m-combi .text-wrapper p:last-child {
    padding-bottom: 20px
}

.results table thead tr.header-of-table th {
    line-height: 0;
    background-color: #5e6a71
}

.results table thead tr.header-of-table div {
    cursor: default
}

.results table tbody tr.closed-row td {
    border-top: 1px solid #485157
}

.results table a:hover {
    text-decoration: none
}

.results table#results-table thead tr.header-of-table div {
    cursor: pointer
}

.results table#results-table tr.link_detail:hover {
    background-color: #e0e0e0;
    cursor: pointer
}

#results-table_first,
#results-table_last {
    display: none !important
}

.lt-ie9 #results-table .row {
    margin: 0
}

.register_options p {
    font-size: .875em;
    margin: .5em 0
}

.register_options h3 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 700
}

#google-map-wrapper {
    margin-top: 1.25em;
    min-height: 470px
}

#google-map-wrapper img {
    max-width: none
}

#google-map-locations .locations {
    position: relative;
    margin-bottom: 1.25em;
    background-color: #fff;
    background: url("../image/logo_small.png") no-repeat #fff 16.25em 2.5em;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15);
    border-radius: .1875em;
    width: 100%;
    min-width: 420px;
    padding: 1.25em
}

@media (max-width:1023px) {
    #google-map-locations .large-offset-2 {
        margin-left: auto
    }

    #google-map-locations .large-7 {
        width: 100%
    }
}

#google-map-canvas {
    width: 100%;
    margin-top: 1.8125em;
    height: 15.625em;
    margin: 0 auto;
    border-top: 1px solid #f0f4f8
}

#google-map-wrapper-header {
    margin: 1.25em 0
}

#google-map-wrapper-header img {
    max-width: none
}

#google-map-wrapper-header #google-map-locations .locations {
    position: relative;
    margin-bottom: 1.25em;
    background-color: #fff;
    background: url("../image/logo_small.png") no-repeat #fff 16.25em 2.5em;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15);
    border-radius: .1875em;
    width: 100%;
    min-width: 420px;
    padding: 1.25em
}

#google-map-wrapper-header #google-map-canvas-header {
    width: 100%;
    margin-top: 1.8125em;
    height: 28.125em;
    margin: 0 auto;
    border-top: 1px solid #f0f4f8
}

#google-map-wrapper-header #google-map-locations-header {
    position: relative
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header {
    padding: 0;
    border-top: 0;
    position: relative
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header {
    display: none;
    position: absolute;
    z-index: 10;
    top: 13em;
    left: 1.25em;
    background-color: hsla(0, 0%, 97%, .6);
    width: auto;
    height: auto;
    padding: 0 1em 0 0;
    border-radius: 0;
    box-shadow: none
}

@media (min-width:768px) {
    #google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header {
        display: block
    }
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul {
    padding: 0;
    margin: 0;
    padding-top: 15px
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25;
    font-size: 16px;
    line-height: 1;
    display: block;
    color: #5e6a71;
    padding-bottom: 15px;
    position: relative;
    padding-left: 40px;
    word-break: normal
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li i {
    width: 25px;
    height: 25px;
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7Ce32318");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: -5px
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li[data-color=e32318] i {
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7Ce32318")
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li[data-color="7290b4"] i {
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7C7290b4")
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li[data-color="7ba494"] i {
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7C7ba494")
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li[data-color=cf894e] i {
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7Ccf894e")
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li[data-color=b1a76a] i {
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7Cb1a76a")
}

#google-map-wrapper-header #google-map-locations-header .locations-select-header .locations-select-inner-header ul li[data-color=dccf69] i {
    background-image: url("https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2%7Cdccf69")
}

@media (min-width:768px) {
    #google-map-canvas {
        height: 21.875em
    }

    #google-map-canvas-header {
        height: 29.375em
    }
}

@media (min-width:1024px) {
    #google-map-locations {
        position: relative
    }

    #google-map-locations .locations-select {
        padding: 0;
        border-top: 0
    }

    #google-map-locations .locations-select .locations-select-inner {
        position: absolute;
        z-index: 10;
        top: 8.5em;
        background-color: #fff;
        min-width: 26.25em;
        padding: 1.25em;
        border-radius: .1875em;
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3)
    }

    #google-map-locations .locations-select .locations-select-inner img {
        right: 2.5em;
        top: 2.5em
    }

    #google-map-locations .locations-select .locations-select-inner .handles {
        left: 0;
        top: -2em
    }

    #google-map-locations .locations-select .locations-select-inner ul {
        padding: 0;
        margin-top: 3.125em;
        margin-left: 1.25em;
        margin-right: 0
    }

    #google-map-locations .locations-select .locations-select-inner ul li b {
        margin-right: 8.75em
    }

    #google-map-locations .locations-select .locations-select-inner ul li .title {
        font-family: Helvetica Extended Light;
        font-weight: 400;
        font-size: 32px;
        line-height: 1.25;
        font-size: 21px;
        margin-bottom: 1.19048em;
        margin-top: 1.42857em
    }

    #google-map-canvas {
        height: 29.375em
    }
}

.our-products-teaser img {
    float: none
}

.our-products-teaser h2 {
    padding-left: 0
}

.our-products-teaser>:not(img) {
    margin-left: 0
}

@media (min-width:768px) {
    .our-products-teaser img {
        float: left;
        width: 50%
    }

    .our-products-teaser>:not(img) {
        margin-left: 52%
    }
}

@media (min-width:980px) {
    .our-products-teaser img {
        float: left;
        width: 222px
    }

    .our-products-teaser>:not(img) {
        margin-left: 229px
    }
}

@media not print {
    #product-detail .flip-scroll {
        margin: 0
    }
}

#product-detail h3 {
    margin: 1em 0
}

#product-detail .address {
    margin: 1em 0;
    line-height: 1.2em
}

@media (max-width:767px) {
    .lt-ie10 #product-detail>.row {
        margin-top: 20px
    }
}

@media screen and (max-width:767px) {
    #product-detail .flip-scroll table.normal {
        display: table
    }

    #product-detail .flip-scroll table.normal tbody,
    #product-detail .flip-scroll table.normal thead {
        line-height: 1;
        font-size: 16px;
        display: table-row-group
    }

    #product-detail .flip-scroll table.normal tbody td,
    #product-detail .flip-scroll table.normal thead th {
        font-size: .75em;
        height: auto;
        line-height: normal;
        padding: .5625em .625em
    }

    #product-detail .flip-scroll table.normal thead th {
        border-bottom-left-radius: 0;
        border-right: 1px solid #485157
    }

    #product-detail .flip-scroll table.normal thead th div {
        padding: 0;
        cursor: default;
        line-height: 35px
    }

    #product-detail .flip-scroll table thead tr:first-child,
    #product-detail .flip-scroll table thead tr:last-child {
        display: block
    }

    #product-detail .flip-scroll table thead th div {
        line-height: 35px
    }

    #product-detail .flip-scroll table tbody {
        font-size: 0;
        line-height: 0
    }

    #product-detail .flip-scroll table tbody td,
    #product-detail .flip-scroll table thead th {
        font-size: 12px;
        height: 35px;
        line-height: 35px;
        padding-top: 0;
        padding-bottom: 0
    }

    .lt-ie10 #product-detail .flip-scroll .expand {
        margin-bottom: 0
    }

    .lt-ie10 #product-detail .flip-scroll.single .row .results.columns {
        margin-top: 0
    }
}

.product .tagtable-selectors {
    padding-bottom: 1.42857em;
    border-bottom: 1px solid #d7d9db
}

.product .tagtable-selectors>ul {
    margin-bottom: 0
}

.product .tagtable-selectors>ul li {
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0;
    margin-right: .71429em;
    margin-bottom: .71429em
}

.product .tagtable-selectors>ul li a {
    position: relative;
    display: block;
    color: #999;
    border: 1px solid #d7d9db;
    padding-left: 2.5em;
    padding-right: .57143em;
    line-height: 1.71429em;
    border-radius: .28571em;
    outline: none
}

.product .tagtable-selectors>ul li a .label {
    border-left: 1px solid #d7d9db;
    padding-left: .57143em;
    margin-left: .28571em
}

.product .tagtable-selectors>ul li a:before {
    font-size: 1.57143em;
    padding: 0 .22727em;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.product .tagtable-selectors>ul li.active a {
    color: #5e6a71;
    border-color: #5e6a71
}

.product .tagtable-selectors>ul li.active a:before {
    color: #fff;
    background: #5e6a71
}

.product .tagtable-selectors form {
    float: right
}

@media not print {
    .product .flip-scroll thead th {
        background-color: #5e6a71
    }
}

.product .download-table-section .meta-nav .dropdown-handle {
    display: block;
    border-right-width: 0;
    margin-right: 0;
    margin-left: -3px
}

.product .download-table-section .meta-nav .dropdown-handle:first-child {
    border-bottom: 1px solid #d7d9db;
    margin-left: 0
}

.product .download-table-section .meta-nav .dropdown-handle .filter-name,
.product .download-table-section .meta-nav .dropdown-handle .language-name {
    display: inline
}

.product .download-table-section .dropdown-wrapper-download {
    height: 0
}

.product .download-table-section .dropdown-wrapper-download ul {
    display: none
}

.product .download-table-section .dropdown-wrapper-download ul:first-child {
    margin-left: 0
}

.product .download-table-section .dropdown-wrapper-download li {
    padding-left: 0
}

.product .download-table-section .dropdown-wrapper-download .dropdown {
    top: -4.125em !important
}

@media not print {
    .product .download-table-section .flip-scroll .downloads-table {
        padding-bottom: 0;
        overflow-x: inherit;
        overflow-y: inherit
    }

    .product .download-table-section .flip-scroll .downloads-table thead {
        position: absolute;
        display: block;
        width: 120px;
        z-index: 1
    }

    .product .download-table-section .flip-scroll .downloads-table thead tr {
        padding: 0
    }

    .product .download-table-section .flip-scroll .downloads-table thead tr:first-child th {
        padding-top: 0;
        padding-bottom: 0
    }

    .product .download-table-section .flip-scroll .downloads-table thead th {
        height: 42px
    }

    .product .download-table-section .flip-scroll .downloads-table thead .header-of-table {
        display: block
    }

    .product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline {
        cursor: pointer;
        position: relative;
        font-size: 14px
    }

    .product .download-table-section .flip-scroll .downloads-table thead .tablesorter-header {
        cursor: pointer
    }

    .product .download-table-section .flip-scroll .downloads-table thead .tablesorter-header:focus {
        outline: none
    }

    .product .download-table-section .flip-scroll .downloads-table thead .tablesorter-header.tablesorter-headerAsc .headline:before,
    .product .download-table-section .flip-scroll .downloads-table thead .tablesorter-header.tablesorter-headerDesc .headline:before {
        color: #5e6a71
    }

    .product .download-table-section .flip-scroll .downloads-table thead .tablesorter-header-inner {
        line-height: 50px
    }

    .product .download-table-section .flip-scroll .downloads-table thead th {
        border: 1px solid #d7d9db;
        border-top-width: 0;
        border-left-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        background-color: #fff;
        padding-left: 10px;
        height: 50px
    }

    .product .download-table-section .flip-scroll .downloads-table thead th:first-child {
        border-top-width: 1px;
        border-left-width: 1px;
        height: 52px;
        background-color: #fff
    }

    .product .download-table-section .flip-scroll .downloads-table thead th:last-child {
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        margin-bottom: 0
    }

    .product .download-table-section .flip-scroll .downloads-table thead th div {
        font-weight: 700;
        color: #5e6a71
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 120px
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr {
        background-color: #fff
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr.hide {
        display: none
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr td {
        font-size: 14px;
        height: 50px
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr td:first-child {
        text-align: center;
        padding-top: .71429em;
        height: 52px;
        border-left-color: #d7d9db
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr td:last-child {
        border-right-color: #d7d9db;
        border-bottom-color: #d7d9db
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr td a {
        display: inline-block;
        width: 25px
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr:last-child td {
        border-bottom-color: #d7d9db;
        border-right-color: #d7d9db
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table tr.active {
        display: inline-block
    }
}

.product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline {
    padding-left: 25px
}

.product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline:before {
    position: absolute;
    display: inline-block;
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 22px;
    left: 0;
    top: 13px;
    color: #d7d9db
}

@media print {
    .product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline {
        padding-left: 0
    }

    .product .download-table-section .flip-scroll .downloads-table thead .header-of-table .headline:before {
        display: none
    }
}

.product .download-table-section .filter-section {
    margin-bottom: 20px
}

.product .download-table-section .filter-section .table-headline {
    color: #7090b7;
    margin-top: 30px
}

.product .show-more {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    height: 42px;
    border-top-width: 0;
    cursor: pointer;
    border-bottom-left-radius: .21429em;
    border-bottom-right-radius: .21429em;
    color: #fff !important;
    background: #5e6a71;
    border: 1px solid #525c62 !important;
    box-shadow: none
}

.product .show-more,
.product .show-more span {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.product .show-more span {
    line-height: 3.33333em;
    position: relative;
    color: inherit
}

.product .show-more span i {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -15px;
    border-top-color: #fff;
    border-bottom-color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.product .show-more .opened {
    display: none
}

.table-holder {
    margin-top: 1.875em
}

@media (min-width:768px) {
    .product .tagtable-selectors>ul li:first-child {
        padding-right: .71429em;
        border-right: 1px solid #d7d9db
    }

    .product .download-table-section .meta-nav .dropdown-handle {
        display: inline-block;
        border-right-width: 1px;
        margin-right: 0
    }

    .product .download-table-section .meta-nav .dropdown-handle:first-child {
        border-bottom: 0
    }

    .product .download-table-section .dropdown-wrapper-download .dropdown {
        top: -1.25em !important
    }
}

@media screen and (min-width:768px) {
    .product .download-table-section .flip-scroll .downloads-table thead {
        width: 20%
    }

    .product .download-table-section .flip-scroll .downloads-table thead th {
        border-width: 0;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px
    }

    .product .download-table-section .flip-scroll .downloads-table thead th:first-child {
        border-top-width: 1px
    }

    .product .download-table-section .flip-scroll .downloads-table .body-of-table {
        padding-left: 20%
    }

    .product .download-table-section .flip-scroll .downloads-table tbody tr td:first-child {
        padding-top: 0;
        padding-bottom: 0
    }

    .product .download-table-section .flip-scroll .downloads-table tbody tr.active {
        display: table-row
    }
}

@media (min-width:1024px) {
    .product .show-more:hover {
        background-color: #525d63
    }

    .product .show-more:hover span {
        color: #fff
    }

    .product .show-more:hover .opened i {
        border-bottom-color: #fff
    }

    .product .show-more:hover .closed i {
        border-top-color: #fff
    }

    .product .table-holder {
        transition: all .3s ease-in
    }

    .product .table-holder.is-foldable {
        overflow: hidden;
        position: relative
    }

    .product .table-holder.is-foldable .body-of-table tr:last-child td:first-child {
        border-bottom-left-radius: 0
    }

    .product .table-holder.is-foldable .body-of-table tr:last-child td:last-child {
        border-bottom-right-radius: 0
    }

    .product .table-holder.is-foldable.is-unfolded+.show-more .opened {
        display: inline;
        border-bottom-color: #5e6a71
    }

    .product .table-holder.is-foldable.is-unfolded+.show-more .closed {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .product .download-table-section .flip-scroll .downloads-table thead {
        position: relative;
        display: table-header-group;
        width: 100%;
        z-index: 1
    }

    .product .download-table-section .flip-scroll .downloads-table thead .header-of-table {
        display: table-row
    }

    .product .download-table-section .flip-scroll .downloads-table thead .tablesorter-header-inner div {
        line-height: 3.33333em
    }

    .product .download-table-section .flip-scroll .downloads-table thead th {
        border-width: 0;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0
    }

    .product .download-table-section .flip-scroll .downloads-table thead th:last-child {
        border-top-right-radius: .30769em;
        border-left-width: 0
    }
}

.c-product-teaser {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #d7d9db;
    border-radius: 3px
}

@media (min-width:768px) {
    .c-product-teaser {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.c-product-teaser+.c-product-teaser {
    margin-top: 20px
}

.c-product-teaser__img-wrapper {
    display: block;
    text-align: center;
    padding: 20px
}

@media (min-width:768px) {
    .c-product-teaser__img-wrapper {
        width: 18.75%;
        -ms-flex-preferred-size: 18.75%;
        flex-basis: 18.75%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-right: 1px solid #d7d9db
    }
}

.c-product-teaser__img {
    max-width: 100%
}

.c-product-teaser__content-wrapper {
    display: block;
    padding: 20px
}

.c-product-teaser__content-wrapper:last-child {
    padding-bottom: 20px
}

@media (min-width:768px) {
    .c-product-teaser__content-wrapper {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }
}

.c-product-teaser__headlines-wrapper {
    display: block;
    margin-bottom: 30px
}

.c-product-teaser__headlines-wrapper:last-child {
    margin-bottom: 0
}

.c-product-teaser__headline {
    color: #5e6a71;
    margin-bottom: 20px
}

.c-product-teaser__copy-wrapper,
.c-product-teaser__subheadline {
    color: #5e6a71
}

.c-product-teaser__copy-wrapper p,
.c-product-teaser__copy-wrapper ul {
    margin-bottom: 10px
}

.c-product-teaser__copy-wrapper p:last-child,
.c-product-teaser__copy-wrapper ul:last-child {
    margin-bottom: 0
}

.c-product-teaser__copy-wrapper ul {
    list-style: none
}

.c-product-teaser__copy-wrapper ul li {
    background: url("../image/bullet.png") no-repeat 0;
    padding-left: 15px;
    margin: 5px 0
}

.c-product-teaser__copy-wrapper ul li:last-child {
    margin-bottom: 0
}

.c-product-teaser__aside-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 20px 20px
}

@media (min-width:768px) {
    .c-product-teaser__aside-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: right;
        padding: 20px 20px 20px 0
    }
}

.c-product-teaser__price-wrapper {
    text-align: right
}

@media (min-width:768px) {
    .c-product-teaser__price-wrapper {
        margin-bottom: 20px
    }
}

.c-product-teaser__price {
    color: #5e6a71;
    margin-bottom: 10px
}

.c-product-teaser__price-subline {
    color: #999;
    margin-bottom: 20px
}

.c-product-teaser__price-check {
    color: #5e6a71
}

.c-product-teaser__compare {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

@media (min-width:768px) {
    .c-product-teaser__compare {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-top: auto
    }
}

.c-product-teaser__compare form.custom fieldset .c-product-teaser__compare-label {
    color: #5e6a71;
    margin: 0
}

.c-product-teaser__compare form.custom fieldset .c-product-teaser__compare-label .checkbox {
    margin-right: 5px
}

.c-product-teaser__headline:after,
.c-product-teaser__price-check:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #5e6a71;
    transition: transform .2s ease
}

.c-product-teaser__headline:hover:after,
.c-product-teaser__price-check:hover:after {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.ms-parent .ms-choice {
    outline: none
}

.ms-parent .ms-choice div:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #fff transparent transparent;
    border-top-style: solid
}

.ms-parent .ms-drop {
    width: auto;
    min-width: 100%;
    border-radius: 0;
    box-shadow: none
}

.ms-parent .ms-drop label {
    white-space: nowrap;
    clear: left;
    color: #fff !important;
    padding-right: 1.42857em
}

.ms-parent .ms-drop label input {
    display: block;
    float: left;
    margin: .64286em .35714em 0 0
}

.dataTables_wrapper .dataTables_info {
    text-align: center;
    padding-bottom: 1em
}

.dataTables_paginate .first,
.dataTables_paginate .previous {
    width: 20%;
    float: left
}

.dataTables_paginate .last,
.dataTables_paginate .next {
    width: 20%;
    float: right;
    text-align: right
}

.dataTables_paginate span {
    width: 60%;
    text-align: center;
    float: left
}

.dataTables_paginate span a {
    margin: 0 5px
}

.dataTables_paginate .paginate_button_disabled {
    visibility: hidden
}

.dataTables_paginate .paginate_active {
    font-weight: 700
}

.to-top-wrapper {
    position: fixed;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    z-index: 10
}

@media print {
    .to-top-wrapper {
        display: none
    }
}

.to-top-wrapper .outer {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    position: static
}

.to-top-wrapper .inner {
    position: relative
}

.to-top-wrapper .to-top {
    height: 40px;
    line-height: 40px;
    width: 45px;
    position: absolute;
    bottom: 0;
    right: 15px;
    text-align: center;
    transition: all .3s ease-in-out
}

@media (min-width:1400px) {
    .to-top-wrapper .to-top {
        right: -40px
    }
}

.to-top-wrapper .to-top:after {
    height: 35px;
    width: 35px;
    background-color: rgba(112, 144, 183, .6);
    left: 5px
}

.to-top-wrapper .to-top:after,
.to-top-wrapper .to-top:before {
    content: "";
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    transition: all .3s ease-in-out
}

.to-top-wrapper .to-top:before {
    height: 40px;
    width: 45px;
    line-height: 40px;
    left: 0;
    background-color: hsla(0, 0%, 100%, .5)
}

@media (min-width:768px) {
    .to-top-wrapper .to-top:hover:after {
        background-color: #7090b7
    }
}

.to-top-wrapper .to-top .arrow.up {
    border-bottom: 5px solid #fff
}

.to-top-wrapper .to-top.is-top {
    -ms-transform: translateY(60px);
    transform: translateY(60px)
}

.to-top-wrapper .to-top.on-footer:after {
    background-color: #7090b7
}

.to-top-wrapper .to-top.on-footer:before {
    -ms-transform: scale(0);
    transform: scale(0)
}

.bubble-tooltip,
.tip-tooltip {
    border-radius: 4px;
    opacity: 1;
    box-shadow: none
}

.bubble-tooltip .text-left a,
.tip-tooltip .text-left a {
    font-weight: 700;
    position: relative;
    color: #5e6a71;
    display: inline-block
}

.bubble-tooltip,
.tip-tooltip.white {
    border: 1px solid #d7d9db;
    background-image: linear-gradient(top, #fff, #f7f7f7 1px, #fff);
    position: relative;
    border-bottom-width: 2px
}

.tip-tooltip {
    padding: 10px 15px
}

.bubble-tooltip>div,
.tip-tooltip>div {
    color: #333
}

.bubble-tooltip h4,
.tip-tooltip h4 {
    font-size: 14px;
    border-bottom: 1px solid #d7d9db;
    margin: 0 -15px 5px;
    padding: 0 15px 5px;
    background-image: linear-gradient(top, #fff, #f7f7f7 1px, #fff);
    position: relative
}

.bubble-tooltip a,
.tip-tooltip a {
    font-weight: 700
}

.bubble-tooltip h4:after,
.tip-tooltip h4:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    content: "";
    left: 0;
    bottom: -2px
}

.tip-tooltip.bottom:before {
    top: -15px;
    left: 15px
}

.serial_number_bloc {
    position: relative
}

.serial_number_bloc .close_item {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 1.375em;
    line-height: 1;
    color: #999;
    font-weight: 700;
    cursor: pointer
}

.serial_number_bloc {
    border-top: 1px solid #d7d9db;
    margin-top: 1em !important;
    padding-top: 1em !important
}

.grid-box {
    position: relative;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    border-radius: .1875em;
    font-size: .875em;
    line-height: 1.5;
    height: 100%
}

.grid-box-header {
    display: -ms-flexbox !important;
    display: flex !important
}

.grid-box-header,
.grid-box h3 {
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.grid-box h3 {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    padding: 1.42857em;
    border-bottom: 1px solid #e0e0e0;
    min-width: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    color: #333
}

.grid-box-content {
    padding: 1.07143em 2em
}

.grid-box-content>* {
    padding-bottom: 1.07143em
}

li .grid-box {
    border: 0
}

.grid-box__form fieldset table {
    border: 1px solid #d7d9db;
    border-radius: .1875em;
    display: block
}

.grid-box__form fieldset table tr {
    border-bottom: 1px solid #d7d9db
}

.grid-box__form fieldset table tr:last-of-type {
    border-bottom: none
}

.grid-box__form fieldset .submit-wrapper {
    padding-top: 1.07143em
}

.grid-box__form fieldset .has-tip {
    height: 2.75em;
    display: inline-block;
    border-bottom: 0
}

.grid-box__form fieldset input {
    margin: 0;
    border: 0;
    box-shadow: none
}

.grid-box__form fieldset .order-box-amount {
    width: 40%;
    border-left: 1px solid #d7d9db
}

.grid-box__form fieldset .order-box-amount input {
    text-align: center
}

.grid-box__form fieldset textarea.lines {
    height: 10em;
    margin-bottom: 0;
    resize: none
}

.grid-box__form fieldset .button {
    font-weight: 400 !important;
    float: right
}

.input-field {
    border: 1px solid #d7d9db;
    border-radius: .1875em;
    display: inline-block;
    position: relative
}

.input-field .input-field-input {
    border-right: 1px solid #d7d9db;
    margin-right: 40px
}

.input-field .input-field-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #5e6a71;
    background: none;
    font-size: 28px;
    line-height: 1.25
}

@media (min-width:768px) {
    div[itemprop=articleBody]>.m-accordion {
        width: 100%;
        position: relative
    }
}

.m-accordion__cb {
    display: none;
    opacity: 0
}

.m-accordion__label {
    margin-bottom: 0
}

.m-accordion__cb:checked+label .m-accordion__wrinkleHeader {
    background-color: #fff
}

.m-accordion__cb:checked+label .m-accordion__close:before {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.m-accordion__cb:checked+label .m-accordion__content {
    opacity: .99
}

.m-accordion__wrinkle {
    background-color: #d7d9db
}

.m-accordion__wrinkle:nth-last-child(n+2),
.m-accordion__wrinkle:nth-last-child(n+2)~.m-accordion__wrinkle {
    border-bottom: 1px solid #5e6a71
}

.m-accordion__wrinkle:first-child {
    border-top: 2px solid #5e6a71
}

.m-accordion__wrinkleHeader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-height: 50px;
    padding: 10px 20px
}

.m-accordion__close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 10px
}

.m-accordion__close:after,
.m-accordion__close:before {
    content: "";
    background-color: #333;
    position: absolute;
    width: 2px;
    height: 25px;
    left: 50%;
    margin-left: -1px;
    transition: transform .25s ease-in-out
}

.m-accordion__close:after {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.m-accordion__headline {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    color: #5e6a71;
    padding-right: 30px;
    display: block
}

.m-accordion__wrinkleContent {
    background-color: #fff;
    height: 0;
    overflow: hidden;
    transition: height .5s
}

.m-accordion__content {
    padding: 20px;
    opacity: .01;
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: opacity .25s ease-in-out .1s, transform .5s ease-in-out .1s
}

.c-resistapp-modal {
    -webkit-overflow-scrolling: touch;
    height: 800px;
    left: 50%;
    margin-left: 0;
    max-height: 90vh;
    max-width: 800px;
    overflow: auto;
    padding: 0;
    position: fixed;
    top: 50% !important;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

@media (min-width:1024px) {
    .c-resistapp-modal {
        width: 80%
    }
}

.c-resistapp-modal__iframe {
    position: absolute;
    height: calc(100% - 45px);
    width: 100%;
    margin-top: 45px !important
}

.c-social-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    color: #5e6a71;
    font-size: 14px;
    padding: 10px 0;
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

@media (min-width:768px) {
    .c-social-media {
        padding: 10px
    }
}

.c-social-media__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.c-social-media__item:hover,
.c-social-media__item:hover .c-social-media__icon,
.c-social-media__item:hover .c-social-media__item-text {
    color: #6481a4
}

.c-social-media__icon {
    font-size: 22px;
    color: #5e6a71;
    display: block;
    padding-right: 10px
}

.c-social-media__item-text {
    cursor: pointer
}

.c-social-media__icons {
    position: absolute;
    top: 50%;
    left: 42px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    z-index: -1;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-social-media__icons i {
    font-size: 25px;
    color: #5e6a71;
    display: block;
    padding-right: 10px
}

.c-social-media__icons i:hover {
    color: #6481a4
}

.c-social-media__icons i.icon-mailing {
    font-size: 20px;
    padding-top: 3px
}

.c-social-media .c-copy-url,
.c-social-media .c-mail-url {
    padding: 0
}

.c-social-media .c-copy-url i {
    font-size: 23px;
    margin-top: 1px
}

.c-social-media__icons-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.c-social-media--is-open .c-social-media__icons {
    z-index: 1
}

.c-social-media--is-open .c-social-media__item-text {
    opacity: 0
}

.c-social-media--is-open .c-social-media__icons-outer {
    transition: transform .3s ease-in-out;
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 1
}

.c-copy-url {
    position: relative;
    overflow: hidden;
    width: 100%
}

.c-copy-url__copy {
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: transform .3s ease-in-out;
    position: absolute
}

.c-copy-url__copy--hide {
    -ms-transform: translateY(150%);
    transform: translateY(150%)
}

.c-copy-url__input {
    position: absolute;
    left: 0;
    top: 0;
    -ms-transform: scale(0);
    transform: scale(0)
}

.c-copy-url__copied {
    transition: transform .3s ease-in-out;
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #7ca295
}

.c-copy-url__copied--show {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-copy-url__copied .c-meta-actions .comparer-cta--is-checked .c-meta-actions__checkbox:before,
.c-copy-url__copied .icon-prod-checkmark,
.c-copy-url__copied .product .tagtable-selectors>ul li a:before,
.c-meta-actions .comparer-cta--is-checked .c-copy-url__copied .c-meta-actions__checkbox:before,
.product .tagtable-selectors>ul li .c-copy-url__copied a:before {
    color: #7ca295 !important
}

.c-meta-actions .comparer-cta--is-checked .c-social-media .c-copy-url__copied .c-meta-actions__checkbox:before,
.c-social-media .c-copy-url__copied .c-meta-actions .comparer-cta--is-checked .c-meta-actions__checkbox:before,
.c-social-media .c-copy-url__copied .icon-prod-checkmark,
.c-social-media .c-copy-url__copied .product .tagtable-selectors>ul li a:before,
.product .tagtable-selectors>ul li .c-social-media .c-copy-url__copied a:before {
    padding-right: 0
}

.c-mail-url__overlay {
    display: none;
    position: fixed;
    overflow-y: scroll;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media (min-width:768px) {
    .c-mail-url__overlay {
        background-color: #000;
        background-color: rgba(0, 0, 0, .3)
    }
}

.c-mail-url__overlay--show {
    display: block
}

.c-mail-url__overlay-content {
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 20px;
    z-index: 100
}

@media (min-width:768px) {
    .c-mail-url__overlay-content {
        padding: 40px;
        margin: 15% auto;
        border: 1px solid #d7d9db;
        border-radius: 5px;
        max-width: 768px;
        height: auto
    }
}

.c-mail-url__overlay-content input[type=email],
.c-mail-url__overlay-content input[type=text] {
    height: 50px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #d7d9db;
    color: #5e6a71;
    display: block;
    margin: 0 0 15px;
    padding: 10px 20px;
    width: 100%;
    -webkit-appearance: none;
    box-shadow: none;
    outline: 0
}

.c-mail-url__overlay-content input[type=email]:-ms-input-placeholder,
.c-mail-url__overlay-content input[type=text]:-ms-input-placeholder {
    color: #d7d9db
}

.c-mail-url__overlay-content input[type=email]::placeholder,
.c-mail-url__overlay-content input[type=text]::placeholder {
    color: #d7d9db
}

.c-mail-url__overlay-content input[type=email].invalid,
.c-mail-url__overlay-content input[type=text].invalid {
    border-color: #b5626f;
    color: #b5626f
}

.c-mail-url__overlay-content input[type=email]:focus.invalid,
.c-mail-url__overlay-content input[type=text]:focus.invalid {
    outline: none
}

.c-mail-url__overlay-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.c-mail-url__overlay-headline {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    font-size: 1.625rem;
    line-height: 1.75rem;
    font-weight: 400
}

.c-mail-url__overlay-close {
    outline: 0
}

.c-mail-url__overlay-close .e-icon-link__icon {
    padding-right: 0;
    font-size: 28px
}

.c-mail-url__overlay-error {
    display: none;
    font-size: 14px;
    padding: 16px 20px;
    border: 1px solid #b5626f;
    background-color: #c5858f;
    color: #fff;
    border-radius: 4px;
    margin: 0 0 15px
}

.c-mail-url__overlay-button {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    border-radius: 4px;
    padding: 18px 55px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    border: 0;
    float: right;
    outline: 0
}

.c-mail-url__overlay-button--primary {
    background-color: #7090b7;
    border: 1px solid #516885
}

.search-template {
    margin-bottom: 50px
}

.search-template h2 {
    font-family: Helvetica Extended Light;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25
}

.search-template .box,
.search-template>.row {
    margin: 0
}

.search-template .second-meta-nav {
    margin-top: 0
}

.search-template #language-dropdown {
    max-width: none;
    max-height: 12.5em;
    overflow: auto
}

.search-template #language-dropdown li a {
    white-space: nowrap
}

@media (min-width:768px) {
    .flexbox .search-template .result-wrap .row-product.non-granular .img-col .img-wrap {
        position: inherit
    }

    .flexbox .search-template .result-wrap .row-product {
        display: -ms-flexbox;
        display: flex
    }

    .flexbox .search-template .result-wrap .row-product .img-col {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .flexbox .search-template .result-wrap .row-product .img-col .img-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .search-template .featured-result .result-wrap a {
        border: 1px solid #d7d9db;
        overflow: hidden
    }

    .search-template .featured-result .img-wrap {
        height: none;
        min-height: 250px
    }

    .search-template .featured-result,
    .search-template .result-item,
    .search-template .result-product {
        margin: 0
    }

    .search-template .featured-result .columns,
    .search-template .result-item .columns,
    .search-template .result-product .columns {
        border-top: 0;
        border-right: 1px solid #d7d9db
    }

    .search-template .featured-result .columns:last-child,
    .search-template .result-item .columns:last-child,
    .search-template .result-product .columns:last-child {
        border-right: 0
    }

    .search-template .featured-result .text-wrap p,
    .search-template .result-item .text-wrap p,
    .search-template .result-product .text-wrap p {
        padding-bottom: 5px
    }

    .search-template .featured-result .overflow .columns,
    .search-template .result-item .overflow .columns,
    .search-template .result-product .overflow .columns {
        padding-bottom: 1000px;
        margin-bottom: -1000px;
        box-sizing: border-box
    }

    .search-template .result-item .large-2 {
        border: none
    }
}

.order-tracking h1 {
    margin-top: .75em
}

.order-tracking h3 {
    font-family: Helvetica Extended Light;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25
}

.order-tracking .search-form-container h1 {
    margin-bottom: 0
}

@media (min-width:768px) {

    .order-tracking .h1,
    .order-tracking .h3,
    .order-tracking h1,
    .order-tracking h3 {
        text-align: left
    }

    .order-tracking .h1,
    .order-tracking h1 {
        margin: 0 0 .25em;
        line-height: 1em
    }

    .order-tracking .h3,
    .order-tracking h3 {
        margin: 0 0 1.5em
    }
}

@media screen and (max-width:1023px) {
    .order-tracking .flip-scroll table tr:first-child td {
        border-top-width: 1px
    }

    .order-tracking .flip-scroll table td {
        border-left: none
    }
}

.confirmation-page h1 a {
    color: #7090b7;
    font-size: 60%;
    margin-top: .5em
}

.confirmation-page h1 a:hover {
    color: #485157
}

.confirmation-page ul {
    line-height: 1.4em
}

.l-filter {
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7)
}

.l-filter__overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
    width: calc(100% - 30px);
    max-width: 80em;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .l-filter__overlay {
        top: 50px;
        bottom: 50px
    }
}

.l-filter__inner {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.l-filter__header {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.l-filter__header__headline {
    font-weight: 700;
    color: #000
}

.l-filter__header__text {
    margin: 20px 0
}

.l-filter__header__menu {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.l-filter__alerts {
    position: absolute;
    z-index: 10;
    width: 100%;
    pointer-events: none
}

.l-filter__alerts .e-alert {
    pointer-events: auto
}

.l-filter .c-filter-group-list {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.l-filter .c-filter-widget-container {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.l-landingpage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.l-landingpage__wrapper {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

header.is-landing-page {
    height: 10em
}

header.is-landing-page a.logo img {
    margin-left: 0
}

@media only screen and (max-width:768px) {
    header.is-landing-page {
        height: 5em;
        min-height: 5em
    }
}

.chosen-with-drop .chosen-single div b {
    border-bottom: 5px solid;
    border-top: none !important
}

#button_document_forwarding {
    float: right
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .pillar>ul>li>div.copy-link>div .copy ul li {
        background-image: url("https://www.burkert.com/bundles/buerkertwebsite/generated/base/images/bullet@2x.png");
        background-size: 50%
    }
}

.with-accordion-nav {
    padding: 0;
    margin-bottom: 60px
}

@media (min-width:768px) {
    .with-accordion-nav {
        padding-left: .625em;
        padding-right: .625em
    }

    .with-accordion-nav .accordion-navigation {
        border-top-left-radius: .1875em;
        border-bottom-left-radius: .1875em
    }

    .with-accordion-nav .accordion-navigation>li:last-child>a {
        border-bottom-left-radius: .1875em
    }

    .with-accordion-nav .accordion-navigation>li:first-child>a {
        border-top-left-radius: .1875em
    }
}

a[name^=eztoc]+h3.h2,
h2.h1+h3.h2 {
    font-family: Helvetica Extended Light;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4375
}

div.slogan,
div.slogan a,
div.welcome-message,
div.welcome-message a {
    color: #fff
}

.row-leftish .columns:last-child {
    float: left
}

section.columns {
    clear: none
}

.golden-grid.medium,
.golden-grid.third,
.golden-grid.two-third {
    width: 100%;
    margin-bottom: 1.25em
}

.same-height .columns {
    height: 100%
}

@media (min-width:768px) {
    .row.jailed .large-8.large-centered {
        min-width: 38.75em
    }

    .row.jailed .large-10.large-centered {
        min-width: 48em
    }

    .row.jailed .large-12.large-centered,
    .row.jailed .large-14.large-centered {
        min-width: 100%
    }

    .row.large-margin-bottom {
        margin-bottom: 12.5em
    }

    .golden-grid.third,
    .golden-grid.two-third {
        margin-bottom: 0
    }

    .golden-grid.third {
        width: 33.33%
    }

    .golden-grid.two-third {
        width: 66.66%
    }

    .golden-grid.medium {
        width: 50%
    }
}

@media (min-width:980px) {
    .row.jailed>.large-12.large-centered {
        min-width: 58.75em
    }

    .row.jailed>.large-14.large-centered {
        min-width: 61.25em
    }
}

@media (min-width:1024px) {
    .row.jailed .large-14.large-centered {
        min-width: 64em
    }
}

.box.hide {
    display: none !important
}

.hover-magnify {
    transition-property: opacity;
    transition-duration: .5s
}

.hover-magnify.disable {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@media (min-width:768px) {
    .hover-magnify.disable {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: .5
    }
}

.message-error ol,
.message-error ul {
    margin: 0 2em
}

.animation-wrapper {
    display: none
}

.intro {
    margin-top: 40px
}

.price_right {
    text-align: right !important
}

.loader {
    text-align: center;
    margin: 2em 0;
    background: url("../image/spinner.gif") 50% no-repeat;
    height: 100px;
    clear: both
}

.rma-detail ul {
    list-style-type: none;
    font-size: .875em
}

.rma-detail ul li {
    border-bottom: 1px solid #d7d9db;
    padding: 3px 5px
}

#legal_notice_rma {
    margin-top: 1em
}

#js-infobox {
    display: none
}

.no-js #js-infobox {
    display: block
}

#content .warning ul {
    margin-left: 30px
}

.account-nav.closed {
    display: none
}

@media (min-width:768px) {

    .with-sidenav .large-3,
    .with-sidenav .large-13 {
        width: 100%
    }
}

@media (min-width:1024px) {
    .with-sidenav .large-13 {
        width: 81.25%
    }

    .with-sidenav .large-3 {
        width: 18.75%
    }
}

@media (min-width:480px) and (max-width:767px) {
    .side-by-side {
        width: 50% !important
    }

    .side-by-side:nth-child(2n) {
        float: left
    }

    .side-by-side:nth-child(odd) {
        float: right
    }
}

.lt-ie9 .last {
    margin-bottom: 0
}

@media (max-width:767px) {
    .lt-ie9 .row .row .columns {
        padding: 0 10px
    }

    .lt-ie9 .row .row.search-form .columns {
        padding: 0
    }

    #results-list {
        overflow-y: hidden
    }
}

.date .date-icon-wrapper {
    border: 0;
    background: #485157;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    cursor: pointer;
    margin-left: .5em;
    width: 42px
}

@media not print {
    #box_summary .flip-scroll {
        margin-bottom: 0
    }
}

.collapsed .box_content {
    display: none
}

.row .job-contact-box {
    border: 1px solid #e0e0e0;
    margin: 0
}

.job-contact-box h3 {
    display: block;
    font-size: 1.28571em;
    text-transform: uppercase;
    color: #bbb;
    margin-bottom: 1.11111em
}

.job-contact-box h4 {
    font-size: 1.3em;
    font-weight: 400
}

.job-address {
    padding: 10px
}

.job-contact {
    border-left: 1px solid #e0e0e0
}

.job-contact a {
    width: auto;
    border: none
}


.video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: left;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin-left:-200px;
}
.overlay-text h1{
    font-size:26px;
    color:#fff;
}
.overlay-text p{
    font-size:16px;
    color:#fff;
}
.menu{
    display:none;
}
.tel{
    font-size:24px;
    color: #7090b7;
}
@media only screen and (max-width: 768px) {
    .tel{
        display:none;
    }
    .menu{
        display:block;
    }
}