/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden], template {
    display: none
}

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    padding: 0 3px;
    margin: 0 -2px;
    border-radius: 3px;
    background: rgba(228,30,38,.2);
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

    button[disabled], html input[disabled] {
        cursor: not-allowed
    }

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

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

.img-responsive {
    max-width: 100%;
}

.row, .main-content {
    margin-right: -10px;
    margin-left: -10px
}

    .row:after, .main-content:after {
        content: '';
        display: table;
        clear: both
    }

.col, .sub-navigation, .product-image, .article, .row-header, .content, .sidebar, .sitemap-section {
    float: left;
    margin-right: 10px;
    margin-left: 10px
}

.article-with-sidebar, .case-listing, .product-listing, .product-sidebar {
    float: left
}

    .article-with-sidebar .twocol {
        width: 100%;
    }

    .article-with-sidebar:after, .case-listing:after, .product-listing:after, .product-sidebar:after {
        content: '';
        display: table;
        clear: both
    }

html {
    font-size: 62.5%;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: Roboto,sans-serif;
    background: #fff
}

hr {
    border: 0;
    height: 1px;
    overflow: hidden;
    background: #dedede
}

.flex-container-centered {
    display: flex;
    justify-content: center;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.colored-button {
    padding: 10px 25px;
    background-color: #DB191E;
    color: white;
}

    .colored-button:hover {
        background-color: #C20005;
        color: white;
    }

    .colored-button:focus {
        color: white;
    }

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

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.youtube-block {
    float: left;
}

    .youtube-block::after {
        content: '';
        display: block;
        clear: both;
    }

    .youtube-block.full {
        margin: 0;
        width: 100%;
    }

    .youtube-block.half.left {
        margin-left: 0;
        margin-right: 16px;
        width: calc(50% - 16px);
    }

    .youtube-block.half {
        margin-right: 0;
        margin-left: 16px;
        width: calc(50% - 16px);
    }

    .youtube-block.third.mid {
        margin-left: 8px;
        margin-right: 8px;
        width: calc(33.33333333333% - 16px);
    }

    .youtube-block.third.left {
        margin-left: 0;
        margin-right: 16px;
        width: calc(33.3333333333% - 16px);
    }

    .youtube-block.third {
        margin-right: 0px;
        margin-left: 16px;
        width: calc(33.33333333333% - 16px);
    }

@media screen and (max-width:767px) {
    .youtube-block.half,
    .youtube-block.half.left {
        margin-left: 0;
        margin-right: 0;
        float: none;
        width: 100%;
    }
}

@media screen and (max-width:1023px) {
    .youtube-block.third,
    .youtube-block.third.left,
    .youtube-block.third.mid {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        float: none;
    }
}

.cf:after {
    content: '';
    display: table;
    clear: both
}

.skip-link {
    position: absolute;
    top: -54px;
    left: 0;
    z-index: 100;
    box-sizing: border-box;
    padding: 1em;
    width: 100%;
    background: #e41e26;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    transition: top .1s linear
}

    .skip-link:hover {
        color: #fff;
        text-decoration: none;
        top: 0;
        outline: none
    }

    .skip-link:focus {
        color: #fff;
        text-decoration: none;
        top: 0;
        outline: none
    }

.align-left {
    max-width: 100%;
    height: auto
}

.align-right {
    max-width: 100%;
    height: auto
}

.align-center {
    max-width: 100%;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.scrollable.has-scroll {
    position: relative;
    overflow: hidden
}

    .scrollable.has-scroll:after {
        position: absolute;
        top: 0;
        left: 100%;
        width: 50px;
        height: 100%;
        border-radius: 10px 0 0 10px / 50% 0 0 50%;
        box-shadow: -5px 0 10px rgba(0,0,0,.25);
        content: ''
    }

    .scrollable.has-scroll > div {
        overflow-x: auto;
        margin-bottom: 16px;
        padding-bottom: 16px
    }

        .scrollable.has-scroll > div table {
            margin-bottom: 0
        }

.scrollable > div::-webkit-scrollbar {
    height: 12px
}

.scrollable > div::-webkit-scrollbar-track {
    box-shadow: 0 0 2px rgba(0,0,0,.15) inset;
    background: #f0f0f0
}

.scrollable > div::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #ccc
}

[aria-expanded=false] {
    display: none
}

[aria-expanded=true] {
    display: block
}

.position-details {
    margin-top: 11px;
    margin-bottom: 18px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ebebeb
}

    .position-details time {
        margin-right: 8px
    }

.main-container {
    width: 80%;
    max-width: 1300px;
    display: table;
    margin: auto;
    margin-top: 10px
}

.main-information {
    float: left;
    margin: auto;
    margin-left: -32px
}

.main-applications {
    float: left;
    display: block;
    /*margin-right: 10px*/
}

.main-applications-info {
    margin-left: 7px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 99%
}

.main-applications #residential {
    margin-left: 5px;
    margin-top: -30px
}

.main-applications #industrial {
    margin-top: -30px
}

    .main-applications #residential h2.title, .main-applications #industrial h2.title {
        font-family: Roboto Slab;
        font-weight: 300;
        margin-bottom: 5px;
        padding-top: 5px
    }

.card .card-default .card-summary .wrapper {
    padding: 0 !important;
    margin-right: 10px
}

.card .card-default .card-summary {
    padding-left: 30px !important
}

    .card .card-default .card-summary .card-footer {
        border-top: none !important
    }

.main {
    margin-top: 50px;
    margin-bottom: 50px
}

.main-content {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-left: -18px;
    margin-right: -18px
}

.wrapper {
    box-sizing: border-box;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto
}

    .wrapper:after {
        content: '';
        display: table;
        clear: both
    }

.wrapper-startpage {
    box-sizing: border-box;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto
}

    .wrapper-startpage:after {
        content: '';
        display: table;
        clear: both
    }

.wrapper-mainpages {
    width: 78% !important
}

.article {
    width: calc(100% - 20px)
}

.article-with-sidebar {
    width: 100%
}

    .article-with-sidebar .pagination {
        margin: 0 0 32px
    }

.row .card {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    width: calc(100% - 20px);
    clear: both
}

    .row .card:last-child {
        clear: both;
    }

.one-column-listing .card {
    width: 100%
}

.two-column-listing .card {
    width: calc(100% - 20px)
}

    .two-column-listing .card:nth-child(2n+1) {
        clear: both
    }

.three-column-listing .card {
    width: calc(100% - 20px)
}

.four-column-listing .col {
    width: calc(100% - 20px)
}

.section-divider {
    border-top: 1px solid #dedede
}

    .section-divider .wrapper {
        padding-top: 32px
    }

.section-dark {
    background: #f7f7f7
}

.search-content {
    float: right
}

.sub-navigation {
    width: calc(100% - 20px)
}

.product-image {
    width: calc(100% - 20px)
}

.product-listing {
    width: 100%
}

    .product-listing .card {
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
        clear: both
    }

    .product-listing .pagination {
        margin: 0 0 32px
    }

.product-sidebar {
    width: 100%
}

    .product-sidebar .card {
        margin-right: 10px;
        margin-left: 10px;
        width: calc(100% - 20px)
    }

.case-listing {
    width: 100%
}

    .case-listing .content {
        width: calc(100% - 32px)
    }

    .case-listing .card {
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
        clear: both
    }

    .case-listing .pagination {
        margin: 0 0 32px
    }

.product-listing-wide {
    margin-top: 0;
}

.contact-listing, .product-listing-wide {
    width: 100%
}

    .contact-listing .card, .product-listing-wide .card {
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
        clear: both
    }

    .contact-listing .pagination, .product-listing-wide .pagination {
        margin: 0 0 32px
    }

.content {
    width: calc(100% - 20px)
}

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

.sidebar {
    width: calc(100% - 20px);
    margin-bottom: 32px
}

.product-connections {
    margin-bottom: 32px
}

    .product-connections ul {
        margin: 16px 0 0;
        padding: 0;
        list-style: none
    }

    .product-connections li {
        float: left;
        width: 20%
    }

    .product-connections p {
        margin: 0;
        font-size: 14px
    }

    .product-connections div {
        padding: 8px;
        text-align: center
    }

    .product-connections img {
        width: 100%;
        height: auto;
        max-width: 80px
    }

.product-image {
    float: left
}

.case-stories-filter, .contact-filter {
    margin-bottom: 32px
}

    .case-stories-filter ul, .contact-filter ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .case-stories-filter li, .contact-filter li {
        float: left;
        margin: 0 6px 10px 0
    }

    .case-stories-filter a[data-selected] {
        background-color: #e41e26;
        color: #fff;
        border-color: #e41e26
    }

    .contact-filter a[data-selected] {
        background-color: #e41e26;
        color: #fff;
        border-color: #e41e26
    }

    .case-stories-filter h2, .contact-filter h2 {
        font-size: 1.8rem;
        margin: 32px 0 16px
    }

.contact-filter {
    clear: both;
    margin-top: 32px
}

.form-country-select {
    max-width: 300px;
    clear: both
}

.archive-listing h2 {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dedede;
    margin-top: 0
}

.archive-listing ul {
    margin: 0 0 32px;
    padding: 0;
    list-style: none
}

.archive-listing .list-item {
    border-bottom: 1px solid #dedede
}

    .archive-listing .list-item li {
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
        width: 40%;
        color: #767676
    }

        .archive-listing .list-item li:last-child {
            text-align: right
        }

.archive-listing h3 {
    margin: 16px 0 8px;
    font-size: 1.8rem;
    font-weight: 500
}

.archive-listing a {
    text-decoration: none
}

.archive-listing ul ul {
    display: table;
    width: 100%;
    margin-bottom: 16px
}

.active-product-label {
    font-size: 14px;
    margin: 8px 0 0;
    font-weight: 400
}

.active-product-filter {
    margin: 8px 0 0;
    padding: 0;
    list-style: none
}

    .active-product-filter .icon {
        width: 16px;
        height: 16px;
        margin-top: -2px
    }

    .active-product-filter li {
        display: inline-block;
        margin: 0 0 5px;
        font-size: 13px
    }

        .active-product-filter li a {
            display: inline-block;
            background: #e41e26;
            color: #fff;
            text-decoration: none;
            padding: 5px 8px;
            border-radius: 3px
        }

            .active-product-filter li a:hover {
                background: #a80014
            }

            .active-product-filter li a:focus {
                background: #a80014
            }

.application-areas-list {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 32px;
    max-width: 1192px
}

    .application-areas-list .column-first, .application-areas-list .column-second {
        background-size: cover
    }

    .application-areas-list .title {
        margin: 0 0 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
        text-shadow: 1px 1px 2px #969696
    }

    .application-areas-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .application-areas-list li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px 20px;
        width: 50%;
        border-right: 0;
        box-sizing: border-box
    }

        .application-areas-list li a {
            -ms-flex: 1;
            flex: 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            padding: 20px 12px;
            box-sizing: border-box;
            background-size: cover;
            font-size: 1.2rem;
            background: rgba(255,255,255,.75);
            text-decoration: none;
            color: #333;
            box-shadow: 1px 1px 2px #969696
        }

            .application-areas-list li a:hover {
                background: rgba(228,30,38,.75);
                color: #fff
            }

            .application-areas-list li a:focus {
                background: rgba(228,30,38,.75);
                color: #fff
            }

.card-case-stories img {
    float: left;
    margin-right: 16px
}

.card-case-stories .card-content div {
    overflow: hidden
}

.card-case-stories .card-content .application-area {
    margin: 4px 0;
    display: inline-block;
    padding: 1px 6px;
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px
}

.card-listing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .card-listing .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .card-listing .card .card-content {
            -ms-flex-positive: 1;
            flex-grow: 1
        }

.ie9 .application-areas-list {
    width: 100%;
    overflow: hidden
}

    .ie9 .application-areas-list .column-first, .ie9 .application-areas-list .column-second {
        width: 49%;
        float: left;
        margin: 0;
        padding: 0
    }

    .ie9 .application-areas-list .column-second {
        float: right
    }

    .ie9 .application-areas-list ul {
        display: block;
        width: 100%
    }

    .ie9 .application-areas-list li {
        float: left;
        width: 50%;
        margin-bottom: 10px
    }

    .ie9 .application-areas-list a {
        display: block;
        width: 100%
    }

.button.button-primary.primary {
    width: 100%
}

.button.button-primary.secondary {
    width: 100%
}

.support-move {
    clear: none !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 16px
}

.supportcontentarea .wrapper {
    padding-right: 0
}

.carousel-inner .item {
    max-width: 100% !important;
    overflow: hidden !important
}

.fullwidth-carousel img {
    width: 100%;
}

.carousel-indicators {
    top: 180px !important
}

    .carousel-indicators li {
        border: 1px solid #ccc !important;
        background-color: #ccc !important
    }

    .carousel-indicators.active li {
        background-color: #fff !important
    }

.icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    fill: currentColor;
    vertical-align: middle
}

.icon-red {
    color: #e41e26
}

.icon-white {
    color: #fff
}

.icon-black {
    color: #000
}

.icon-gray {
    color: #dedede
}

[data-icon-placement=before], [data-icon-placement=after] {
    position: relative
}

[data-icon]:before {
    display: block;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 24px;
    left: 14px
}

[data-icon-placement=before] {
    padding-left: 46px
}

[data-icon-placement=after] {
    padding-right: 46px
}

    [data-icon-placement=after]:before {
        left: auto;
        right: 14px
    }

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-regular.eot?8d68304a93);
    src: url(../fonts/roboto-regular.woff2?0231736c93) format("woff2"),url(../fonts/roboto-regular.woff?abceb9eb46) format("woff"),url(../fonts/roboto-regular.ttf?c48d1aa5b6) format("truetype")
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-italic.eot?3ab53dd05f);
    src: url(../fonts/roboto-italic.woff2?fee25da961) format("woff2"),url(../fonts/roboto-italic.woff?96f1ab96d0) format("woff"),url(../fonts/roboto-italic.ttf?6f8b54c209) format("truetype");
    font-style: italic
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-medium.eot?4022290060);
    src: url(../fonts/roboto-medium.woff2?349af1c967) format("woff2"),url(../fonts/roboto-medium.woff?00d0bd7c35) format("woff"),url(../fonts/roboto-medium.ttf?efe04a3ada) format("truetype");
    font-weight: 500
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-medium-italic.eot?fb33a027e4);
    src: url(../fonts/roboto-medium-italic.woff2?28a8d6a47c) format("woff2"),url(../fonts/roboto-medium-italic.woff?a39d619b34) format("woff"),url(../fonts/roboto-medium-italic.ttf?b7dad6a1fe) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-bold.eot?c70fc21433);
    src: url(../fonts/roboto-bold.woff2?cd48236c8f) format("woff2"),url(../fonts/roboto-bold.woff?a03cc5437a) format("woff"),url(../fonts/roboto-bold.ttf?ad2f74b05a) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/roboto-bold-italic.eot?d07a95a48c);
    src: url(../fonts/roboto-bold-italic.woff2?0227822d75) format("woff2"),url(../fonts/roboto-bold-italic.woff?075fdb0754) format("woff"),url(../fonts/roboto-bold-italic.ttf?98e7a3bf83) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Roboto Slab;
    src: url(../fonts/roboto-slab-regular.eot?90be631ff0);
    src: url(../fonts/roboto-slab-regular.woff2?65c1528eeb) format("woff2"),url(../fonts/roboto-slab-regular.woff?dafe896c79) format("woff"),url(../fonts/roboto-slab-regular.ttf?c571a65eb4) format("truetype")
}

@font-face {
    font-family: Roboto Slab;
    src: url(../fonts/roboto-slab-light.eot?1ed107ebd6);
    src: url(../fonts/roboto-slab-light.woff2?792f3f7446) format("woff2"),url(../fonts/roboto-slab-light.woff?64a11053f0) format("woff"),url(../fonts/roboto-slab-light.ttf?5a4f96bba4) format("truetype");
    font-weight: 200
}

a {
    background-color: transparent;
    color: #e41e26
}

    a:hover {
        color: #000
    }

    a:focus {
        color: #000
    }

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

    a[target=_blank] {
        position: relative
    }


p {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
    margin: 24px 0
}

ul {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
    margin: 24px 0
}

ol {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
    margin: 24px 0
}

    ol ul, ol ol, ul ul {
        margin: 0
    }

time {
    font-size: 1.4rem;
    line-height: 1.71429;
    color: #767676
}

.location {
    font-size: 1.4rem;
    line-height: 1.71429;
    color: #767676
}

    time .icon, .location .icon {
        width: 16px;
        height: 16px
    }

h1 {
    font-size: 2.4rem;
    line-height: 1.33333;
    color: #333;
    font-weight: 700;
    margin: 0 0 1em
}

h2 {
    font-size: 2rem;
    line-height: 1.2;
    color: #333;
    font-weight: 500
}

    h2 + p {
        margin-top: 10px
    }

h3 {
    font-size: 1.8rem;
    line-height: 1.33333;
    color: #333;
    font-weight: 700
}

h4 {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #767676;
    font-weight: 700
}

h5 {
    font-size: 1.4rem;
    line-height: 1.14286;
    color: #000;
    font-weight: 700
}

h6 {
    font-size: 1.4rem;
    line-height: 1.14286;
    color: #767676;
    font-weight: 500;
    text-transform: uppercase
}

.introduction p {
    margin-top: 0;
    font-size: 2rem;
    line-height: 1.6;
    font-family: Roboto Slab;
    color: #767676
}

.start-introduction {
    max-width: 768px;
    margin: 32px auto 64px;
    text-align: center
}

    .start-introduction p {
        margin-top: 0;
        font-size: 2rem;
        line-height: 1.6;
        font-weight: 200;
        font-family: Roboto Slab;
        color: #767676
    }

.no-hits p {
    margin-top: 0;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: 200;
    font-family: Roboto Slab;
    color: #767676
}

.filter-headline {
    margin-top: 0;
    margin-bottom: 32px
}

blockquote {
    margin: 0;
    padding: 50px 30px 20px;
    position: relative
}

    blockquote:before {
        font-family: Georgia;
        position: absolute;
        font-size: 10rem;
        color: #e41e26;
        left: 0;
        top: 0;
        content: "\201C"
    }

    blockquote p {
        margin: 0;
        font-family: Roboto Slab;
        color: #333;
        font-size: 2rem;
        line-height: 1.6
    }

    blockquote footer {
        margin-top: 10px;
        font-size: 1.4rem;
        font-style: italic
    }

        blockquote footer:before {
            content: "- "
        }

.career-meta {
    margin: 32px 0;
    border: 1px solid #dedede;
    background: #f7f7f7;
    padding: 0 16px;
    border-radius: 3px
}

    .career-meta p {
        margin: 16px 0;
        font-size: 14px;
        color: #333
    }

.button {
    display: inline-block;
    margin: 4px 4px 4px 0;
    padding: 14px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1;
    transition: box-shadow .2s ease-in-out;
    text-align: center;
    box-sizing: border-box
}

.button-small {
    padding: 12px 18px;
    font-size: 1.2rem
}

.button-large {
    padding: 18px 32px;
    font-size: 1.8rem
}

.button-primary {
    background: #a80014;
    background: linear-gradient(to bottom,#e41e26 0,#a80014 100%);
    color: #fff
}

    .button-primary:hover {
        color: #fff;
        border-color: #a70014;
        background: #d0021b;
        box-shadow: 0 1px 0 rgba(0,0,0,.1)
    }

    .button-primary:focus {
        color: #fff;
        border-color: #a70014;
        background: #d0021b;
        box-shadow: 0 1px 0 rgba(0,0,0,.1)
    }

    .button-primary:active {
        border-color: transparent;
        background: #d0021b;
        box-shadow: inset 0 2px 2px rgba(0,0,0,.3)
    }

.button-secondary {
    border-color: #d0d0d0;
    background: #fff;
    color: #333
}

    .button-secondary:hover {
        box-shadow: 0 1px 0 rgba(0,0,0,.1)
    }

    .button-secondary:focus {
        box-shadow: 0 1px 0 rgba(0,0,0,.1)
    }

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

.button-subtle {
    border: 1px solid transparent;
    background: transparent;
    color: #333
}

    .button-subtle:hover {
        color: #e41e26;
        text-decoration: underline
    }

    .button-subtle:focus {
        color: #e41e26;
        text-decoration: underline
    }

    .button-subtle:active {
        text-decoration: none
    }

.button:disabled, .button-disabled {
    border-color: #eaeaea;
    background: #eaeaea;
    color: #acacac
}

    .button:disabled:hover, .button:disabled:focus, .button-disabled:hover, .button-disabled:focus {
        border-color: #eaeaea;
        text-decoration: none;
        color: #acacac;
        cursor: not-allowed
    }

.pagination {
    position: relative;
    margin: 32px 0;
    min-height: 44px;
    text-align: center
}

    .pagination ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none
    }

        .pagination ul:after {
            content: '';
            display: table;
            clear: both
        }

    .pagination li {
        display: none
    }

        .pagination li[rel=prev], .pagination li[rel=next] {
            position: absolute;
            top: 0;
            display: inline
        }

        .pagination li[rel=prev] {
            left: 0
        }

        .pagination li[rel=next] {
            right: 0
        }

            .pagination li[rel=next] .button {
                margin-right: 0
            }

    .pagination .pagination-skip {
        padding-right: 5px;
        color: #333
    }

    .pagination .button {
        line-height: 22px
    }

    .pagination .button-secondary, .pagination .button-disabled {
        padding: 6px 14px
    }

    .pagination .button-disabled {
        cursor: default
    }

.breadcrumbs {
    border-top: 1px solid #dedede;
    padding-top: 16px;
    padding-bottom: 16px
}

    .breadcrumbs p {
        margin: 0 8px 0 0;
        font-size: 1.4rem
    }

    .breadcrumbs ol {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.4rem
    }

    .breadcrumbs li {
        display: inline
    }

        .breadcrumbs li:after {
            content: "\232a";
            padding: 0 0 0 8px;
            color: #333
        }

        .breadcrumbs li:last-child:after {
            content: ""
        }

.media-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    max-width: 100%;
    height: 0
}

    .media-container iframe, .media-container object, .media-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

figure {
    margin: 0
}

    figure img {
        width: 100%;
        height: auto;
        display: block
    }

figcaption {
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 10px;
    color: #767676;
    background: rgba(222,222,222,.5)
}

.message {
    position: relative;
    margin: 20px 0;
    padding: 20px 20px 20px 80px;
    border: 1px solid;
    border-radius: 3px
}

    .message .icon {
        width: 40px;
        height: 40px;
        color: inherit;
        position: absolute;
        left: 20px;
        top: 20px
    }

    .message .title {
        margin: 0;
        font-size: 1.6rem;
        color: inherit
    }

    .message p {
        margin: 0;
        font-size: 1.6rem;
        color: inherit
    }

.message-success {
    color: #227631;
    border-color: #61d175;
    background-color: #d7f4dd
}

.message-information {
    color: #104d5b;
    border-color: #52c6e0;
    background-color: #d4f1f7
}

.message-warning {
    color: #6b4c14;
    border-color: #dfae53;
    background-color: #f7ebd4
}

.message-error {
    color: #5b1312;
    border-color: #dd5755;
    background-color: #f7d5d4
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    text-align: left;
    font-size: 1.4rem;
    margin-bottom: 32px
}

    table caption {
        text-align: left;
        margin-bottom: 10px
    }

    table td, table th {
        padding: 5px 10px
    }

    table thead th {
        padding: 8px 10px;
        background: #e41e26;
        color: #fff;
        text-align: left
    }

    table thead td {
        padding: 8px 10px;
        background: #e41e26;
        color: #fff;
        text-align: left
    }

    table tbody th[scope=row] {
        background: #f7f7f7
    }

.zebra tr:nth-child(even) td {
    background: #f0f0f0
}

.zebra tr:nth-child(even) th[scope=row] {
    background: #e8e8e8
}

.bordered thead {
    border: 1px solid #e41e26
}

    .bordered thead th {
        border-bottom: 1px solid #e41e26
    }

.bordered tbody {
    border: 1px solid #e3e3e3;
    border-top: none
}

    .bordered tbody tr {
        border-bottom: 1px solid #dbdbdb
    }

    .bordered tbody th[scope=row], .bordered tbody td, .bordered tbody th {
        border-right: 1px solid #dbdbdb
    }

.table-small {
    font-size: 13px
}

    .table-small td, .table-small th {
        padding: 5px
    }

    .table-small thead th, .table-small thead td {
        padding: 5px
    }

.table-extra-small {
    font-size: 12px
}

    .table-extra-small td, .table-extra-small th {
        padding: 5px 3px
    }

    .table-extra-small thead th, .table-extra-small thead td {
        padding: 5px 3px
    }

form, .form {
    font-size: 1.6rem
}

    form .row, .form .row {
        margin-bottom: 16px
    }

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    display: block;
    margin-bottom: 10px
}

.input {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box
}

.textarea {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box
}

.select {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box
}

.form-search, .form-number, .form-input, .form-textarea {
    margin-bottom: 16px
}

    .form-search input {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-search textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-number input {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-number textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-input input {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-input textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-textarea input {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-textarea textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

.form-select {
    margin-bottom: 16px
}

.invalid {
    color: red
}

    .invalid label {
        font-weight: 700
    }

    .invalid .input {
        border-color: red
    }

    .invalid .alert {
        color: red;
        margin: 0
    }

.product-filter {
    border: 1px solid #000;
    margin: 0 0 32px;
    padding: 16px
}

    .product-filter legend {
        font-weight: 700
    }

    .product-filter label {
        display: inline
    }

.form-select {
    position: relative;
    display: block;
    color: #333;
    font-size: 14px
}

    .form-select select {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 6px 24px 6px 10px;
        line-height: 1.5;
        color: #333;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        cursor: pointer;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .form-select select:focus:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000
        }

        .form-select select:focus {
            border: 1px solid #333
        }

        .form-select select:active {
            color: #333;
            background-color: #fff
        }

    .form-select:after {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        margin-top: -.15rem;
        pointer-events: none;
        border-top: .55rem solid;
        border-right: .55rem solid transparent;
        border-bottom: .55rem solid transparent;
        border-left: .55rem solid transparent
    }

    .form-select select::-ms-expand {
        display: none
    }

.ie9 .form-select select {
    padding: 6px 6px 6px 10px
}

.ie9 .form-select:after {
    display: none
}

.xform {
    margin-left: 8px;
    margin-right: 8px
}

    .xform .row:after {
        content: '';
        display: table;
        clear: both
    }

    .xform .col {
        float: left;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 0;
        width: 100%
    }

        .xform .col.half {
            width: 50%
        }

        .xform .col.third {
            width: 33.3333333%
        }

        .xform .col.fourth {
            width: 25%
        }

    .xform legend {
        font-weight: 700;
        margin-top: 16px
    }

    .xform input {
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 100%;
        box-sizing: border-box
    }

    .xform textarea {
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 100%;
        box-sizing: border-box
    }

    .xform select {
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 100%;
        box-sizing: border-box
    }

    .xform input[type=checkbox], .xform input[type=radio] {
        width: auto
    }

    .xform input[type=submit] {
        display: inline-block;
        margin: 4px 4px 4px 0;
        padding: 14px 20px;
        border: 1px solid transparent;
        border-radius: 3px;
        text-decoration: none;
        font-size: 1.4rem;
        line-height: 1;
        transition: box-shadow .2s ease-in-out;
        text-align: center;
        box-sizing: border-box;
        background: linear-gradient(to bottom,#e41e26 0,#a80014 100%);
        color: #fff
    }

        .xform input[type=submit]:hover {
            color: #fff;
            border-color: #a70014;
            background: #d0021b;
            box-shadow: 0 1px 0 rgba(0,0,0,.1)
        }

        .xform input[type=submit]:focus {
            color: #fff;
            border-color: #a70014;
            background: #d0021b;
            box-shadow: 0 1px 0 rgba(0,0,0,.1)
        }

        .xform input[type=submit]:active {
            border-color: transparent;
            background: #d0021b;
            box-shadow: inset 0 2px 2px rgba(0,0,0,.3)
        }

.hero {
    position: relative;
    overflow: hidden;
    text-align: center
}

    .hero picture, .hero picture img {
        display: block
    }

    .hero .hero-grey {
        margin: 0 auto;
        max-width: 1300px;
        width: 79%
    }

    .hero .hero-content .title {
        margin-top: 32px;
        text-align: left;
        padding-left: 16px;
        font-weight: 400
    }

    .hero .hero-content .time {
        font-size: 1.8rem;
        font-family: Roboto Slab
    }

    .hero .hero-content .hero-location {
        display: block;
        font-weight: 700;
        font-size: 2rem
    }

    .hero.hero-frontpage {
        text-align: left;
        min-height: 250px !important;
        max-height: 330px
    }

        .hero.hero-frontpage .hero-frontpage-content {
            box-sizing: border-box;
            text-align: left;
            padding: 16px 16px 0
        }

            .hero.hero-frontpage .hero-frontpage-content .button {
                background: #fff;
                color: #e41e26;
                border: none
            }

            .hero.hero-frontpage .hero-frontpage-content .title {
                text-transform: none;
                font-size: 24px;
                margin: 0 0 16px
            }

            .hero.hero-frontpage .hero-frontpage-content p {
                font-size: 16px
            }

            .hero.hero-frontpage .hero-frontpage-content.hero-frontpage-1 {
                background: #e41e26;
                color: #fff
            }

            .hero.hero-frontpage .hero-frontpage-content.hero-frontpage-2 {
                background: rgba(255,255,255,.8);
                color: #000
            }

                .hero.hero-frontpage .hero-frontpage-content.hero-frontpage-2 .button {
                    color: #000
                }

    .hero.hero-article .title {
        margin: 32px 0 16px
    }

    .hero.hero-article .time {
        font-size: 1.8rem;
        font-family: Roboto Slab
    }

.hero-search {
    margin: 0;
    padding: 48px 0 32px
}

    .hero-search form {
        max-width: 600px;
        margin: 20px auto 0;
        position: relative
    }

        .hero-search form input {
            width: 100%;
            border: 1px solid #767676;
            padding: 10px 20px;
            border-radius: 3px;
            box-sizing: border-box
        }

        .hero-search form button {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            padding: 10px 14px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            background: #e41e26;
            color: #fff;
            border: 1px solid #a80014
        }

.hero-tilted + .wrapper .main-content {
    padding-top: 10px
}

.hero-tilted.hero-article + .wrapper .main-content {
    padding-top: 10px
}

.hero-contact .row {
    margin-bottom: 0
}

.hero-contact .col {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 16px
}

    .hero-contact .col:first-child {
        padding-right: 8px
    }

    .hero-contact .col:last-child {
        padding-left: 8px
    }

.related-cards {
    border-top: 1px solid #dedede;
    background: #f7f7f7
}

.news-block {
    border-top: 1px solid #dedede;
    background: #f7f7f7
}

.row-header {
    padding: 32px 0;
    text-align: center;
    width: calc(100% - 20px);
    position: relative;
    margin-right: 10px;
    margin-left: 10px
}

    .row-header .title {
        font-size: 2em;
        font-weight: 200;
        font-family: Roboto Slab;
        color: #333
    }

    .row-header .button {
        margin: 0;
        padding: 10px
    }

.row-footer {
    text-align: center
}

.card-simple {
    padding-left: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 1.4rem;
    display: block;
    text-decoration: none
}

    .card-simple .card-media {
        background: #ebebeb
    }

        .card-simple .card-media img {
            width: 100%;
            height: auto;
            vertical-align: top
        }

    .card-simple .card-header {
        padding: 0;
        font-size: 3rem
    }

        .card-simple .card-header .card-header-time {
            display: block;
            color: #767676;
            padding: 0;
            border-top: 1px solid #ebebeb
        }

        .card-simple .card-header .card-header-location {
            display: block;
            color: #767676;
            padding: 0;
            border-top: 1px solid #ebebeb
        }

        .card-simple .card-header .card-header-time {
            margin-top: 4px
        }

        .card-simple .card-header .card-header-location {
            border-bottom: 1px solid #ebebeb
        }

    .card-simple .card-content {
        padding: 0
    }

    .card-simple .card-footer {
        padding: 0;
        font-size: 1.6rem
    }

        .card-simple .card-footer .icon {
            vertical-align: top
        }

        .card-simple .card-footer a {
            text-decoration: none
        }

    .card-simple .time {
        display: block;
        margin-top: 8px
    }

    .card-simple .title {
        margin: 0;
        Font-size: 2.5rem;
        Font-weight: normal
    }

        .card-simple .title a {
            color: #e41e26;
            text-decoration: none
        }

    .card-simple p {
        font-size: 1.4rem;
        margin: 8px 0
    }

    .card-simple.card-cta .card-footer {
        border-top: 1px solid transparent;
        padding: 8px 16px 16px
    }

        .card-simple.card-cta .card-footer .button {
            display: block
        }

        .card-simple.card-cta .card-footer button {
            width: 100%
        }

    .card-simple.card-form .card-footer {
        border-top: 1px solid transparent;
        padding: 0 16px 8px
    }

        .card-simple.card-form .card-footer .button {
            display: block
        }

        .card-simple.card-form .card-footer button {
            width: 100%
        }

.card {
    margin-bottom: 20px;
    box-sizing: border-box;
    font-size: 1.4rem;
    display: block;
    text-decoration: none
}

    .card .card-media {
        background: #ebebeb
    }

        .card .card-media img {
            width: 100%;
            height: auto;
            vertical-align: top
        }

    .card .card-header {
        padding: 16px 16px 0
    }

        .card .card-header .card-header-time {
            display: block;
            color: #767676;
            padding: 5px 0;
            border-top: 1px solid #ebebeb
        }

        .card .card-header .card-header-location {
            display: block;
            color: #767676;
            padding: 5px 0;
            border-top: 1px solid #ebebeb
        }

        .card .card-header .card-header-time {
            margin-top: 4px
        }

        .card .card-header .card-header-location {
            border-bottom: 1px solid #ebebeb
        }

    .card .card-content {
        padding: 0 16px
    }

    .card .card-content-simple {
        padding: 0
    }

    .card .card-footer {
        padding: 16px;
        font-size: 1.6rem
    }

        .card .card-footer .icon {
            vertical-align: top
        }

        .card .card-footer a {
            text-decoration: none
        }

    .card .time {
        display: block;
        margin-top: 8px
    }

    .card .title {
        margin: 0;
        font-weight: 400;
        font-size: 2rem
    }

    .card .ingress {
        margin-top: 6px;
    }

        .card .ingress .text {
            padding-bottom: 10px;
            padding-top: 10px;
        }

    .card .title a {
        color: #e41e26;
        text-decoration: none
    }

    .card p {
        font-size: 1.4rem;
        margin: 8px 0
    }

    .card.card-cta .card-footer {
        border-top: 1px solid transparent;
        padding: 8px 16px 16px
    }

        .card.card-cta .card-footer .button {
            display: block
        }

        .card.card-cta .card-footer button {
            width: 100%
        }

    .card.card-form .card-footer {
        border-top: 1px solid transparent;
        padding: 0 16px 8px
    }

        .card.card-form .card-footer .button {
            display: block
        }

        .card.card-form .card-footer button {
            width: 100%
        }

.startpageinfo .card-content {
    text-align: justify
}

.startpageinfo .card-content, .startpageinfo .card-header, .startpageinfo .card-footer {
    padding: 0
}

    .startpageinfo .card-header .title {
        Font-size: 2.5rem;
        Font-weight: normal
    }

.card-default {
    border-radius: 2px;
    background: #fff;
    box-shadow: -1px 0 2px 0 rgba(0,0,0,.12),1px 0 2px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24)
}

    .card-default .card-footer {
        border-top: 1px solid #ebebeb
    }

.card-product {
    border-radius: 2px;
    background: #fff;
    border: 1px solid #dedede
}

    .card-product:hover, .card-product:focus {
        border: 1px solid #ccc;
        box-shadow: 0 2px 4px rgba(0,0,0,.22),0 0 4px rgba(0,0,0,.22);
        transition: all .1s ease-in-out;
        outline: none
    }

        .card-product:hover .title {
            color: #000
        }

        .card-product:focus .title {
            color: #000
        }

    .card-product .card-content > p {
        margin-top: 6px;
        margin-bottom: 14px
    }

    .card-product .card-footer {
        border-top: 1px solid #ebebeb
    }

.card-list .card-header .title {
    margin-top: 0;
    margin-bottom: 16px
}

.card-list .card-header p {
    margin: 16px 0
}

.card-list .card-content {
    background: #fafafa;
    padding: 0;
    counter-reset: default-counter
}

    .card-list .card-content div {
        overflow: hidden
    }

    .card-list .card-content a {
        text-decoration: none
    }

    .card-list .card-content p {
        margin: 0
    }

    .card-list .card-content .unordered {
        margin: 0;
        padding: 0
    }

    .card-list .card-content .ordered {
        margin: 0;
        padding: 0
    }

        .card-list .card-content .ordered li:before {
            float: left;
            display: block;
            border: 1px solid #ccc;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            text-align: center;
            color: #000;
            background: #fff;
            margin-top: 6px;
            margin-right: 16px;
            line-height: 30px;
            font-size: 13px;
            font-weight: 700;
            content: counter(default-counter);
            counter-increment: default-counter
        }

        .card-list .card-content .ordered li, .card-list .card-content .unordered li {
            position: relative;
            padding: 16px;
            list-style: none;
            border-top: 1px solid #ebebeb;
            font-size: 1.4rem
        }

.card-news-list .card-content ul, .card-events-list .card-content ul, .card-vacancies-list .card-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.card-news-list .card-content li, .card-events-list .card-content li, .card-vacancies-list .card-content li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ebebeb;
    padding: 10px 20px
}

.card-news-list .card-content .title, .card-events-list .card-content .title, .card-vacancies-list .card-content .title {
    font-size: 14px
}

.card-case {
    position: relative
}

    .card-case .card-footer .button {
        display: block;
        background: #fff;
        color: #000
    }

    .card-case .application-area {
        position: absolute;
        top: 0;
        right: 16px;
        box-shadow: 0 2px 3px rgba(0,0,0,.3);
        margin: 0;
        padding: 10px 15px;
        background: #fff
    }

.type-default-bg .application-area {
    color: #fff;
    background: #767676
}

.type-energy-bg .application-area {
    color: #fff;
    background: #9eb521
}

.type-industrial-bg .application-area {
    color: #fff;
    background: #f2c208
}

.type-refrigeration-bg .application-area {
    color: #fff;
    background: #8abfc4
}

.type-heating-bg .application-area {
    color: #fff;
    background: #f0801a
}

.type-ac-bg .application-area {
    color: #fff;
    background: #478cba
}

.card-contact {
    position: relative
}

    .card-contact .application-area {
        position: absolute;
        top: -1px;
        right: 16px;
        box-shadow: 0 2px 3px rgba(0,0,0,.3);
        margin: 0;
        padding: 5px 10px;
        background: #fff;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700
    }

    .card-contact .card-content {
        padding: 16px
    }

    .card-contact .sub-title {
        font-style: italic;
        margin: 5px 0 0
    }

    .card-contact .phone {
        margin-top: 8px
    }

    .card-contact .fax {
        margin-top: 8px
    }

        .card-contact .fax .icon {
            width: 18px;
            margin-right: 6px
        }

    .card-contact .email {
        margin-top: 8px
    }

    .card-contact .icon {
        color: #767676
    }

.card-contact-person {
    position: relative;
    padding-top: 16px
}

    .card-contact-person .card-media {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        overflow: hidden;
        border-radius: 50%
    }

        .card-contact-person .card-media img {
            width: auto;
            height: auto
        }

.card-shortcuts ul {
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    font-size: 1.4rem
}

.card-shortcuts li {
    padding: 6px 0 5px
}

.card-shortcuts a {
    text-decoration: none
}

    .card-shortcuts a:hover span, .card-shortcuts a:focus span {
        text-decoration: underline
    }

    .card-shortcuts a[data-selected] {
        font-weight: 700;
        color: #000
    }

.card-shortcuts .card-content {
    padding-bottom: 16px
}

.search-content .card-shortcuts {
    padding-bottom: 16px
}

.card-news {
    background: #fff
}

.card-product-filter, .card-cross-reference {
    background: #f5f5f5
}

    .card-product-filter .button-more, .card-cross-reference .button-more {
        text-align: left;
        padding: 8px 10px
    }

    .card-product-filter .form-search, .card-cross-reference .form-search {
        margin-top: 8px
    }

        .card-product-filter .form-search input {
            background: #fff url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2232px%22%20height%3D%2231px%22%20viewBox%3D%220%200%2032%2031%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%203.3.2%20(12043)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EImported%20Layers%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Imported-Layers%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(0.000000%2C%20-1.000000)%22%20fill%3D%22%232B2929%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.0937931%2C20.3288276%20C7.72744828%2C20.3288276%204.17544828%2C16.7768276%204.17544828%2C12.4104828%20C4.17544828%2C8.04413793%207.72744828%2C4.49213793%2012.0937931%2C4.49213793%20C16.4612414%2C4.49213793%2020.0132414%2C8.04413793%2020.0132414%2C12.4104828%20C20.0132414%2C16.7768276%2016.4612414%2C20.3288276%2012.0937931%2C20.3288276%20M12.0937931%2C1.08910345%20C5.85048276%2C1.08910345%200.771310345%2C6.16717241%200.771310345%2C12.4104828%20C0.771310345%2C18.6537931%205.85048276%2C23.7329655%2012.0937931%2C23.7329655%20C18.3371034%2C23.7329655%2023.4151724%2C18.6537931%2023.4151724%2C12.4104828%20C23.4151724%2C6.16717241%2018.3371034%2C1.08910345%2012.0937931%2C1.08910345%22%20id%3D%22Fill-1%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30.0005517%2C25.5856552%20L23.7605517%2C19.1315862%20C22.6328276%2C21.0846897%2021.0295172%2C22.7233103%2019.1073103%2C23.9017931%20L25.4808276%2C30.4915862%20C26.8347586%2C31.7395862%2028.9445517%2C31.6535172%2030.1925517%2C30.2973793%20C31.4405517%2C28.9423448%2031.3555862%2C26.8336552%2030.0005517%2C25.5856552%22%20id%3D%22Fill-2%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') 6px 50% no-repeat;
            background-size: 18px 18px;
            padding: 6px 6px 6px 26px
        }

        .card-cross-reference .form-search input {
            background: #fff url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2232px%22%20height%3D%2231px%22%20viewBox%3D%220%200%2032%2031%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%203.3.2%20(12043)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EImported%20Layers%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Imported-Layers%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(0.000000%2C%20-1.000000)%22%20fill%3D%22%232B2929%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.0937931%2C20.3288276%20C7.72744828%2C20.3288276%204.17544828%2C16.7768276%204.17544828%2C12.4104828%20C4.17544828%2C8.04413793%207.72744828%2C4.49213793%2012.0937931%2C4.49213793%20C16.4612414%2C4.49213793%2020.0132414%2C8.04413793%2020.0132414%2C12.4104828%20C20.0132414%2C16.7768276%2016.4612414%2C20.3288276%2012.0937931%2C20.3288276%20M12.0937931%2C1.08910345%20C5.85048276%2C1.08910345%200.771310345%2C6.16717241%200.771310345%2C12.4104828%20C0.771310345%2C18.6537931%205.85048276%2C23.7329655%2012.0937931%2C23.7329655%20C18.3371034%2C23.7329655%2023.4151724%2C18.6537931%2023.4151724%2C12.4104828%20C23.4151724%2C6.16717241%2018.3371034%2C1.08910345%2012.0937931%2C1.08910345%22%20id%3D%22Fill-1%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30.0005517%2C25.5856552%20L23.7605517%2C19.1315862%20C22.6328276%2C21.0846897%2021.0295172%2C22.7233103%2019.1073103%2C23.9017931%20L25.4808276%2C30.4915862%20C26.8347586%2C31.7395862%2028.9445517%2C31.6535172%2030.1925517%2C30.2973793%20C31.4405517%2C28.9423448%2031.3555862%2C26.8336552%2030.0005517%2C25.5856552%22%20id%3D%22Fill-2%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') 6px 50% no-repeat;
            background-size: 18px 18px;
            padding: 6px 6px 6px 26px
        }

    .card-product-filter legend, .card-cross-reference legend {
        margin-bottom: 8px
    }

    .card-product-filter .form-select, .card-cross-reference .form-select {
        margin-bottom: 8px
    }

    .card-product-filter select, .card-cross-reference select {
        width: 100%
    }

    .card-product-filter .filtered-list, .card-cross-reference .filtered-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .card-product-filter .filtered-list a {
            display: block;
            text-decoration: none;
            padding: 8px 0;
            border-top: 1px solid #dedede
        }

        .card-cross-reference .filtered-list a {
            display: block;
            text-decoration: none;
            padding: 8px 0;
            border-top: 1px solid #dedede
        }

        .card-product-filter .filtered-list a[data-selected] {
            font-weight: 500;
            color: #767676
        }

        .card-cross-reference .filtered-list a[data-selected] {
            font-weight: 500;
            color: #767676
        }

    .card-product-filter .more-filters, .card-cross-reference .more-filters {
        margin-top: 10px
    }

.card-product-filter {
    padding-bottom: 16px
}

.card-cross-reference .form-number {
    margin-bottom: 0
}

.card-cross-reference .button {
    margin: 0
}

.submit-filter {
    display: none
}

.no-js .submit-filter {
    display: block
}

.card-newsletter .form-input, .card-newsletter .form-select {
    margin-bottom: 8px
}

.card-wip {
    background: #fdd400;
    text-align: center;
    border: 2px solid #000
}

    .card-wip .card-content {
        min-height: 200px;
        position: relative
    }

        .card-wip .card-content p {
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.card-support {
    margin: auto;
    clear: none
}

    .card-support .primary {
        float: left
    }

    .card-support .secondary {
        float: right
    }

.tab-bar {
    position: relative;
    z-index: 1
}

    .tab-bar ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .tab-bar li {
        float: left
    }

    .tab-bar a {
        margin: 0 2px -1px;
        padding: 8px 16px;
        display: block;
        text-decoration: none;
        border: 1px solid #dedede;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background: #dedede;
        color: #000
    }

        .tab-bar a:first-child {
            margin-left: 0
        }

        .tab-bar a[data-selected] {
            color: #e41e26;
            background: #fff;
            border-color: #fff
        }

.iframe-wrapper[data-src*="youtube.com"], .iframe-wrapper[data-src*="vimeo.com"] {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden
}

    .iframe-wrapper[data-src*="youtube.com"] > iframe, .iframe-wrapper[data-src*="vimeo.com"] > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.header {
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid #dedede
}

    .header .logo {
        margin: 10px auto;
        display: block
    }

    .header a:hover, .header a:focus {
        color: #e0e0e0
    }

    .header:after {
        content: '';
        display: table;
        clear: both
    }

.logo, .logo img {
    width: 87px;
    height: 30px
}

.navigation-container {
    display: none
}

    .navigation-container[aria-expanded=true] {
        background: #fff;
        display: block;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        left: 0;
        width: 100vw;
        max-height: calc(100vh - 50px)
    }

.primary-navigation ul {
    margin: 0;
    padding: 0
}

    .primary-navigation ul:after {
        content: '';
        display: table;
        clear: both
    }

.primary-navigation li {
    margin: 0;
    list-style: none
}

.primary-navigation a {
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all .1s linear
}

    .primary-navigation a:hover {
        color: #fff;
        background-color: #e41e26
    }

    .primary-navigation a:focus {
        color: #fff;
        background-color: #e41e26
    }

    .primary-navigation a[data-selected] {
        color: #fff;
        background-color: #e41e26
    }

.secondary-navigation ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc
}

    .secondary-navigation ul:after {
        content: '';
        display: table;
        clear: both
    }

.secondary-navigation li {
    list-style: none;
    position: relative
}

    .secondary-navigation li .language-chooser {
        display: none;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        background: #fff
    }

        .secondary-navigation li .language-chooser[aria-expanded=false] {
            display: none
        }

        .secondary-navigation li .language-chooser[aria-expanded=true] {
            display: block
        }

        .secondary-navigation li .language-chooser li {
            float: none;
            display: block;
            border-bottom: 1px solid #dedede
        }

        .secondary-navigation li .language-chooser a {
            display: block
        }

    .secondary-navigation li:last-child {
        margin-right: 0
    }

    .secondary-navigation li .language-button {
        text-align: left;
        border: 0;
        background: transparent;
        width: 100%;
        color: #767676
    }

        .secondary-navigation li .language-button .icon {
            float: right;
            margin-top: 3px
        }

.secondary-navigation a {
    display: block;
    border-bottom: 1px solid transparent;
    font-size: 1.3rem;
    line-height: 2.6rem;
    color: #767676;
    text-decoration: none;
    padding: 5px 20px;
    transition: background .3s ease-in-out,color .2s ease-in-out
}

.secondary-navigation .language-button {
    display: block;
    border-bottom: 1px solid transparent;
    font-size: 1.3rem;
    line-height: 2.6rem;
    color: #767676;
    text-decoration: none;
    padding: 5px 20px;
    transition: background .3s ease-in-out,color .2s ease-in-out
}

    .secondary-navigation a .icon-chevron-down, .secondary-navigation .language-button .icon-chevron-down {
        margin-left: 4px;
        width: 10px;
        height: 10px;
        fill: currentColor
    }

.secondary-navigation a[data-selected] {
    background: rgba(51,51,51,.05);
    color: #000
}

.secondary-navigation a:hover {
    background: rgba(51,51,51,.05);
    color: #000
}

.secondary-navigation a:focus {
    background: rgba(51,51,51,.05);
    color: #000
}

.secondary-navigation .language-button[data-selected] {
    background: rgba(51,51,51,.05);
    color: #000
}

.secondary-navigation .language-button:hover {
    background: rgba(51,51,51,.05);
    color: #000
}

.secondary-navigation .language-button:focus {
    background: rgba(51,51,51,.05);
    color: #000
}

.header-search {
    display: none;
    margin-bottom: 10px
}

    .header-search[aria-expanded=true] {
        display: block
    }

    .header-search input {
        box-sizing: border-box;
        border: 1px solid #dedede;
        width: 100%;
        padding: 10px 10px 10px 30px;
        border-radius: 3px;
        background: #fff url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2232px%22%20height%3D%2231px%22%20viewBox%3D%220%200%2032%2031%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%203.3.2%20(12043)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EImported%20Layers%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Imported-Layers%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(0.000000%2C%20-1.000000)%22%20fill%3D%22%232B2929%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.0937931%2C20.3288276%20C7.72744828%2C20.3288276%204.17544828%2C16.7768276%204.17544828%2C12.4104828%20C4.17544828%2C8.04413793%207.72744828%2C4.49213793%2012.0937931%2C4.49213793%20C16.4612414%2C4.49213793%2020.0132414%2C8.04413793%2020.0132414%2C12.4104828%20C20.0132414%2C16.7768276%2016.4612414%2C20.3288276%2012.0937931%2C20.3288276%20M12.0937931%2C1.08910345%20C5.85048276%2C1.08910345%200.771310345%2C6.16717241%200.771310345%2C12.4104828%20C0.771310345%2C18.6537931%205.85048276%2C23.7329655%2012.0937931%2C23.7329655%20C18.3371034%2C23.7329655%2023.4151724%2C18.6537931%2023.4151724%2C12.4104828%20C23.4151724%2C6.16717241%2018.3371034%2C1.08910345%2012.0937931%2C1.08910345%22%20id%3D%22Fill-1%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30.0005517%2C25.5856552%20L23.7605517%2C19.1315862%20C22.6328276%2C21.0846897%2021.0295172%2C22.7233103%2019.1073103%2C23.9017931%20L25.4808276%2C30.4915862%20C26.8347586%2C31.7395862%2028.9445517%2C31.6535172%2030.1925517%2C30.2973793%20C31.4405517%2C28.9423448%2031.3555862%2C26.8336552%2030.0005517%2C25.5856552%22%20id%3D%22Fill-2%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E') 7px 50% no-repeat;
        background-size: 18px 18px;
        color: #333;
        transition: background .2s ease-in-out,border-color .15s ease-in-out,box-shadow .3s ease-in-out
    }

        .header-search input:hover {
            border: 1px solid #dedede
        }

        .header-search input:focus {
            outline: none;
            border-color: #e41e26;
            box-shadow: 0 0 5px rgba(228,30,38,.5)
        }

    .header-search button {
        display: none
    }

.button-navigation {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 36px;
    padding: 0;
    height: 36px;
    background: transparent;
    border: 0;
    color: #000;
    border-radius: 3px
}

.button-search {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 36px;
    padding: 0;
    height: 36px;
    background: transparent;
    border: 0;
    color: #000;
    border-radius: 3px
}

    .button-navigation .icon, .button-search .icon {
        width: 26px;
        height: 26px
    }

    .button-navigation .icon-search, .button-search .icon-search {
        width: 20px;
        height: 20px
    }

.button-search {
    left: auto;
    right: 14px
}

.footer {
    padding: 48px 0 0;
    color: #fff;
    background-color: #e41e26;
    font-size: 1.4rem;
    line-height: 1.7142857143
}

    .footer .title {
        font-size: 1.8rem;
        color: #fff
    }

    .footer p {
        color: #fff
    }

    .footer a {
        color: #fff
    }

    .footer p, .footer .address {
        margin-top: 13px;
        margin-bottom: 16px;
        line-height: 24px
    }

    .footer .icon {
        display: inline-block;
        margin: 3px 4px 0 0;
        width: 17px;
        height: 17px;
        vertical-align: top
    }

    .footer .row .card:nth-child(3n+3) {
        clear: none
    }

    .footer .row .card-footer {
        padding-top: 0;
        font-size: 1.4rem
    }

    .footer .card-summary {
        width: calc(100% - 20px)
    }

    .footer .card-contact {
        padding: 0;
        width: calc(100% - 20px)
    }

        .footer .card-contact .application-area {
            position: absolute;
            top: 0;
            right: 16px;
            box-shadow: 0 2px 3px rgba(0,0,0,.3);
            margin: 0;
            padding: 10px 15px;
            background: #fff
        }

        .footer .card-contact .icon {
            color: #fff
        }

        .footer .card-contact .card-content {
            padding-top: 0;
            padding-bottom: 0
        }

        .footer .card-contact .email {
            margin-bottom: 16px
        }

    .footer .card-shortcuts {
        width: calc(100% - 20px)
    }

        .footer .card-shortcuts ul {
            margin: 7px 0 0
        }

.extended-information {
    padding: 13px 0 4px;
    background: #a80014;
    color: #fff;
    font-size: 1.4rem;
    text-align: center
}

    .extended-information .colophon {
        padding-top: 8px
    }

    .extended-information .logo {
        display: block;
        margin: 0 auto 16px;
        width: 87px;
        height: 30px;
        background-size: 100%;
        background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22145%22%20height%3D%2250%22%20viewBox%3D%220%200%20145%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Elogo%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.71%2039.01h31.66c2.977%200%205.446%202.464%205.446%205.433%200%202.97-2.405%205.39-5.384%205.39H7.71V46.86h3.383v-4.665H7.71V39.01zm.423.422H39.05c2.98%200%205.342%202.042%205.342%205.01%200%202.972-2.3%204.97-5.277%204.97H8.133v-2.13h3.382v-5.51H8.133v-2.34z%22%2F%3E%3Cpath%20d%3D%22M15.816%2042.916v3.14c.022%200%20.022.02.043.02h.105c.086%200%20.17-.02.255-.042v1.146h-2.34v-5.39h2.34v1.146a1.477%201.477%200%200%200-.255-.02h-.15.002zm5.894-1.273v1.124c-.128%200-.234.043-.3.15-.062.084-.104.232-.104.423v2.29c0%20.213.042.362.105.447.066.106.172.148.3.148v1.125c-.51%200-.936-.085-1.298-.234-.34-.148-.617-.36-.81-.68-.105-.168-.17-.402-.233-.678-.043-.253-.065-.742-.065-1.443%200-.636.043-1.102.128-1.38.085-.295.234-.528.447-.72.213-.19.468-.34.766-.424.32-.105.68-.147%201.064-.147v-.001zm-5.49%204.39a.38.38%200%200%200%20.256-.147c.085-.106.127-.34.127-.658v-1.464c0-.34-.022-.553-.127-.678a.5.5%200%200%200-.256-.15V41.79h.32c.702%200%201.213.15%201.553.468.34.297.51.764.51%201.4v1.676c0%20.638-.17%201.103-.51%201.4-.34.297-.85.446-1.553.446h-.32V46.033zm13.766%201.147v-5.39h4.042v1.274h-2.106v.828h1.915v1.187h-1.915v.85h2.106v1.25h-4.042v.001zm-5.574-5.39h1.978l.554%204.075h.085l.552-4.074h1.978l-1.234%205.39h-2.68l-1.234-5.39.001-.001zm-2.702%205.56v-1.125c.15%200%20.255-.042.32-.148.063-.085.084-.234.084-.446v-2.29c0-.19-.02-.34-.085-.445-.065-.085-.17-.128-.32-.128v-1.124c.404%200%20.766.042%201.064.148.32.086.574.234.787.426.213.19.363.424.448.72.084.277.127.807.127%201.57%200%20.573-.043%201-.085%201.274a1.676%201.676%200%200%201-.234.657c-.192.318-.468.53-.808.68-.34.148-.788.233-1.298.233v-.002zm15.723-5.56v1.062c-.108-.01-.214-.02-.34-.02H36.9v1.08a.55.55%200%200%200%20.107.022c.057.004.095%200%20.116%200%20.127%200%20.196-.013.31-.02v1.102a1.193%201.193%200%200%200-.426-.063H36.9v2.227h-1.914v-5.39h2.447zm0%203.226v-1.103a.838.838%200%200%200%20.318-.106c.13-.085.193-.234.193-.425%200-.19-.064-.34-.192-.424a.92.92%200%200%200-.317-.106v-1.06h.446c.638%200%201.105.127%201.404.36.276.234.425.594.425%201.082%200%20.34-.086.615-.256.828-.17.19-.426.34-.766.403v.042c.383.064.66.17.787.36.15.19.213.658.213%201.38v.276c0%20.17.02.296.042.38a.758.758%200%200%200%20.17.277h-2c-.063-.064-.106-.17-.15-.255a2.051%202.051%200%200%201-.04-.402c.002-.116-.005-.168%200-.382.01-.128.018-.268.02-.382%200-.34-.042-.55-.148-.657-.043-.02-.086-.062-.15-.084l.001-.002zM54.58%2042.09v.826a.35.35%200%200%200-.254.106c-.065.084-.086.19-.086.34v1.676c0%20.148.02.254.086.318a.352.352%200%200%200%20.255.106v.827a3.04%203.04%200%200%201-1.063-.17%201.389%201.389%200%200%201-.68-.51%201.282%201.282%200%200%201-.192-.488c-.043-.19-.043-.55-.043-1.06%200-.467.022-.807.085-1.02.085-.21.192-.38.362-.53a2.68%202.68%200%200%201%20.66-.317c.254-.065.55-.106.87-.106v.002zm-2.552%202.63c-.022.53-.192.912-.51%201.187-.34.254-.83.382-1.49.382-.426%200-.787-.065-1.064-.17a1.49%201.49%200%200%201-.68-.51%201.282%201.282%200%200%201-.192-.488c-.022-.19-.043-.55-.043-1.06%200-.467.02-.807.106-1.02.063-.21.19-.38.34-.53.19-.126.404-.233.66-.317a3.56%203.56%200%200%201%20.872-.106c.66%200%201.15.126%201.49.4.318.256.488.638.51%201.147h-1.64v-.148c0-.214-.02-.362-.083-.447-.043-.085-.15-.127-.277-.127a.348.348%200%200%200-.255.106.647.647%200%200%200-.086.34v1.676c0%20.148.043.254.086.318a.352.352%200%200%200%20.255.106c.15%200%20.234-.043.277-.128.063-.085.084-.233.084-.466v-.15h1.638l.002.005zm5.212%201.44v-3.944h2.34l.34%202.63h.044l.34-2.63h2.34v3.945h-1.36v-3.096h-.065l-.576%203.097H59.24l-.596-3.096h-.042v3.097H57.24v-.003zm-2.66.13v-.828a.356.356%200%200%200%20.256-.106c.064-.064.085-.17.085-.318V43.36c0-.147-.02-.275-.084-.338a.353.353%200%200%200-.255-.106v-.827c.34%200%20.618.04.873.105.255.084.49.19.66.318.17.148.276.318.36.53.065.212.107.594.107%201.146%200%20.422-.02.74-.063.932-.043.212-.107.36-.192.488-.17.233-.382.403-.68.51a3.05%203.05%200%200%201-1.064.17l-.003.002zm10.808-4.074l.003.84c-.12-.028-.3-.034-.3-.034h-.084v1.103h.085c.107%200%20.217-.01.3-.032l-.002.817h-.382v1.25h-1.574v-3.944h1.956-.002zm1.895%203.69v.255h-.085l.085-.253v-.002zm0-2.905v1.125c-.065.19-.17.36-.298.466-.235.214-.617.32-1.128.32h-.47l.004-.817a.427.427%200%200%200%20.212-.096c.106-.084.17-.232.17-.423a.557.557%200%200%200-.17-.425c-.062-.057-.21-.093-.21-.093l-.004-.84h.384c.553%200%20.957.105%201.213.317.127.107.233.276.298.467l-.001-.001zm0%201.125c.042-.15.063-.34.063-.55%200-.235-.02-.426-.063-.574v1.125-.001zm2.19-1.91v.637h-.042l-.34%201.93h.383v.785h-.53l-.108.594h-1.552v-.253l1.085-3.69h1.105l-.001-.003zm8.726%203.946v-1.356l-1.32-2.588h1.637l.468%201.57h.043l.446-1.57h1.66l-1.34%202.588v1.357H78.2l-.001-.001zm-6.13%200v-3.944h2.107l.957%202.885h.064l-.064-2.884h1.383v3.945H74.41l-.936-2.884h-.064l.043%202.885H72.07l-.001-.003zm-2.597-.593v-.785h.384l-.34-1.93h-.044v-.636h1.108l1.17%203.945h-1.637l-.13-.593h-.51l-.001-.001zM.264%2046.183l1.15-3.967h1.105v.636h-.022l-.34%201.952h.36v.763h-.51l-.127.616H.264zm2.255-3.967h1.127l1.15%203.967H3.178l-.13-.616h-.53v-.763H2.9l-.34-1.952h-.04v-.636h-.001zM144.206%2012.588c-.413%201.024-1.117%202.017-1.852%202.84-.685.684-1.293%201.096-2.435%201.746-1.19.617-2.57.92-3.986.93l-13.58-.003a2.43%202.43%200%200%200-2.43%202.422l-.002%209.116a2.492%202.492%200%200%201-2.494%202.488%202.492%202.492%200%200%201-2.495-2.488l.003-9.116a7.347%207.347%200%200%201%202.174-5.23%207.407%207.407%200%200%201%205.244-2.166h13.55c1.924.008%203.99-1.483%203.987-3.987-.002-1.09-.49-2.128-1.17-2.82a3.976%203.976%200%200%200-2.826-1.165H91.842c-.83-.003-1.508.196-2.11.604-.593.4-.982.976-1.257%201.63L80.358%2026.9a8.576%208.576%200%200%201-3.103%203.762%208.539%208.539%200%200%201-4.788%201.46%208.558%208.558%200%200%201-7.89-5.214%208.471%208.471%200%200%201-.673-3.326V8.544a3.572%203.572%200%200%200-7.144-.007v15.047a8.471%208.471%200%200%201-.673%203.326%208.482%208.482%200%200%201-1.834%202.713%208.56%208.56%200%200%201-2.72%201.83%208.567%208.567%200%200%201-3.333.67%208.56%208.56%200%200%201-3.333-.67%208.56%208.56%200%200%201-2.72-1.83%208.49%208.49%200%200%201-2.508-6.039V9.37c0-2.33-1.9-4.228-4.237-4.228H8.992a3.975%203.975%200%200%200-2.827%201.166%203.955%203.955%200%200%200-1.17%202.82c0%201.064.415%202.066%201.17%202.818a3.977%203.977%200%200%200%202.827%201.17h14.792c1.273%200%202.51.248%203.674.74a9.4%209.4%200%200%201%203%202.016%209.392%209.392%200%200%201-.002%2013.311%209.418%209.418%200%200%201-6.673%202.756l-21.29-.013A2.489%202.489%200%200%201%200%2029.44a2.484%202.484%200%200%201%202.494-2.48h21.29a4.427%204.427%200%200%200%203.146-1.294%204.41%204.41%200%200%200%201.302-3.14%204.398%204.398%200%200%200-1.303-3.136%204.419%204.419%200%200%200-3.146-1.3H8.992a8.963%208.963%200%200%201-6.355-2.626%208.913%208.913%200%200%201-1.924-2.848%208.873%208.873%200%200%201-.708-3.49%208.87%208.87%200%200%201%20.708-3.488%208.885%208.885%200%200%201%201.925-2.847A8.964%208.964%200%200%201%208.993.167h26.412c1.245%200%202.453.246%203.592.727a9.202%209.202%200%200%201%204.906%204.894%209.127%209.127%200%200%201%20.726%203.582v14.214a3.571%203.571%200%200%200%203.573%203.564%203.57%203.57%200%200%200%203.572-3.564V8.537c0-1.152.226-2.27.672-3.323A8.552%208.552%200%200%201%2060.335%200a8.531%208.531%200%200%201%206.054%202.505%208.546%208.546%200%200%201%201.832%202.714%208.465%208.465%200%200%201%20.674%203.323v15.04a3.571%203.571%200%200%200%203.573%203.565c1.436%200%202.743-1.007%203.288-2.17l8.13-19.548c-.012.026.012-.027%200%200%20.81-1.678%201.772-2.796%203.113-3.768C88.43.627%2090.1.188%2091.82.182l44.074-.005a8.968%208.968%200%200%201%206.354%202.625%208.916%208.916%200%200%201%202.632%206.338%209.192%209.192%200%200%201-.674%203.448zm-57.098%203.008a2.49%202.49%200%200%201%202.495-2.487h16.718a2.49%202.49%200%200%201%202.496%202.486%202.49%202.49%200%200%201-2.495%202.488H89.604a2.49%202.49%200%200%201-2.495-2.488l-.001.001zm19.22%2016.34H83.836a2.492%202.492%200%200%201-2.494-2.488%202.491%202.491%200%200%201%202.494-2.488h22.492a2.49%202.49%200%200%201%202.493%202.488%202.49%202.49%200%200%201-2.492%202.487l-.001.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
    }

    .extended-information a {
        color: #fff;
        font-size: 1.2rem
    }

    .extended-information p {
        margin: 2px 16px 0 0;
        font-size: 1.2rem;
        line-height: 24px
    }

    .extended-information ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .extended-information .extra-links li {
        display: inline-block;
        margin-top: 1px;
        margin-right: 16px
    }

    .extended-information .social {
        margin: 32px auto 16px;
        display: inline-block
    }

        .extended-information .social li {
            float: left;
            margin-left: 10px
        }

        .extended-information .social .icon {
            width: 29px;
            height: 29px
        }

        .extended-information .social a {
            display: block
        }

        .extended-information .social:after {
            content: '';
            display: table;
            clear: both
        }

.sitemap .sitemap-section {
    width: calc(100% - 20px);
    margin-bottom: 32px
}

    .sitemap .sitemap-section:nth-child(1n+1) {
        clear: both
    }

    .sitemap .sitemap-section h2 {
        font-size: 2rem;
        margin-bottom: 16px
    }

        .sitemap .sitemap-section h2 a {
            text-decoration: none;
            color: #000
        }

    .sitemap .sitemap-section a {
        text-decoration: none
    }

        .sitemap .sitemap-section a:hover, .sitemap .sitemap-section a:focus {
            text-decoration: underline
        }

    .sitemap .sitemap-section ul {
        margin: 0 0 16px;
        padding: 0;
        list-style: none;
        line-height: 28px
    }

        .sitemap .sitemap-section ul ul {
            margin: 0;
            padding-left: 16px
        }

.sitemap:after {
    content: '';
    display: table;
    clear: both
}

.message-cookies {
    background: rgba(0,0,0,.9);
    padding: 16px;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 1000
}

    .message-cookies p {
        font-size: 1.4em;
        margin: 0;
        color: #fff;
        display: inline-block;
        display: inline-block;
        text-align: left
    }

    .message-cookies a:hover {
        color: #fff
    }

    .message-cookies .icon {
        margin-top: -2px
    }

    .message-cookies .button {
        float: right;
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0
    }

.application-area-block {
    width: 100%;
    height: 230px;
    max-height: 230px;
    -moz-ground-size: cover;
    background-size: cover;
    cursor: pointer;
    margin: 0 10px 10px 0;
    position: relative;
    overflow: hidden
}

    .application-area-block img {
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        width: 100%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .application-area-block .application-area-tile {
        width: 100%;
        vertical-align: bottom;
        position: absolute;
        bottom: 0
    }

    .application-area-block .application-area-header {
        background-color: rgba(221,12,12,.78);
        padding: 2px 10px
    }

    .application-area-block .application-area-description {
        height: 0;
        overflow: hidden;
        background-color: rgba(221,12,12,.78);
        padding: 0 10px
    }

    .application-area-block .application-area-header p {
        font-size: 18px;
        color: white;
        margin: 10px 0
    }

    .application-area-block .application-area-description p {
        font-size: 14px;
        color: white;
        margin: 10px 0
    }

.search-result {
    margin: 0;
    padding: 0;
    list-style: none
}

    .search-result ul {
        border-top: 1px solid #dedede
    }

    .search-result li {
        padding: 16px 0;
        border-bottom: 1px solid #dedede
    }

    .search-result h3 {
        margin: 0
    }

        .search-result h3 a {
            text-decoration: none;
            color: #333
        }

            .search-result h3 a:hover, .search-result h3 a:focus {
                text-decoration: underline
            }

    .search-result p {
        margin: 16px 0
    }

    .search-result .meta {
        margin: 0;
        font-size: 1.4rem
    }

.results {
    margin-bottom: 0
}

.sort {
    padding: 16px 0;
    border-bottom: 1px solid #dedede
}

    .sort .title {
        font-size: 1.6rem;
        display: inline;
        color: #000
    }

    .sort a {
        display: inline-block;
        margin: 0 10px;
        font-size: 1.6rem
    }

.sub-navigation {
    margin-bottom: 16px
}

    .sub-navigation ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .sub-navigation li {
        border-bottom: 1px solid #ebebeb
    }

        .sub-navigation li ul {
            border-top: 1px solid #ebebeb
        }

        .sub-navigation li li {
            margin-left: 20px;
            border-bottom: 1px solid #ebebeb
        }

            .sub-navigation li li:last-child {
                border-bottom: none
            }

    .sub-navigation a {
        display: block;
        padding: 10px 20px 10px 0;
        text-decoration: none
    }

        .sub-navigation a[data-selected] {
            color: #000;
            font-weight: 700
        }

    .sub-navigation .icon {
        width: 14px;
        height: 14px
    }

    .sub-navigation button {
        display: inline-block
    }

    .sub-navigation nav {
        display: none
    }

        .sub-navigation nav[aria-expanded=true] {
            display: block
        }

ul.sub-navigation-hierarchy {
    margin-bottom: 32px
}

.navigation-product-variation {
    margin: 0 0 32px
}

    .navigation-product-variation h2 {
        margin: 0;
        background: #dedede;
        border-bottom: 1px solid #fff;
        font-size: 16px;
        padding: 16px;
        color: #000
    }

    .navigation-product-variation ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background: rgba(222,222,222,.5)
    }

    .navigation-product-variation li {
        border-bottom: 1px solid #fff
    }

    .navigation-product-variation a {
        text-decoration: none;
        display: block;
        padding: 8px 16px
    }

.EPiServerForms {
    clear: both;
}

    .EPiServerForms .Form__Element .Form__Element__Caption {
        display: block !important;
        margin-bottom: 5px;
    }

    .EPiServerForms .Form__Element select {
        height: 30px;
        line-height: 30px;
        padding: .3em;
    }

    .EPiServerForms .Form__Element.FormChoice .Form__Element__Caption,
    .EPiServerForms .Form__Element.FormSelection .Form__Element__Caption {
        margin-bottom: 10px;
    }

    .EPiServerForms .Form__Title {
        margin-bottom: 10px;
    }

    .EPiServerForms .Form__Element input:not([type="radio"]):not([type="checkbox"]),
    .EPiServerForms .Form__Element textarea {
        width: 100%;
        padding: .3em;
    }

.information-block {
    display: flex;
    border: 1px solid #000;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    float: none;
    clear: both;
}

    .information-block .information-block-heading {
        margin-top: 0;
        margin: 0;
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 0;
        align-items: center;
        align-content: center;
        padding: 0;
    }

    .information-block .information-block-button {
        text-decoration: none;
        font-size: 15px;
        line-height: 24px;
        margin-left: 10px;
    }

@media screen and (min-width:700px) and (max-width:1024px) {
    .row, .main-content {
        margin-right: -16px;
        margin-left: -16px
    }

    .col, .sub-navigation, .product-image, .article, .row-header, .content, .sidebar, .sitemap-section {
        margin-right: 16px;
        margin-left: 16px
    }

    .wrapper {
        padding: 0 34px
    }

    .wrapper-startpage {
        padding: 0
    }

    .article {
        width: calc(66.66666666666667% - 32px)
    }

    .article-with-sidebar {
        width: 100%
    }

    .row .card {
        width: calc(50% - 32px);
        margin-right: 16px;
        margin-left: 16px;
        clear: none
    }

        .row .card:nth-child(3n+3) {
            clear: both
        }

    .one-column-listing .card {
        width: 100%
    }

    .two-column-listing .card {
        width: calc(50% - 32px)
    }

    .three-column-listing .card {
        width: calc(33.333333333333336% - 32px)
    }

        .three-column-listing .card:nth-child(3n+3) {
            clear: none
        }

    .four-column-listing .col {
        width: calc(33.333333333333336% - 32px)
    }

    .sub-navigation {
        width: calc(100% - 32px)
    }

    .product-image {
        width: calc(100% - 32px)
    }

    .product-listing {
        width: 66.66666666666667%
    }

        .product-listing .card {
            width: calc(50% - 32px);
            margin-right: 16px;
            margin-left: 16px;
            clear: none
        }

            .product-listing .card:nth-child(2n+3) {
                clear: both
            }

    .product-sidebar {
        width: 33.333333333333336%
    }

        .product-sidebar .card {
            width: calc(100% - 32px);
            margin-right: 16px;
            margin-left: 16px
        }

    .case-listing {
        width: 100%
    }

        .case-listing .card {
            width: calc(33.333333333333336% - 32px);
            margin-right: 16px;
            margin-left: 16px;
            clear: none
        }

            .case-listing .card:nth-child(3n+4) {
                clear: both
            }

    .contact-listing, .product-listing-wide {
        width: 100%
    }

        .contact-listing .card, .product-listing-wide .card {
            width: calc(33.333333333333336% - 32px);
            margin-right: 16px;
            margin-left: 16px;
            clear: none
        }

            .contact-listing .card:nth-child(3n+4), .product-listing-wide .card:nth-child(3n+4) {
                clear: both
            }

    .content {
        width: calc(66.66666666666667% - 32px)
    }

    .sidebar {
        float: right;
        width: calc(33.333333333333336% - 32px)
    }

    .application-areas-list .title {
        font-size: 40px
    }

    .application-areas-list li a {
        font-size: 1.4rem
    }

    .hero {
        margin-bottom: 16px
    }

        .hero .hero-content .title {
            font-size: 4rem;
            margin-bottom: 0
        }

    .hero-tilted {
        margin-bottom: 0
    }

    .hero-contact {
        margin-bottom: -60px
    }

    .row-header {
        width: calc(100% - 32px);
        margin-right: 16px;
        margin-left: 16px
    }

        .row-header .title {
            font-size: 2.4em
        }

    .tab-bar {
        margin-top: -74px
    }

    .footer .card-summary {
        width: calc(33.333333333333336% - 32px)
    }

    .footer .card-contact {
        width: calc(33.333333333333336% - 32px)
    }

    .footer .card-shortcuts {
        width: calc(33.333333333333336% - 32px)
    }

    .sitemap .sitemap-section {
        width: calc(50% - 32px)
    }

        .sitemap .sitemap-section:nth-child(1n+1) {
            clear: none
        }

        .sitemap .sitemap-section:nth-child(3n+3) {
            clear: both
        }

    .card.card-default.full {
        width: calc(100% - 32px);
    }

    .card.card-default.half {
        width: calc(50% - 32px);
    }

    .card.card-default.onethird {
        width: calc(33.333333333333336% - 32px);
    }

    .card.card-default.onequart {
        width: calc(25% - 32px);
    }
}

@media screen and (min-width:1300px) {
    .row, .main-content {
        margin-right: -16px;
        margin-left: -16px
    }

    .col, .sub-navigation, .product-image, .article, .row-header, .content, .sidebar, .sitemap-section {
        margin-right: 16px;
        margin-left: 16px
    }

    .hero {
        height: auto
    }
}

@media screen and (min-width:1025px) {
    .col, .sub-navigation, .product-image, .article, .row-header, .content, .sidebar, .sitemap-section {
        margin-right: 16px;
        margin-left: 16px
    }

    .main-information {
        width: 37%
    }

    .main-applications {
        width: 63%;
        margin-left: 30px
    }

        .main-applications #residential {
            width: 47%;
            float: left
        }

        .main-applications #industrial {
            width: 47%;
            float: right
        }

    .wrapper {
        max-width: 1358px;
        padding: 0 32px
    }

    .wrapper-startpage {
        max-width: 1256px;
        padding: 0;
        padding-right: 32px
    }

    .wrapper-mainpages {
        padding: 0 !important;
        max-width: 1300px !important
    }

    .article {
        width: calc(75% - 32px)
    }

    .article-with-sidebar {
        width: 75%
    }

    .row .card {
        width: calc(25% - 32px);
        margin-right: 16px;
        margin-left: 16px;
        clear: none
    }

        .row .card:nth-child(5n+5) {
            /*clear: both*/
        }




    .card.card-default.full {
        width: calc(100% - 32px);
    }

    .card.card-default.half {
        width: calc(50% - 32px);
    }

    .card.card-default.onethird {
        width: calc(33.333333333333336% - 32px);
    }

    .card.card-default.onequart {
        width: calc(25% - 32px);
    }


    .one-column-listing .card {
        width: 100%
    }

    .two-column-listing .card {
        width: calc(50% - 32px)
    }

    .three-column-listing .card {
        width: calc(33.333333333333336% - 32px)
    }

    .four-column-listing .col {
        width: calc(25% - 32px)
    }

    .sub-navigation {
        width: calc(25% - 32px)
    }

    .product-image {
        width: calc(25% - 32px)
    }

    .product-listing {
        width: 75%
    }

        .product-listing .card {
            width: calc(33.333333333333336% - 32px);
            margin-right: 16px;
            margin-left: 16px;
            clear: none
        }

            .product-listing .card:nth-child(3n+4) {
                clear: both
            }

    .product-sidebar {
        width: 25%
    }

        .product-sidebar .card {
            width: calc(100% - 32px);
            margin-right: 16px;
            margin-left: 16px
        }

    .case-listing {
        width: 75%
    }

        .case-listing .card {
            width: calc(33.333333333333336% - 32px);
            margin-right: 16px;
            margin-left: 16px;
            clear: none
        }

            .case-listing .card:nth-child(3n+4) {
                clear: both
            }

    .contact-listing, .product-listing-wide {
        width: 100%
    }

        .contact-listing .card, .product-listing-wide .card {
            width: calc(25% - 32px);
            margin-right: 16px;
            margin-left: 16px;
            clear: none
        }

            .contact-listing .card:nth-child(4n+5), .product-listing-wide .card:nth-child(4n+5) {
                clear: both
            }

    .content {
        width: calc(66.66666666666666% - 32px)
    }

    .sidebar {
        float: right;
        width: calc(33.33333333333333% - 32px)
    }

    .application-areas-list .title {
        font-size: 60px
    }

    .application-areas-list li a {
        font-size: 1.7rem
    }

    .hero {
        margin-bottom: 32px;
        height: auto
    }

        .hero .hero-content .title {
            font-size: 4.2rem;
            margin-bottom: 0
        }

    .hero-tilted {
        margin-bottom: 0
    }

    .hero-contact {
        margin-bottom: -80px
    }

        .hero-contact .card-contact {
            position: absolute;
            top: 16px;
            left: 140px;
            min-width: 320px;
            text-align: left
        }

        .hero-contact .card-contact-form {
            text-align: left;
            position: absolute;
            top: 16px;
            right: 140px;
            min-width: 320px;
            background: #fff
        }

            .hero-contact .card-contact-form .card-content {
                padding-top: 16px
            }

    .row-header {
        padding: 0 0 32px;
        width: calc(100% - 32px);
        margin-right: 16px;
        margin-left: 16px
    }

        .row-header .title {
            font-size: 3.2em
        }

    .tab-bar {
        margin-top: -90px
    }

    .header-search input {
        font-size: 1.3rem
    }

    .footer .card-summary {
        width: calc(50% - 32px)
    }

    .footer .card-contact {
        width: calc(25% - 32px)
    }

    .footer .card-shortcuts {
        width: calc(25% - 32px)
    }

    .sitemap .sitemap-section {
        width: calc(25% - 32px)
    }

        .sitemap .sitemap-section:nth-child(1n+1) {
            clear: none
        }

        .sitemap .sitemap-section:nth-child(5n+5) {
            clear: both
        }

    .sub-navigation {
        margin-bottom: 32px
    }

        .sub-navigation button {
            display: none
        }

        .sub-navigation nav {
            display: block
        }


    .card.card-default.full {
        width: calc(100% - 32px);
    }

    .card.card-default.half {
        width: calc(50% - 32px);
    }

    .card.card-default.onethird {
        width: calc(33.333333333333336% - 32px);
    }

    .card.card-default.onequart {
        width: calc(25% - 32px);
    }
}

@media screen and (min-width:700px) {
    .align-left {
        float: left;
        margin: 6px 16px 16px 0
    }

    .align-right {
        float: right;
        margin: 6px 0 16px 16px
    }

    .main-applications #residential {
        padding-bottom: 30px
    }

    .article-with-sidebar .pagination {
        margin: 0
    }

    .product-listing .pagination {
        margin: 0
    }

    .case-listing .pagination {
        margin: 0
    }

    .contact-listing .pagination, .product-listing-wide .pagination {
        margin: 0
    }

    .application-areas-list {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .application-areas-list .column-first, .application-areas-list .column-second {
            padding: 0 20px;
            width: 50%;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin: 0 20px
        }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        max-width: none !important
    }

    h1 {
        font-size: 4rem;
        line-height: 1.2;
        margin-bottom: 32px
    }

    h2 {
        font-size: 2.8rem;
        line-height: 1.14286;
        margin-top: 32px;
        margin-bottom: 0
    }

    h3 {
        font-size: 2.4rem
    }

    h4 {
        font-size: 1.8rem;
        line-height: 1.5
    }

    h5 {
        font-size: 1.6rem;
        line-height: 1.5
    }

    .pagination li {
        display: inline
    }

    .breadcrumbs p {
        float: left;
        padding-left: 16px
    }

    .hero {
        height: 17vw;
        max-height: 320px
    }

        .hero .title {
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.3)
        }

        .hero p {
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.3)
        }

        .hero .hero-headline {
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.3)
        }

        .hero .hero-location {
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.3)
        }

        .hero .time {
            color: #fff;
            text-shadow: 0 1px 3px rgba(0,0,0,.3)
        }

        .hero.hero-dark .title {
            color: #000;
            text-shadow: 0 1px 3px rgba(255,255,255,.3)
        }

        .hero.hero-dark p {
            color: #000;
            text-shadow: 0 1px 3px rgba(255,255,255,.3)
        }

        .hero.hero-dark .hero-headline {
            color: #000;
            text-shadow: 0 1px 3px rgba(255,255,255,.3)
        }

        .hero.hero-dark .hero-location {
            color: #000;
            text-shadow: 0 1px 3px rgba(255,255,255,.3)
        }

        .hero.hero-dark .time {
            color: #000;
            text-shadow: 0 1px 3px rgba(255,255,255,.3)
        }

        .hero picture, .hero picture img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: auto
        }

        .hero .hero-content {
            margin-top: -20px;
            padding-top: 0;
            padding-left: 32px;
            padding-right: 32px;
            box-sizing: border-box;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            max-width: 768px;
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            z-index: 1
        }

            .hero .hero-content .title, .hero .hero-content p {
                text-align: center
            }

            .hero .hero-content .hero-location .hero-content {
                font-size: 4rem
            }

        .hero.hero-frontpage {
            margin-bottom: 0
        }

            .hero.hero-frontpage.hero-tilted .hero-frontpage-content {
                margin-top: 0
            }

            .hero.hero-frontpage .hero-frontpage-content {
                position: absolute;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                margin-top: 0;
                max-width: 460px;
                top: 0;
                bottom: 0;
                -ms-transform: translateY(0);
                transform: translateY(0)
            }

                .hero.hero-frontpage .hero-frontpage-content.narrow {
                    max-width: 290px
                }

                .hero.hero-frontpage .hero-frontpage-content.medium {
                    max-width: 300px
                }

                .hero.hero-frontpage .hero-frontpage-content.wide {
                    max-width: 360px
                }

            .hero.hero-frontpage picture, .hero.hero-frontpage picture img {
                left: auto;
                right: 0;
                width: auto;
                min-width: 100%;
                min-height: 320px
            }

        .hero.hero-article {
            background: #e41e26
        }

            .hero.hero-article .hero-content {
                max-width: 780px;
                margin: 0 auto;
                padding: 18px 0 72px;
                text-align: center
            }

    @media print {
        .hero.hero-article .hero-content {
            text-align: left
        }
    }

    .hero.hero-article .time {
        color: #fff
    }

    .hero.hero-article .title {
        color: #fff
    }

    .hero.hero-article .introduction p {
        color: #fff
    }

    @media print {
        .hero.hero-article .time {
            color: #000
        }

        .hero.hero-article .title {
            color: #000
        }

        .hero.hero-article .introduction p {
            color: #000
        }
    }

    .hero-search form input {
        font-size: 2rem
    }

    .hero-tilted:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        display: block;
        content: "";
        width: calc(100% + 20px);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOgAAAB4CAMAAAB/yD2LAAADAFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HPQsIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7rCNk1AAAFLklEQVR42u3d2XIaSRAFUPz/H2jJyEIYRLdAbEJiX+bBZDUxERPhcXiRknP04udqfKOzuirz0+BLXdV1VVejFkBKn07ln8vPdfX9b21dgJxBd+H2e+LV1bMVApIGXePtc3UubTcWC8gZdI3TTX0ubceWDcgZdBcWN1Habq0gkDPoGsebc+LVE2sJ5Ay6C/NS2u4sK5Az6BqHm3Pi1VMLDOQMugvT2yht99YayBl0jd1tdS5t51YdyBl0F8ZforQ9eABAzqBrbMsVjBePAsgZdBdG7ShtT54KkDPoGptyTmXh+QA5g+7C012Utp4UkDToGqvbc2+B+tVDA3IG3YW72Mx78viApEHXWN7GOZU3TxLIGXSN0120zRt6pkDOoLvw+iVK25XHC+QMusbx/M22qg3+AUGX30s7SluDf0DQpXdoxzkVg39A0OU3K6WtwT8g6NLbt6NtnsE/IOjym5bS1uAfEHTp7drnwrbSER4EXX7juyhtDf4BQZfeplzBmFkMEHTpjb5GaasjPAi69Nalbd6L5QRBl14nNvOqo8UAQZfdqh0d4Q3+AUGX3qkTbfMM/gFBl99bOadi8A8IuvSOnWibV1sMEHTpLeKcisE/IOjyO3RiM8/gHxB0+b18jdJ2aTFA0GW3v4/NPIN/QNDlN7uP0tbgHxB06e3uo22ewT8g6PKblNLW4B8QdOlt7+OcisE/IOjye+5EaWvwDwi69Db3cU5lrm8ego70ejHe0eAfBB35rTrRNm+ubx6CjuxO32Izr9pbDQQd2S07UdrO/SoQdKR/zeuWjvA+YCDoSO+tXMEw+AdBR3rHbox3rH3AQNCR3qIMOzP4B0FHeodubObVfkkIOtKbP0RpqyM8go709t1om2fwD4KO/GYPUdq+WQwEHdntHqJtnsE/CDrym5TS1uAfBB3pbR9iM2/ipi2CjvQG0VugNvgHQUd667iCUU/ctEXQkd5jOadi8A+CjvRW3ShtZ17zEHRkd+rHZp7BPwg68luWcyozDVUQdGR37JeO8DurgaAju9dulLYzP24EHdkd+rGZZ/CPoLMG5LfoRmlr8I+gg/T2/XIFwzkVQQfpzb9FaTu3GIIO0r/m9UpHeOdUBB2kN+1FabuwGIIOstv2Y7zjeGs1BB1k9xS9BQz+EXSQ36YXm3ljVzAEHaQXp1Sq2uAfQQfprXtR2o5dwRB0kN2pbObVBv8IOkhv1YvSVkd4QQf5X/Oq0hHe4B9BB+ktyxWMiSsYgg6yOw7KV1sd4QUdpPfaj9J26jVP0EF2h0H5auvWmaCD9Ba9KG2n/o8KOshuPygd4d06E3SQ3rwfpa3BP4IO0tsNom3eyEdbQQfpPcdmXj2zGIIOstsOYjNv5KOtoIP0RtFboHqxGIIOsts8Rmk7uuKPtoIOrsRpVM6pXN3gH0EH12f9GKXt6DpahQo6uOrXvGFs5tWZB/8IOqDVarVaq8cobUfpWoUKOuBfjsPSET7J4B9BB/y35WOUtuOP/Jon6IAfes17ivGOH3Dwj6AD/qfXQZS24w/SKlTQAT/tUJcrGGtBB2S3GERpO35/qSLogF9rX0fbvKf3Mt9R0AG/zaycU5n81agRdMAfsCvjHYd/YTdP0AF/1jR6C9QTQQdkty3jHYe/tyO8oAPegXEpbWeCDshuU9rmDX9ZR3hBB7xTp3EpbeeCDshuXdrmDX+mI7ygAz7Ua95zKW1/fPCPoAM+qFU5pzLcCzogueNzKW0Xgg7Iblna5g0Pgg7I/po3KqXtP+SgXdDFp1w6AAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 20%
    }

    .hero-contact {
        height: 32vw
    }

    .related-cards, .news-block {
        padding-top: 32px
    }

    .row-header .title {
        display: inline
    }

    .row-header .button {
        position: absolute;
        right: 0
    }

    .card-simple {
        margin-bottom: 32px
    }

    .card {
        margin-bottom: 32px
    }

    .tab-bar a {
        padding: 16px 48px
    }

    .secondary-navigation a, .secondary-navigation .language-button {
        padding: 6px 12px
    }

    .footer {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/footer-bg.png?9bce4f6a48)
    }

    .sub-navigation a {
        padding: 10px
    }
}

@media screen and (max-width:699px) {
    .main-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .main-information {
        width: 100%;
        margin-left: 0
    }

    .main-applications {
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }

    .main-applications-info {
        padding-top: 20px
    }

    .main-applications #residential {
        width: 100%;
        padding-bottom: 30px
    }

    .main-applications #industrial {
        margin-left: 5px;
        width: 100%
    }

        .main-applications #residential h2.title, .main-applications #industrial h2.title {
            padding-top: 15px
        }

    .carousel-indicators {
        display: none
    }

    .tab-bar {
        border-bottom: 1px solid #dedede
    }

        .tab-bar a[data-selected] {
            color: #e41e26;
            background: #fff;
            border-color: #dedede;
            border-bottom: 1px solid #fff
        }

    .secondary-navigation li .visually-hidden {
        overflow: auto;
        clip: auto;
        height: auto;
        width: auto;
        position: static;
        margin: auto
    }

    .information-block {
        display: block;
    }

        .information-block .information-block-heading {
            text-align: center;
            margin-bottom: 10px;
        }

        .information-block .information-block-button {
            text-align: center;
            display: block;
            margin-left: 0;
        }
}

@media screen and (min-width:1024px) {
    .main {
        margin-top: 0
    }

    html.sticky-header .main {
        margin-top: 109px
    }

    .header .logo {
        float: left;
        margin: 0
    }

    .header {
        position: relative
    }

    html.sticky-header .header {
        position: fixed;
        top: -41px
    }

    @media print {
        html.sticky-header .header {
            position: static;
            top: 0
        }
    }

    html.sticky-header .header .language-chooser {
        display: none
    }

    .header .wrapper {
        position: relative;
        margin-bottom: 10px;
        margin-top: 39px;
        padding-top: 10px
    }

    .logo, .logo img {
        width: 145px;
        height: 50px
    }

    .navigation-container {
        display: block
    }

    .primary-navigation {
        float: left;
        margin-left: 32px
    }

        .primary-navigation ul {
            margin: 0
        }

        .primary-navigation li {
            float: left
        }

        .primary-navigation a {
            border-bottom: 2px solid transparent;
            margin: 0 10px;
            padding: 14px 12px 6px;
            position: relative
        }

            .primary-navigation a:hover {
                background-color: transparent;
                color: #e41e26
            }

            .primary-navigation a:focus {
                background-color: transparent;
                color: #e41e26
            }

            .primary-navigation a[data-selected] {
                background-color: transparent;
                color: #e41e26
            }

                .primary-navigation a:hover:after, .primary-navigation a:focus:after, .primary-navigation a[data-selected]:after {
                    width: 100%;
                    left: 0
                }

            .primary-navigation a:after {
                content: "";
                position: absolute;
                bottom: 0;
                background: #e41e26;
                height: 2px;
                width: 0;
                left: 50%;
                transition: .3s all ease-in-out
            }

    .secondary-navigation ul {
        margin: 0;
        border: 0
    }

    .secondary-navigation {
        display: block;
        position: absolute;
        top: -39px;
        right: 0;
        background: #f0f0f0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .secondary-navigation li {
            float: left
        }

            .secondary-navigation li .language-chooser {
                position: absolute;
                top: 95%;
                right: 10px;
                width: 200px
            }

    .header-search {
        display: block;
        margin-top: 7px;
        margin-bottom: 0;
        float: right;
        min-width: 200px
    }

    .button-navigation, .button-search {
        display: none
    }
}

@media screen and (min-width:500px) and (max-width:699px) {
    .product-listing .card {
        width: calc(50% - 20px)
    }

        .product-listing .card:nth-child(2n+2) {
            clear: none
        }

    .product-sidebar .card {
        width: 100%
    }

    .case-listing .card {
        width: calc(50% - 20px)
    }

        .case-listing .card:nth-child(2n+2) {
            clear: none
        }

    .contact-listing .card, .product-listing-wide .card {
        width: calc(50% - 20px)
    }

        .contact-listing .card:nth-child(2n+2), .product-listing-wide .card:nth-child(2n+2) {
            clear: none
        }
}

@media screen and (max-width:300px) {
    .application-areas-list li {
        width: 100%;
        min-height: 100px
    }
}

@media screen and (min-width:1500px) {
    .application-areas-list li {
        width: 50%
    }
}

@media print {
    .application-areas-list {
        display: none
    }

    h2 {
        clear: both
    }

    .breadcrumbs {
        display: none
    }

    .hero picture, .hero picture img {
        display: none
    }

    .hero.hero-article .hero-content {
        text-align: left
    }

    .hero.hero-article .time {
        color: #000
    }

    .hero.hero-article .title {
        color: #000
    }

    .hero.hero-article .introduction p {
        color: #000
    }

    .related-cards, .news-block {
        display: none
    }

    .card-simple .card-footer {
        display: none
    }

    .card .card-footer {
        display: none
    }

    .card-shortcuts {
        display: none
    }

    .card-product-filter, .card-cross-reference {
        display: none
    }

    .card-newsletter {
        display: none
    }

    .header .logo {
        margin: 0
    }

    .header {
        border: 0
    }

    html.sticky-header .header {
        position: static;
        top: 0
    }

    .button-navigation, .button-search {
        display: none
    }

    .footer {
        display: none
    }

    .extended-information .extra-links {
        display: none
    }

    .extended-information .social {
        display: none
    }

    .sub-navigation {
        display: none
    }
}

@media screen and (min-width:1900px) {
    .carousel-indicators {
        bottom: 50px !important
    }
}

@media screen and (min-width:1256px) {
    .carousel-text-container {
        width: 37%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

    .hero.hero-frontpage .hero-frontpage-content {
        right: 32px
    }
}

@media screen and (max-width:1023px) {
    .header {
        margin-top: 0;
        margin-bottom: 0
    }

    .message-cookies .icon {
        margin-top: 0
    }

    .message-cookies p {
        font-size: 1.2em;
        margin: 0;
        color: #fff;
        display: inline-block;
        text-align: left;
        max-width: 70%
    }
}

@media screen and (min-width:850px) {
    .extended-information {
        text-align: left
    }

        .extended-information .colophon {
            float: left
        }

        .extended-information .logo {
            float: left;
            margin-right: 16px
        }

        .extended-information p {
            float: left
        }

        .extended-information .extra-links {
            float: left
        }

        .extended-information .social {
            float: right;
            margin: 0 16px 0 0
        }
}

.text-image-block {
    margin-bottom: 30px;
    width: calc(100% - 32px);
}

    .text-image-block p {
        margin-top: 0;
    }

    .text-image-block .img-responsive {
        margin-bottom: 20px;
    }

    .text-image-block.full {
        margin-bottom: 0;
    }

    .text-image-block h2,
    .text-image-block h3,
    .text-image-block h4,
    .text-image-block h5 {
        margin-top: 0;
        margin-bottom: 20px;
    }

/*.text-image-block .heading {
    margin-bottom: 20px;
    margin-top:0;
}*/

.full-width-page .main-content-inner {
    margin: 0 16px;
}

    .full-width-page .main-content-inner .row {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

@media screen and (max-width: 1023px) {
    .full-width-page .main-content-inner {
        margin: 0;
    }
}

.two-column-wrapper {
}

    .two-column-wrapper::after {
        content: '';
        display: block;
        clear: both;
    }

.two-cols {
    display: flex;
    justify-content: space-between;
}

    .two-cols .left,
    .two-cols .right {
        width: calc(100%/2 - 35px);
        padding: 0;
    }

.divider {
    margin: 32px 0;
}

@media screen and (max-width:700px) {

    .two-cols {
        display: block;
    }

        .two-cols .left,
        .two-cols .right {
            width: 100%;
            padding: 1px 0;
            margin-bottom: 32px;
        }
}

.text-image-block .two-col {
    width: calc(50% - 16px);
    float: left;
}

    .text-image-block .two-col.left {
        margin-right: 16px;
    }

    .text-image-block .two-col:not(.left) {
        margin-left: 16px;
    }

@media screen and (max-width:1023px) {
    .text-image-block .two-col {
        width: 100%;
        margin: 0 !important;
    }

    /*.text-image-block .two-column-listing h2,
    .text-image-block .two-column-listing h3,
    .text-image-block .two-column-listing h4,
    .text-image-block .two-column-listing h5 {
        margin-top:20px;
    }*/
}

@media screen and (max-width:425px) {
    .message-cookies p {
        font-size: 1.1em;
        margin: 0;
        color: #fff;
        display: inline-block;
        text-align: left;
        max-width: 100%
    }

    .message-cookies .button {
        /*float:left;*/
        margin-top: 10px;
    }
}

@media screen and (max-width:375px) {
    .message-cookies p {
        font-size: .9em;
        margin: 0;
        color: #fff;
        display: inline-block;
        text-align: left;
        max-width: 100%
    }
}


.hero-tilted.hero-full-width .hero-grey {
    max-width: 100%;
    width: 100%;
}

.hero-tilted.hero-full-width {
    height: auto;
    max-height: 550px;
    margin-bottom: 32px;
}

    .hero-tilted.hero-full-width:after {
        position: relative;
    }


@media screen and (min-width:700px) and (max-width:1024px) {


    .card.card-default.onethird {
        width: calc(50% - 32px);
    }

    .card.card-default.onequart {
        width: calc(50% - 32px);
    }
}

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

    .lity.lity-opened {
        opacity: 1;
    }

    .lity.lity-closed {
        opacity: 0;
    }

    .lity * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important;
}

    .lity-wrap:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
    opacity: 1;
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important;
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.lity-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .lity-close::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .lity-close:hover,
    .lity-close:focus,
    .lity-close:active,
    .lity-close:visited {
        text-decoration: none;
        text-align: center;
        padding: 0;
        color: #fff;
        font-style: normal;
        font-size: 35px;
        font-family: Arial, Baskerville, monospace;
        line-height: 35px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        border: 0;
        background: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .lity-close:active {
        top: 1px;
    }
/* Image */
.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px;
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}

    .lity-iframe-container iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

.lity-hide {
    display: none;
}

/**AccordianBlock */

.panel-accordion {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
}

.collapsed {
    padding: 10px 15px;
    background-color: #e4e4e4;
    position: relative;
    font-size: 18px;
    color: #e41e26;
}

.arrow-icon {
    border-left: 1px solid #b3b3b3;
    height: 45px;
    width: 55px;
    margin-top: -22px;
    float: right;
    position: absolute;
    right: 0em;
    top: 50%;
}


.rotate {
    margin-top: 12px;
    margin-left: 17px;
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}

    .rotate.down {
        margin-top: 12px;
        margin-right: 15px;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.panel-accordion-body {
    display: none;
    padding: 15px 0px;
}

    .panel-accordion-body .text-image-block {
        margin-left: 0px;
    }

#arrow1 {
    display: none;
    position: absolute
}
/**AccordianBlock end */
/*# sourceMappingURL=main.css.map */