@font-face {
    font-family: 'Helvetica Now Text';
    font-display: fallback;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Regular.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Text';
    font-display: fallback;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Bold.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Display';
    font-display: fallback;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Blk.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Blk.woff) format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Text Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Regular.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Micro Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-Rg.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-Rg.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Micro Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-Italic.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-Italic.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Micro Bold Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-BoldIt.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-BoldIt.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Micro Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-Bold.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowMicroW01-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Text Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-Italic.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-Italic.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Text Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Bold.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW05-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Text Bold Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-BoldIt.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-BoldIt.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display Blk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Blk.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Blk.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display Bold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Bold.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-It.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-It.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Rg.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-Rg.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display XBold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-XBd.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowDisplayW05-XBd.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Text XBold';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-XBold.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-XBold.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Text XBold Italic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-XBoldIt.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-XBoldIt.woff) format('woff');
}

@font-face {
    font-family: 'Helvetica Now Text Extra Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-XLight.woff2) format('woff2'), url(https://cdn.migros.ch/ch.migros/static/fonts/helvetica-now/HelveticaNowTextW01-XLight.woff) format('woff');
}

@font-face {
    font-family: HelveticaNeueW01-45Ligh;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.svg#7816f72f-f47e-4715-8cd7-960e3723846a) format('svg');
}

@font-face {
    font-family: HelveticaNeueW01-55Roma;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9) format('svg');
}

@font-face {
    font-family: HelveticaNeueW01-75Bold;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.svg#f751c8ae-1057-46d9-8d74-62592e002568) format('svg');
}

@font-face {
    font-family: HelveticaNeueW02-77BdCn;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.svg#05729794-671d-4a73-a294-f2f447795319) format('svg');
}

@font-face {
    font-family: HelveticaNeueW02-87HvCn;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.svg#9d3bb5f2-6932-419e-a56f-382131ffd4b8) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue';
    font-weight: 100;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.eot);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.eot) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-light/webfont-helveticaneue-light.svg#f751c8ae-1057-46d9-8d74-62592e002568) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue';
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-roman/helveticaneue-roman.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue';
    font-weight: 600;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-bold/helveticaneue-bold.svg#f751c8ae-1057-46d9-8d74-62592e002568) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue';
    font-weight: 800;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-heavy/helveticaneue-heavy.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-heavy/helveticaneue-heavy.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-heavy/helveticaneue-heavy.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-heavy/helveticaneue-heavy.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-heavy/helveticaneue-heavy.svg#f751c8ae-1057-46d9-8d74-62592e002568) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue Condensed';
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed/helveticaneue-condensed.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed/helveticaneue-condensed.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed/helveticaneue-condensed.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed/helveticaneue-condensed.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed/helveticaneue-condensed.svg#c74505d5-13e8-47ed-94a8-630aab4da3e6) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue Condensed';
    font-weight: 600;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-bold/helveticaneue-condensed-bold.svg#9d3bb5f2-6932-419e-a56f-382131ffd4b8) format('svg');
}

@font-face {
    font-family: 'Helvetica Neue Condensed';
    font-weight: 800;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/helveticaneue-condensed-heavy/helveticaneue-condensed-heavy.svg#9d3bb5f2-6932-419e-a56f-382131ffd4b8) format('svg');
}
/*!
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/
@font-face {
    font-family: MarketWeb;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/market/MarketWeb.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/market/MarketWeb.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/market/MarketWeb.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/market/MarketOffc.ttf) format('truetype');
}

@font-face {
    font-family: 'Helvetica Neue Thin';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/helveticaneue-thin/helveticaneue-thin.eot);
    src: url(../fonts/helveticaneue-thin/helveticaneue-thin.eot?#iefix) format('embedded-opentype'), url(../fonts/helveticaneue-thin/helveticaneue-thin.woff) format('woff'), url(../fonts/helveticaneue-thin/helveticaneue-thin.svg#helvetica_neuethin) format('svg');
}

@font-face {
    font-family: MarrSansCondWeb;
    font-weight: 600;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/marr-sans-condensed-semibold/marr-sans-condensed-semibold.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/marr-sans-condensed-semibold/marr-sans-condensed-semibold.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/marr-sans-condensed-semibold/marr-sans-condensed-semibold.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/marr-sans-condensed-semibold/marr-sans-condensed-semibold.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/marr-sans-condensed-semibold/marr-sans-condensed-semibold.svg#9d3bb5f2-6932-419e-a56f-382131ffd4b8) format('svg');
}

@font-face {
    font-family: InkstonText;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/inkstontext/inkstontext.eot?#iefix);
    src: url(https://cdn.migros.ch/ch.migros/static/fonts/inkstontext/inkstontext.eot?#iefix) format('eot'), url(https://cdn.migros.ch/ch.migros/static/fonts/inkstontext/inkstontext.woff) format('woff'), url(https://cdn.migros.ch/ch.migros/static/fonts/inkstontext/inkstontext.ttf) format('truetype'), url(https://cdn.migros.ch/ch.migros/static/fonts/inkstontext/inkstontext.svg#9d3bb5f2-6932-419e-a56f-382131ffd4b8) format('svg');
}

@-webkit-keyframes animBackHover {
    0% {
        background: linear-gradient(transparent 86%, #bbdec2 4px);
    }

    10% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    20% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    30% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    40% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    70% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    80% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    90% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    100% {
        background: linear-gradient(transparent 100%, transparent 0);
    }
}

@keyframes animBackHover {
    0% {
        background: linear-gradient(transparent 86%, #bbdec2 4px);
    }

    10% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    20% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    30% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    40% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    70% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    80% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    90% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    100% {
        background: linear-gradient(transparent 100%, transparent 0);
    }
}

@-webkit-keyframes animBack {
    0% {
        background: linear-gradient(transparent 100%, transparent 0);
    }

    10% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    20% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    30% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    40% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    70% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    80% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    90% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    100% {
        background: linear-gradient(transparent var(--height), #bbdec2 4px);
    }
}

@keyframes animBack {
    0% {
        background: linear-gradient(transparent 100%, transparent 0);
    }

    10% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    20% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    30% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    40% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    70% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    80% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    90% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    100% {
        background: linear-gradient(transparent var(--height), #bbdec2 4px);
    }
}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: rgba(0, 0, 0, 0);
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: 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: default;
    }

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

input {
    line-height: normal;
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td,
th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: rgba(0, 0, 0, 0) !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: ' (' attr(href) ')';
        }

    abbr[title]:after {
        content: ' (' attr(title) ')';
    }

    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: '';
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important;
    }
}

* {
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #f60;
    text-decoration: none;
}

    a:focus,
    a:hover {
        color: #de450a;
        text-decoration: none;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee;
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role='button'] {
    cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    line-height: 1.1;
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        color: #777;
        font-weight: 400;
        line-height: 1;
    }

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 24px;
    margin-bottom: 12px;
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%;
    }

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 12px;
    margin-bottom: 12px;
}

    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%;
    }

.h1,
h1 {
    font-size: 41px;
}

.h2,
h2 {
    font-size: 34px;
}

.h3,
h3 {
    font-size: 28px;
}

.h4,
h4 {
    font-size: 20px;
}

.h5,
h5 {
    font-size: 16px;
}

.h6,
h6 {
    font-size: 14px;
}

p {
    margin: 0 0 12px;
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}

@media all and (max-width: 767px) {
    .lead {
        font-size: 24px;
    }
}

.small,
small {
    font-size: 87%;
}

.mark,
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

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

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

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

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

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:focus,
a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #337ab7;
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 11px;
    border-bottom: 1px solid #eee;
    margin: 48px 0 24px;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 12px;
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 24px;
}

dd,
dt {
    line-height: 1.5;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:after,
.dl-horizontal dd:before {
    display: table;
    content: ' ';
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 160px;
        clear: left;
        float: left;
        text-align: right;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 1px dotted #777;
    cursor: help;
}

.initialism {
    text-transform: uppercase;
    font-size: 90%;
}

blockquote {
    padding: 12px 24px;
    border-left: 5px solid #eee;
    margin: 0 0 24px;
    font-size: 20px;
}

    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        color: #777;
        font-size: 80%;
        line-height: 1.5;
    }

        blockquote .small::before,
        blockquote footer::before,
        blockquote small::before {
            content: '— ';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse .small::before,
        .blockquote-reverse footer::before,
        .blockquote-reverse small::before,
        blockquote.pull-right .small::before,
        blockquote.pull-right footer::before,
        blockquote.pull-right small::before {
            content: '';
        }

        .blockquote-reverse .small::after,
        .blockquote-reverse footer::after,
        .blockquote-reverse small::after,
        blockquote.pull-right .small::after,
        blockquote.pull-right footer::after,
        blockquote.pull-right small::after {
            content: ' —';
        }

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 11.5px;
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.newsletter-abo-div {
    display: flex;
    justify-content: flex-end;
}

.container {
    width: 100%;
}

    .container:after,
    .container:before {
        display: table;
        content: ' ';
    }

    .container:after {
        clear: both;
    }

@media (min-width: 768px) {
    .container {
        width: 100%;
        padding-left: var(--mdx-base-spacing-unit-2x, 16px);
        padding-right: var(--mdx-base-spacing-unit-2x, 16px);
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
        padding-left: var(--mdx-base-spacing-unit-4x, 32px);
        padding-right: var(--mdx-base-spacing-unit-4x, 32px);
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        padding-left: var(--mdx-base-spacing-unit-8x, 64px);
        padding-right: var(--mdx-base-spacing-unit-8x, 64px);
    }
}

.container-fluid {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}

    .container-fluid:after,
    .container-fluid:before {
        display: table;
        content: ' ';
    }

    .container-fluid:after {
        clear: both;
    }

.row {
    margin-right: -12px;
    margin-left: -12px;
}

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

    .row:after {
        clear: both;
    }

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row-no-gutters [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }

    .col-sm-1 {
        width: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.3333333333%;
    }

    .col-sm-pull-2 {
        right: 16.6666666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.3333333333%;
    }

    .col-sm-pull-5 {
        right: 41.6666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.3333333333%;
    }

    .col-sm-pull-8 {
        right: 66.6666666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.3333333333%;
    }

    .col-sm-pull-11 {
        right: 91.6666666667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.3333333333%;
    }

    .col-sm-push-2 {
        left: 16.6666666667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.3333333333%;
    }

    .col-sm-push-5 {
        left: 41.6666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.3333333333%;
    }

    .col-sm-push-8 {
        left: 66.6666666667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.3333333333%;
    }

    .col-sm-push-11 {
        left: 91.6666666667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.3333333333%;
    }

    .col-md-pull-2 {
        right: 16.6666666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.3333333333%;
    }

    .col-md-pull-5 {
        right: 41.6666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.3333333333%;
    }

    .col-md-pull-8 {
        right: 66.6666666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.3333333333%;
    }

    .col-md-pull-11 {
        right: 91.6666666667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.3333333333%;
    }

    .col-md-push-2 {
        left: 16.6666666667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.3333333333%;
    }

    .col-md-push-5 {
        left: 41.6666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.3333333333%;
    }

    .col-md-push-8 {
        left: 66.6666666667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.3333333333%;
    }

    .col-md-push-11 {
        left: 91.6666666667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }

    .col-lg-1 {
        width: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.3333333333%;
    }

    .col-lg-pull-2 {
        right: 16.6666666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.3333333333%;
    }

    .col-lg-pull-5 {
        right: 41.6666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.3333333333%;
    }

    .col-lg-pull-8 {
        right: 66.6666666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.3333333333%;
    }

    .col-lg-pull-11 {
        right: 91.6666666667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.3333333333%;
    }

    .col-lg-push-2 {
        left: 16.6666666667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.3333333333%;
    }

    .col-lg-push-5 {
        left: 41.6666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.3333333333%;
    }

    .col-lg-push-8 {
        left: 66.6666666667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.3333333333%;
    }

    .col-lg-push-11 {
        left: 91.6666666667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

table {
    background-color: rgba(0, 0, 0, 0);
}

    table col[class*='col-'] {
        position: static;
        display: table-column;
        float: none;
    }

    table td[class*='col-'],
    table th[class*='col-'] {
        position: static;
        display: table-cell;
        float: none;
    }

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
}

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 8px;
        line-height: 1.5;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > td,
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > td,
    .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > tbody > tr > td,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > td,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > thead > tr > th {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > td,
    .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > td,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0;
            }
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
}

.breadcrumb {
    padding: 12px 15px;
    margin-bottom: 24px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #333;
            content: ' ';
        }

    .breadcrumb > .active {
        color: #999;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

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

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.close {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        transform: translate(0, -25%);
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.in {
        opacity: 0.75;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header:after,
    .modal-header:before {
        display: table;
        content: ' ';
    }

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:after,
    .modal-footer:before {
        display: table;
        content: ' ';
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    opacity: 0;
}

    .tooltip.in {
        opacity: 0.9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 16px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

    .popover > .arrow {
        border-width: 11px;
    }

        .popover > .arrow,
        .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

            .popover > .arrow:after {
                content: '';
                border-width: 10px;
            }

    .popover.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-bottom-width: 0;
    }

        .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: ' ';
            border-top-color: #fff;
            border-bottom-width: 0;
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-left-width: 0;
    }

        .popover.right > .arrow:after {
            bottom: -10px;
            left: 1px;
            content: ' ';
            border-right-color: #fff;
            border-left-width: 0;
        }

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: ' ';
            border-top-width: 0;
            border-bottom-color: #fff;
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

        .popover.left > .arrow:after {
            right: 1px;
            bottom: -10px;
            content: ' ';
            border-right-width: 0;
            border-left-color: #fff;
        }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 16px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > a > img,
        .carousel-inner > .item > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right,
        .carousel-inner > .item.next {
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.active.left,
        .carousel-inner > .item.prev {
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.active,
            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right {
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.5;
}

    .carousel-control.left {
        background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% );
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% );
        background-repeat: repeat-x;
    }

    .carousel-control:focus,
    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '‹';
        }

        .carousel-control .icon-next:before {
            content: '›';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ' ';
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

.visible-xs {
    display: none !important;
}

.visible-ms {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-ms-block,
.visible-ms-inline,
.visible-ms-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important;
}

@media (max-width: 479px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important;
    }

    .visible-xs-block {
        display: block !important;
    }

    .visible-xs-inline {
        display: inline !important;
    }

    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .visible-ms {
        display: block !important;
    }

    table.visible-ms {
        display: table !important;
    }

    tr.visible-ms {
        display: table-row !important;
    }

    td.visible-ms,
    th.visible-ms {
        display: table-cell !important;
    }

    .visible-ms-block {
        display: block !important;
    }

    .visible-ms-inline {
        display: inline !important;
    }

    .visible-ms-inline-block {
        display: inline-block !important;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media all and (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important;
    }

    .visible-lg-block {
        display: block !important;
    }

    .visible-lg-inline {
        display: inline !important;
    }

    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 479px) {
    .hidden-xs {
        display: none !important;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .hidden-ms {
        display: none !important;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media all and (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9 {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .container {
        max-width: 748px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .col-ms-1,
    .col-ms-10,
    .col-ms-11,
    .col-ms-12,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9 {
        float: left;
    }

    .col-ms-1 {
        width: 8.3333333333%;
    }

    .col-ms-2 {
        width: 16.6666666667%;
    }

    .col-ms-3 {
        width: 25%;
    }

    .col-ms-4 {
        width: 33.3333333333%;
    }

    .col-ms-5 {
        width: 41.6666666667%;
    }

    .col-ms-6 {
        width: 50%;
    }

    .col-ms-7 {
        width: 58.3333333333%;
    }

    .col-ms-8 {
        width: 66.6666666667%;
    }

    .col-ms-9 {
        width: 75%;
    }

    .col-ms-10 {
        width: 83.3333333333%;
    }

    .col-ms-11 {
        width: 91.6666666667%;
    }

    .col-ms-12 {
        width: 100%;
    }

    .col-ms-pull-0 {
        right: auto;
    }

    .col-ms-pull-1 {
        right: 8.3333333333%;
    }

    .col-ms-pull-2 {
        right: 16.6666666667%;
    }

    .col-ms-pull-3 {
        right: 25%;
    }

    .col-ms-pull-4 {
        right: 33.3333333333%;
    }

    .col-ms-pull-5 {
        right: 41.6666666667%;
    }

    .col-ms-pull-6 {
        right: 50%;
    }

    .col-ms-pull-7 {
        right: 58.3333333333%;
    }

    .col-ms-pull-8 {
        right: 66.6666666667%;
    }

    .col-ms-pull-9 {
        right: 75%;
    }

    .col-ms-pull-10 {
        right: 83.3333333333%;
    }

    .col-ms-pull-11 {
        right: 91.6666666667%;
    }

    .col-ms-pull-12 {
        right: 100%;
    }

    .col-ms-push-0 {
        left: auto;
    }

    .col-ms-push-1 {
        left: 8.3333333333%;
    }

    .col-ms-push-2 {
        left: 16.6666666667%;
    }

    .col-ms-push-3 {
        left: 25%;
    }

    .col-ms-push-4 {
        left: 33.3333333333%;
    }

    .col-ms-push-5 {
        left: 41.6666666667%;
    }

    .col-ms-push-6 {
        left: 50%;
    }

    .col-ms-push-7 {
        left: 58.3333333333%;
    }

    .col-ms-push-8 {
        left: 66.6666666667%;
    }

    .col-ms-push-9 {
        left: 75%;
    }

    .col-ms-push-10 {
        left: 83.3333333333%;
    }

    .col-ms-push-11 {
        left: 91.6666666667%;
    }

    .col-ms-push-12 {
        left: 100%;
    }

    .col-ms-offset-0 {
        margin-left: 0;
    }

    .col-ms-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-ms-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-ms-offset-3 {
        margin-left: 25%;
    }

    .col-ms-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-ms-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-ms-offset-6 {
        margin-left: 50%;
    }

    .col-ms-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-ms-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-ms-offset-9 {
        margin-left: 75%;
    }

    .col-ms-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-ms-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-ms-offset-12 {
        margin-left: 100%;
    }
}

html {
    height: 100%;
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    -ms-overflow-style: scrollbar;
}

ol,
ul {
    margin-bottom: 0;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

pre {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.table > thead > tr {
    border-width: 0;
    border-color: transparent;
    -wekit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-spacing: 0;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }

        .container .container {
            padding-right: 0;
            padding-left: 0;
        }
}

@media screen and (max-width: 479px) {
    .container {
        padding-right: 18px;
        padding-left: 18px;
    }

        .container .container {
            padding-right: 0;
            padding-left: 0;
        }
}

.close {
    float: none;
    font-weight: 400;
    opacity: 1;
    text-shadow: 0 0 0 #fff;
}

    .close:focus,
    .close:hover {
        opacity: 1;
        text-shadow: 0 0 0 #fff;
    }

.row {
    position: relative;
}

.dropdown-menu {
    left: -1px;
    padding: 0;
    border: 0;
    margin: 0;
    background-color: #f60;
    border-radius: 5px;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
    color: #fff;
}

    .dropdown-menu > li > a {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 7px 20px;
        color: #fff;
        font-family: HelveticaNeueW01-75Bold;
        font-weight: 400;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover {
            background-color: #de450a;
            color: #fff;
        }

    .dropdown-menu.alt-colored {
        background-color: #f60;
        color: #fff;
    }

        .dropdown-menu.alt-colored > li > a {
            color: #fff;
        }

            .dropdown-menu.alt-colored > li > a:hover {
                background-color: #de450a;
                color: #fff;
            }

                .dropdown-menu.alt-colored > li > a:hover.alt-colored {
                    background-color: #de450a;
                }

.dropdown-toggle:focus {
    color: #de450a;
}

    .dropdown-toggle:focus.alt-colored {
        color: #de450a;
    }

.dropdown-with-intro {
    clear: both;
}

    .dropdown-with-intro.is-inverted p {
        color: #fff;
    }

    .dropdown-with-intro p {
        margin-right: 10px;
        float: left;
    }

    .dropdown-with-intro .dropdown {
        float: left;
    }

.popover {
    min-width: 260px;
    border: 2px solid #f1efee;
    background-clip: initial;
    border-radius: 4px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    color: #333;
}

    .popover .popover-title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding: 10px 14px 0;
        border-bottom: 0;
        background-color: #fff;
        color: #333;
    }

    .popover .title {
        font-size: 2rem;
        line-height: 2.5rem;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
        padding: 0 14px;
        margin-top: 0;
    }

    .popover .popover-content {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-family: 'Helvetica Now Text Regular';
        font-weight: 400;
        padding: 4px 14px 10px;
    }

        .popover .popover-content .btn,
        .popover .popover-content img {
            display: block;
            margin-top: 20px;
        }

        .popover .popover-content p {
            font-size: 1.4rem;
            line-height: 1.8rem;
        }

    .popover strong {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
    }

.modal .modal-content {
    border-radius: 0;
}

.modal .modal-header {
    padding: 20px 20px 5px;
    background-color: #f9f5ef;
}

    .modal .modal-header .ui-paragraph-headline {
        margin-bottom: 0;
    }

.modal .modal-body {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 6px 20px 20px;
    background-color: #f9f5ef;
    color: #333;
}

.modal .modal-footer {
    padding: 20px 20px 30px;
    border-top: 0;
    text-align: left;
}

.modal .close {
    font-size: 3rem;
    margin-top: -18px;
    margin-right: -10px;
    color: #f60;
}

.modal.plain .modal-body,
.modal.plain .modal-header {
    background-color: #fff;
}

.modal.is-cumulus .form-control {
    border-color: #003d8d;
}

    .modal.is-cumulus .form-control:focus {
        border-color: #003d8d;
    }

.modal.is-cumulus .input-group {
    width: 100%;
}

.modal.is-cumulus .input-group-addon {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1;
    padding: 4px 0 4px 15px;
    border-top: 0;
    border-bottom: 2px solid #003d8d;
    border-left: 0;
    border-radius: 0;
    color: #333;
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.bg-primary {
    background-color: #337ab7;
}

.js-search-widget input[type='search'] {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.is-parallax {
    position: relative;
    max-width: 1400px;
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    min-height: 200px;
}

.is-hidden {
    display: none;
}

.is-overflow-x-hidden {
    overflow-x: hidden;
}

.is-overflow-hidden {
    overflow: hidden;
    clear: both;
}

.no-scrolling {
    overflow-y: hidden;
}

.is-flexbox {
    display: flex;
    flex-wrap: wrap;
}

.row.is-narrow-gutter {
    margin-right: 1px;
    margin-left: 1px;
}

    .row.is-narrow-gutter [class*=' col-'],
    .row.is-narrow-gutter [class^='col-'] {
        padding-right: 1px;
        padding-left: 1px;
    }

@media screen and (max-width: 479px) {
    .row.is-gutter-xs-16 {
        display: flex;
        flex-wrap: wrap;
        margin-right: -8px;
        margin-left: -8px;
    }

        .row.is-gutter-xs-16::before {
            content: none;
        }

        .row.is-gutter-xs-16::after {
            content: '';
        }

        .row.is-gutter-xs-16 [class*=' col-'],
        .row.is-gutter-xs-16 [class^='col-'] {
            display: flex;
            flex: 1 0 auto;
            padding-right: 8px;
            padding-left: 8px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .row {
        margin-right: -8px;
        margin-left: -8px;
    }

        .row [class*=' col-'],
        .row [class^='col-'] {
            padding-right: 8px;
            padding-left: 8px;
        }
}

@media screen and (max-width: 767px) {
    [class*=' col-'].is-mobile-wide,
    [class^='col-'].is-mobile-wide {
        display: block;
    }

    .row.is-gutter-xs-16 [class*=' col-'].is-mobile-wide,
    .row.is-gutter-xs-16 [class^='col-'].is-mobile-wide {
        display: block;
    }
}

.is-pattern-top {
    position: relative;
}

    .is-pattern-top::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 7px;
        background: url(../img/svg/icons/general/pattern_down_white.svg) rgba(0, 0, 0, 0) 0 0 repeat-x;
        content: '';
    }

    .is-pattern-top.orange {
        background: url(../img/svg/icons/general/pattern_down_orange.svg) rgba(0, 0, 0, 0) 0 0 repeat-x;
    }

    .is-pattern-top.grey {
        background: url(../img/svg/icons/general/pattern_down_grey.svg) rgba(0, 0, 0, 0) 0 0 repeat-x;
    }

.is-pattern-bottom {
    position: relative;
}

    .is-pattern-bottom::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 7px;
        background: url(../img/svg/icons/general/pattern_top_white.svg) rgba(0, 0, 0, 0) 0 0 repeat-x;
        content: '';
    }

    .is-pattern-bottom.orange {
        background: url(../img/svg/icons/general/pattern_top_orange.svg) rgba(0, 0, 0, 0) 0 0 repeat-x;
    }

    .is-pattern-bottom.grey {
        background: url(../img/svg/icons/general/pattern_top_grey.svg) rgba(0, 0, 0, 0) 0 0 repeat-x;
    }

.space-top-0 {
    margin-top: 0;
}

.space-top-15 {
    margin-top: 15px;
}

.space-top-20 {
    margin-top: 20px;
}

.space-top-25 {
    margin-top: 25px;
}

.space-top-30 {
    margin-top: 30px;
}

.space-top-35 {
    margin-top: 35px;
}

.space-top-40 {
    margin-top: 40px;
}

.space-top-50 {
    margin-top: 50px;
}

.space-top-60 {
    margin-top: 60px;
}

@media screen and (min-width: 992px) {
    .space-top-step {
        margin-top: 128px;
    }
}

@media screen and (min-width: 992px) {
    .space-top-step-note {
        margin-top: 169px;
    }
}

.space-inner-top-15 {
    padding-top: 15px;
}

.space-inner-top-20 {
    padding-top: 20px;
}

.space-inner-top-25 {
    padding-top: 25px;
}

.space-inner-top-30 {
    padding-top: 30px;
}

.space-inner-top-35 {
    padding-top: 35px;
}

.space-inner-top-40 {
    padding-top: 40px;
}

.space-inner-top-50 {
    padding-top: 50px;
}

.space-inner-top-60 {
    padding-top: 60px;
}

.space-bottom-15 {
    margin-bottom: 15px;
}

.space-bottom-20 {
    margin-bottom: 20px;
}

.space-bottom-25 {
    margin-bottom: 25px;
}

.space-bottom-30 {
    margin-bottom: 30px;
}

.space-bottom-35 {
    margin-bottom: 35px;
}

.space-bottom-40 {
    margin-bottom: 40px;
}

.space-bottom-50 {
    margin-bottom: 50px;
}

.space-bottom-60 {
    margin-bottom: 60px;
}

.space-inner-bottom-15 {
    padding-bottom: 15px;
}

.space-inner-bottom-20 {
    padding-bottom: 20px;
}

.space-inner-bottom-25 {
    padding-bottom: 25px;
}

.space-inner-bottom-30 {
    padding-bottom: 30px;
}

.space-inner-bottom-35 {
    padding-bottom: 35px;
}

.space-inner-bottom-40 {
    padding-bottom: 40px;
}

.space-inner-bottom-50 {
    padding-bottom: 50px;
}

.space-inner-bottom-60 {
    padding-bottom: 60px;
}

.is-height-auto {
    height: auto;
}

.is-height-1 {
    overflow: hidden;
    height: 562px;
}

@media screen and (min-width: 1400px) {
    .is-height-1 {
        height: 662px;
    }
}

.is-height-2 {
    overflow: hidden;
    height: 430px;
}

@media screen and (min-width: 1400px) {
    .is-height-2 {
        height: 560px;
    }
}

@media only screen and (min-width: 1660px) {
    .is-height-2 {
        height: 600px;
    }
}

@media only screen and (min-width: 1900px) {
    .is-height-2 {
        height: 680px;
    }
}

.is-height-3 {
    overflow: hidden;
    height: 248px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-3 {
        height: 210px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-3 {
        height: 185px;
    }
}

@media screen and (min-width: 1400px) {
    .is-height-3 {
        height: 348px;
    }
}

.is-height-4 {
    overflow: hidden;
    height: 314px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-4 {
        height: 234px;
    }
}

@media screen and (max-width: 767px) {
    .is-height-4 {
        height: 182px;
    }
}

@media screen and (min-width: 1400px) {
    .is-height-4 {
        height: 450px;
    }
}

.is-height-5 {
    overflow: hidden;
    height: 168px;
}

@media screen and (max-width: 767px) {
    .is-height-5 {
        height: 182px;
    }
}

@media screen and (min-width: 1400px) {
    .is-height-5 {
        height: 250px;
    }
}

.is-height-6 {
    overflow: hidden;
    height: 303px;
}

@media screen and (max-width: 767px) {
    .is-height-6 {
        height: 293px;
    }
}

.is-height-7 {
    overflow: hidden;
    height: 248px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-7 {
        height: 210px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-7 {
        height: 180px;
    }
}

@media screen and (min-width: 1400px) {
    .is-height-7 {
        height: 348px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-1,
    .is-height-2 {
        height: 430px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-1,
    .is-height-2 {
        height: 327px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-1,
    .is-height-2 {
        height: 360px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-1,
    .is-height-2 {
        height: 185px;
    }
}

.is-height-events {
    overflow: hidden;
    height: 248px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-events {
        height: 210px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-events {
        height: 185px;
    }
}

@media screen and (min-width: 1400px) {
    .is-height-events {
        height: 348px;
    }
}

.is-height-stage {
    height: 430px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-stage {
        height: 327px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-stage {
        height: 282px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-stage {
        height: 180px;
    }
}

.is-bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-center-right {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-center-left {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-center-center {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-top-left {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-top-center {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-top-right {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-bottom-left {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-bottom-center {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-cover-bottom-right {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-bg-contain-center-center {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.is-bg-contain-top-center {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.is-bg-repeat-x {
    background-repeat: repeat-x;
}

.is-bg-white {
    background-color: #fff;
}

.is-height-xs > [class^='col-'] {
    height: 175px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-xs > [class^='col-'] {
        height: 153px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-xs > [class^='col-'] {
        height: 108px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-xs > [class^='col-'] {
        height: auto;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-xs > [class^='col-'] {
        height: auto;
    }
}

.is-height-s > [class^='col-'] {
    height: 243px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-s > [class^='col-'] {
        height: 253px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-s > [class^='col-'] {
        height: auto;
    }
}

.is-height-m {
    display: flex;
    flex-wrap: wrap;
}

    .is-height-m::before {
        display: inline-flex;
    }

    .is-height-m > [class^='col-'] {
        height: auto;
        min-height: 310px;
        margin-bottom: 17px;
    }

        .is-height-m > [class^='col-'] .ui-teaser-addons {
            height: auto;
            margin-bottom: 0;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-m > [class^='col-'] {
        min-height: 280px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-m > [class^='col-'] {
        min-height: 280px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-m > [class^='col-'] {
        min-height: 310px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-m > [class^='col-'] {
        height: auto;
        min-height: auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .is-height-m.is-gutter-xs-16 > [class^='col-'] {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .is-height-m {
        margin-bottom: 30px;
    }
}

.is-height-ml > [class^='col-'] {
    height: 360px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-ml > [class^='col-'] {
        height: 315px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-ml > [class^='col-'] {
        height: 225px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-ml > [class^='col-'] {
        height: 265px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-ml > [class^='col-'] {
        height: auto;
        margin-bottom: 0;
    }
}

.is-height-l > [class^='col-'] {
    height: 360px;
    margin-bottom: 17px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-l > [class^='col-'] {
        height: 330px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-l > [class^='col-'] {
        height: 355px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-l > [class^='col-'] {
        height: 370px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-l > [class^='col-'] {
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 590px) {
    .is-height-l > [class^='col-'] {
        height: 330px;
    }
}

.is-height-xl > [class^='col-'] {
    height: 487px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-xl > [class^='col-'] {
        height: 427px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-xl > [class^='col-'] {
        height: 307px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-xl > [class^='col-'] {
        height: 265px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-xl > [class^='col-'] {
        height: auto;
        margin-bottom: 0;
    }
}

.is-height-xl-news > [class^='col-'] {
    height: 487px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-xl-news > [class^='col-'] {
        height: 427px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-xl-news > [class^='col-'] {
        height: 395px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-xl-news > [class^='col-'] {
        height: auto;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-xl-news > [class^='col-'] {
        height: auto;
        margin-bottom: 16px;
    }
}

.is-height-xl-result > [class^='col-'] {
    height: 340px;
    margin-bottom: 14px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-xl-result > [class^='col-'] {
        height: 340px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-xl-result > [class^='col-'] {
        height: 340px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-xl-result > [class^='col-'] {
        height: 320px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-xl-result > [class^='col-'] {
        height: auto;
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-productlist {
        height: 400px;
    }
}

@media screen and (min-width: 992px) {
    .is-height-flex {
        display: flex;
    }

        .is-height-flex > [class^='col-'] {
            display: flex;
            flex-direction: column;
        }

            .is-height-flex > [class^='col-'] .btn {
                margin-right: auto;
            }
}

@media screen and (min-width: 992px) and (-ms-high-contrast: active), screen and (min-width: 992px) and (-ms-high-contrast: none) {
    .is-height-flex > [class^='col-'] {
        display: block;
    }

        .is-height-flex > [class^='col-'] .ui-t327-04-imagetext {
            height: auto;
        }
}

@media screen and (min-width: 992px) {
    .is-height-flex .ui-t329-04-textnumbers {
        height: calc(100% - 17px);
        flex-grow: 1;
    }
}

.is-overlapping-1 {
    padding-bottom: 109px;
}

    .is-overlapping-1 + .container-fluid > .container:first-child {
        position: relative;
        top: -109px;
    }

@media screen and (min-width: 992px) {
    .is-overlapping-shopwindow {
        padding-bottom: 200px;
    }

        .is-overlapping-shopwindow + .container-fluid > .container:first-child {
            margin-top: -255px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-overlapping-shopwindow {
        padding-bottom: 200px;
    }

        .is-overlapping-shopwindow + .container-fluid > .container:first-child {
            margin-top: -240px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-overlapping-shopwindow {
        padding-bottom: 200px;
    }

        .is-overlapping-shopwindow + .container-fluid > .container:first-child {
            margin-top: -230px;
        }
}

@media screen and (max-width: 479px) {
    .is-overlapping-shopwindow + .container-fluid > .container:first-child
    .ui-paragraph-headline {
        margin-top: 0;
        margin-bottom: 0;
    }

        .is-overlapping-shopwindow + .container-fluid > .container:first-child
        .ui-paragraph-headline.is-inverted {
            color: #333;
        }
}

@media screen and (min-width: 480px) {
    .is-overlapping-stage-1 {
        padding-bottom: 109px;
    }

        .is-overlapping-stage-1 + .container-fluid > .container:first-child {
            position: relative;
            top: -109px;
        }
}

@media screen and (max-width: 479px) {
    .is-overlapping-stage-1 + .container-fluid {
        padding-bottom: 109px;
        background-color: #f1efee;
    }

        .is-overlapping-stage-1 + .container-fluid > .container:first-child {
            position: relative;
            top: -109px;
        }
}

.is-overlapping-mymigros,
.is-overlapping-mymigros-2 {
    padding-bottom: 74px;
}

    .is-overlapping-mymigros + .container-fluid .container:first-child,
    .is-overlapping-mymigros-2 + .container-fluid .container:first-child {
        margin-top: -74px;
    }

@media screen and (max-width: 479px) {
    .is-overlapping-mymigros,
    .is-overlapping-mymigros-2 {
        padding-bottom: 58px;
    }

        .is-overlapping-mymigros + .container-fluid .container:first-child,
        .is-overlapping-mymigros-2 + .container-fluid .container:first-child {
            padding-right: 8px;
            padding-left: 8px;
            margin-top: -58px;
        }
}

.is-overlapping-tiles {
    padding-bottom: 74px;
}

    .is-overlapping-tiles + .container-fluid .container:first-child {
        margin-top: -74px;
    }

@media screen and (max-width: 479px) {
    .is-overlapping-tiles {
        padding-bottom: 0;
    }

        .is-overlapping-tiles.ui-c201-stage .ui-c201-12-introstandard {
            margin-top: auto;
            margin-bottom: auto;
        }

            .is-overlapping-tiles.ui-c201-stage
            .ui-c201-12-introstandard
            .headline-outer {
                margin: 0;
            }

        .is-overlapping-tiles
        .ui-c201-12-introstandard
        .headline-outer
        .ui-header-headline {
            font-size: 3rem;
            line-height: 3rem;
            color: #fff;
        }

        .is-overlapping-tiles + .container-fluid .container:first-child {
            padding-right: 8px;
            padding-left: 8px;
            margin-top: -57px;
        }
}

@media only screen and (max-device-width: 320px) {
    .is-overlapping-tiles.ui-c201-stage
    .ui-c201-12-introstandard
    .headline-outer {
        max-width: 100%;
    }
}

.is-overlapping-product {
    padding-top: 40px;
}

.is-overlapping-product-trigger + .is-overlapping-product > .container-fluid {
    position: relative;
    margin-top: -90px;
}

    .is-overlapping-product-trigger + .is-overlapping-product > .container-fluid
    .note-spacer {
        display: none;
    }

.ui-l580-12-digital-warranty-container {
    position: relative;
}

    .ui-l580-12-digital-warranty-container.is-head {
        padding-bottom: 30px;
    }

    .ui-l580-12-digital-warranty-container.is-content
    .ui-l528-12-content-tabs
    .tab-content::before {
        position: absolute;
        display: block;
        content: '';
        z-index: -1;
        top: -30px;
        left: calc((100vw - 100%) / 2 * -1);
        width: 100vw;
        height: 80px;
        background-color: #f1efee;
    }

    .ui-l580-12-digital-warranty-container
    .l580-12-digital-warranty__sidenote.richtext
    * {
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #999;
        font-family: HelveticaNeueW01-55Roma;
    }

    .ui-l580-12-digital-warranty-container
    .l580-12-digital-warranty__sidenote.richtext
    strong {
        font-weight: 600;
    }

    .ui-l580-12-digital-warranty-container .ui-c213-08-copyimage {
        margin-bottom: 0;
    }

.is-relative {
    position: relative;
}

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

.is-right {
    display: block;
    float: right;
}

.sub-image-box {
    display: none;
}

.is-badge .sub-image-box {
    position: relative;
    display: block;
}

    .is-badge .sub-image-box img {
        position: absolute;
        top: 12px;
        right: 12px;
        width: auto;
        max-width: 90px;
        height: auto;
        max-height: 90px;
        transform: rotate(-8deg);
    }

@media screen and (max-width: 1199px) {
    .is-badge .sub-image-box img {
        top: 15px;
        right: 15px;
        max-width: 80px;
        max-height: 80px;
    }
}

@media screen and (max-width: 479px) {
    .is-badge .sub-image-box img {
        top: 6px;
        right: 6px;
    }
}

.is-badge .sub-image-box.var-2 img {
    z-index: 0;
    top: 55px;
    right: 15px;
}

@media screen and (max-width: 479px) {
    .is-badge .sub-image-box.var-2 img {
        top: 6px;
        right: 6px;
    }
}

.is-badge .sub-image-box.var-3 img {
    z-index: 0;
    top: 128px;
    right: 10px;
    transform: rotate(0);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-badge .sub-image-box.var-3 img {
        top: 98px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-badge .sub-image-box.var-3 img {
        z-index: 2;
        top: 77px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-badge .sub-image-box.var-3 img {
        z-index: 2;
        top: auto;
        bottom: 165px;
    }
}

@media screen and (max-width: 479px) {
    .is-badge .sub-image-box.var-3 img {
        z-index: 2;
        top: 72px;
        bottom: auto;
    }
}

[class*='is-bg-cover'] + [class*='is-bg-cover'] {
    top: -1px;
}

.has-product-tile-override .mui-product-tile {
    height: 310px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .has-product-tile-override .mui-product-tile {
        height: 280px;
    }

        .has-product-tile-override
        .mui-product-tile
        .mui-product-tile-image-container {
            line-height: 147px;
        }

            .has-product-tile-override
            .mui-product-tile
            .mui-product-tile-image-container
            img {
                max-height: 140px;
            }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .has-product-tile-override .mui-product-tile {
        height: 280px;
    }

        .has-product-tile-override
        .mui-product-tile
        .mui-product-tile-image-container {
            line-height: 147px;
        }

            .has-product-tile-override
            .mui-product-tile
            .mui-product-tile-image-container
            img {
                max-height: 140px;
            }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .has-product-tile-override .mui-product-tile {
        height: 310px;
    }
}

@media screen and (max-width: 479px) {
    .has-product-tile-override .mui-product-tile {
        height: auto;
        min-height: 109px;
        margin-top: 17px;
    }
}

.clickarea {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .clickarea:focus {
        outline: 0;
    }

@media screen and (max-width: 479px) {
    .xs-edge-to-edge {
        padding-left: 0;
        padding-right: 0;
        clear: both;
    }

        .xs-edge-to-edge .row {
            margin-left: 0;
            margin-right: 0;
        }

        .xs-edge-to-edge div[class*='col-'] {
            padding-left: 0;
            padding-right: 0;
        }
}

html {
    min-height: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

body {
    height: 100%;
    min-height: 100%;
    background-color: #fff;
    margin: 0;
}

input {
    box-sizing: border-box;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.chatbot--chat-window {
    z-index: 10000;
}

.animation-transition-300ms {
    transition: all 0.3s;
}

.parallax-transition {
    transition: transform 0.1s linear;
}

    .parallax-transition.parallax-bg {
        transform: translateZ(0);
        transition: background-position 0.15s linear;
        will-change: background-position;
    }

.fade-in {
    opacity: 1;
    transition-timing-function: ease-out;
}

.fade-out {
    opacity: 0;
    transition-timing-function: ease-in;
}

.js .ui-animate[data-inview] .text-area {
    opacity: 0;
    transform: perspective(400px) rotateX(-45deg);
    transform-origin: center top;
}

.js .ui-animate[data-inview].inview .text-area {
    opacity: 1;
    transform: perspective(400px) rotateX(0);
    transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1), opacity 0.45s cubic-bezier(0.17, 0.67, 0.28, 1);
    transition-delay: 0.2s;
}

.js .ui-animation-intro[data-inview] .headline-label,
.js .ui-animation-intro[data-inview] .ui-header-headline {
    opacity: 0;
    transform: translateY(-50px);
}

.js .ui-animation-intro[data-inview] .intro {
    opacity: 0;
    transform: translateY(-50px);
}

.js .ui-animation-intro[data-inview] .btn,
.js .ui-animation-intro[data-inview] .ui-service-login {
    opacity: 0;
    transform: translateY(-50px);
}

.js .ui-animation-intro[data-inview] .headline-outer.is-shaded .intro {
    opacity: 1;
    transition: none;
}

.js
.ui-animation-intro[data-inview]
.ui-campaign-stage-container
.headline-outer.is-shaded
.intro {
    opacity: 0;
    transform: translateY(-50px);
}

.js .ui-animation-intro[data-inview].inview .headline-label,
.js .ui-animation-intro[data-inview].inview .ui-header-headline {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.32s ease-out, opacity 0.45s ease-in;
    transition-delay: 0.04s;
}

.js .ui-animation-intro[data-inview].inview .intro {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.32s ease-out, opacity 0.45s ease-in;
    transition-delay: 0.16s;
}

.js .ui-animation-intro[data-inview].inview .btn,
.js .ui-animation-intro[data-inview].inview .ui-service-login {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.32s ease-out, opacity 0.45s ease-in;
    transition-delay: 0.32s;
}

.js
.ui-animation-intro[data-inview].inview
.ui-campaign-stage-container
.headline-outer.is-shaded
.intro {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.32s ease-out, opacity 0.45s ease-in;
    transition-delay: 0.16s;
}

.js .ui-c288-12plus-parallax-intro[data-inview] .is-left-bg {
    transform: translateX(-70vw);
}

@media screen and (max-width: 767px) {
    .js .ui-c288-12plus-parallax-intro[data-inview] .is-left-bg {
        transform: translateX(-100vw);
    }
}

.js .ui-c288-12plus-parallax-intro[data-inview] .is-right-bg {
    transform: translateX(70vw);
}

@media screen and (max-width: 767px) {
    .js .ui-c288-12plus-parallax-intro[data-inview] .is-right-bg {
        transform: translateX(100vw);
    }
}

.js .ui-c288-12plus-parallax-intro[data-inview] .img-over {
    opacity: 0;
    transform: translateX(70vw);
}

    .js .ui-c288-12plus-parallax-intro[data-inview] .img-over.is-left {
        transform: translateX(-70vw);
    }

.js .ui-c288-12plus-parallax-intro[data-inview].inview .is-left-bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.7s ease-out;
}

.js .ui-c288-12plus-parallax-intro[data-inview].inview .is-right-bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.7s ease-out;
}

.js .ui-c288-12plus-parallax-intro[data-inview].inview .background-stage {
    transition-delay: 0.15s;
}

.js
.ui-c288-12plus-parallax-intro[data-inview].inview
.img-over:not(.lazyload) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    transform: translateX(0);
    transition: transform 750ms ease-out, opacity 450ms ease-in;
    transition-delay: 0.32s;
}

.js .ui-c287-8-counter-list .list-item[data-inview] .counter-headline,
.js .ui-c287-8-counter-list .list-item[data-inview] .counter-text,
.js .ui-c287-8-counter-list .list-item[data-inview] .item-img {
    opacity: 0;
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-right
.counter-headline {
    transform: translateX(-130px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-right
.counter-text {
    transform: translateX(-100px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-right
.item-img {
    transform: translateX(150px) rotate(-80deg);
    transform-origin: center;
}

@media screen and (max-width: 767px) {
    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-left-aligned.is-animated-to-right
    .counter-headline {
        transform: translateX(-70%);
    }

    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-left-aligned.is-animated-to-right
    .counter-text {
        transform: translateX(-70%);
    }
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-left
.counter-headline {
    transform: translateX(260px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-left
.counter-text {
    transform: translateX(200px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-left
.item-img {
    transform: translateX(150px) rotate(-80deg);
    transform-origin: center;
}

@media screen and (max-width: 767px) {
    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-left-aligned.is-animated-to-left
    .counter-headline {
        transform: translateX(70%);
    }

    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-left-aligned.is-animated-to-left
    .counter-text {
        transform: translateX(70%);
    }
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-left
.counter-headline {
    transform: translateX(130px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-left
.counter-text {
    transform: translateX(100px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-left
.item-img {
    transform: translateX(-150px) rotate(-80deg);
    transform-origin: center;
}

@media screen and (max-width: 767px) {
    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-right-aligned.is-animated-to-left
    .counter-headline {
        transform: translateX(70%);
    }

    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-right-aligned.is-animated-to-left
    .counter-text {
        transform: translateX(70%);
    }
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-right
.counter-headline {
    transform: translateX(-260px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-right
.counter-text {
    transform: translateX(-200px);
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-right
.item-img {
    transform: translateX(-150px) rotate(-80deg);
    transform-origin: center;
}

@media screen and (max-width: 767px) {
    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-right-aligned.is-animated-to-right
    .counter-headline {
        transform: translateX(-70%);
    }

    .js
    .ui-c287-8-counter-list
    .list-item[data-inview].is-right-aligned.is-animated-to-right
    .counter-text {
        transform: translateX(-70%);
    }
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-left.inview
.counter-headline,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-left.inview
.counter-text,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-right.inview
.counter-headline,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-right.inview
.counter-text,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-left.inview
.counter-headline,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-left.inview
.counter-text,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-right.inview
.counter-headline,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-right.inview
.counter-text {
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.7s ease-out, opacity 450ms ease-in;
    transition-delay: 0.16s;
}

.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-left.inview
.item-img,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-left-aligned.is-animated-to-right.inview
.item-img,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-left.inview
.item-img,
.js
.ui-c287-8-counter-list
.list-item[data-inview].is-right-aligned.is-animated-to-right.inview
.item-img {
    opacity: 1;
    transform: translateX(0) rotate(0);
    transition: transform 0.6s ease-out, opacity 450ms ease-in;
    transition-delay: 0.32s;
}

.js .ui-t399-8-sign-in-teaser[data-inview] {
    opacity: 0;
    transform: translateY(50px);
}

    .js .ui-t399-8-sign-in-teaser[data-inview].inview {
        opacity: 1;
        transform: translateY(0);
        transition: transform 0.7s ease-out, opacity 450ms ease-in;
        transition-delay: 0.04s;
    }

.js .ui-c289-8-icon-list .icon-list-item[data-inview] {
    opacity: 0;
    transform: translateX(-65%);
}

    .js .ui-c289-8-icon-list .icon-list-item[data-inview]:nth-child(2n) {
        transform: translateX(65%);
    }

    .js .ui-c289-8-icon-list .icon-list-item[data-inview].inview {
        opacity: 1;
        transform: translateX(0);
        transition: transform 750ms ease-out, opacity 450ms ease-in;
    }

.ui-parallax-wrapper {
    position: relative;
}

    .ui-parallax-wrapper .background-element-clip {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }

@-moz-document url-prefix() {
    .ui-parallax-wrapper .background-element-clip {
        clip-path: url(#stage-clip);
    }
}

@supports (-ms-accelerator: true) {
    .ui-parallax-wrapper .background-element-clip {
        -webkit-clip-path: url(#stage-clip);
        clip-path: url(#stage-clip);
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ui-parallax-wrapper .background-element-clip {
        -webkit-clip-path: url(#stage-clip);
        clip-path: url(#stage-clip);
    }
}

.ui-parallax-wrapper .background-element {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    transition: top 0.16s linear, bottom 0.16s linear;
}

.ui-mediaquery-js-provider::after {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 0;
    height: 0;
    content: 'xs';
}

@media all and (min-width: 480px) {
    .ui-mediaquery-js-provider::after {
        content: 'ms';
    }
}

@media all and (min-width: 768px) {
    .ui-mediaquery-js-provider::after {
        content: 'sm';
    }
}

@media all and (min-width: 992px) {
    .ui-mediaquery-js-provider::after {
        content: 'md';
    }
}

@media all and (min-width: 1200px) {
    .ui-mediaquery-js-provider::after {
        content: 'lg';
    }
}

.ui-mediaquery-js-provider.is-visible {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffdc79;
    font-weight: 700;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    z-index: 100000;
    padding-bottom: 10px;
    min-width: 80px;
    text-align: center;
}

    .ui-mediaquery-js-provider.is-visible::after {
        position: static;
        width: auto;
        height: auto;
        text-transform: uppercase;
        display: inline-block;
        margin-top: 10px;
    }

    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: XS';
        display: block;
        padding: 10px 30px;
        background: #fff9cc;
    }

@media all and (min-width: 480px) {
    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: MS';
    }
}

@media all and (min-width: 768px) {
    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: SM';
    }
}

@media all and (min-width: 992px) {
    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: MD';
    }
}

@media all and (min-width: 1200px) {
    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: LG';
    }
}

@media screen and (min-width: 1400px) {
    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: XL';
    }
}

@media screen and (min-width: 1680px) {
    .ui-mediaquery-js-provider.is-visible::before {
        content: 'respondTo: XXL';
    }
}

.ui-f609-12-filter .m-cipo-filter__buttons .btn {
    border: 2px solid #de450a;
    background-color: #de450a;
}

    .ui-f609-12-filter .m-cipo-filter__buttons .btn.collapsed {
        border: 2px solid #f60;
        color: #f60;
    }

        .ui-f609-12-filter .m-cipo-filter__buttons .btn.collapsed::after {
            background-image: url(../img/svg/icons/general/dropdown-filter.svg);
        }

.o-swap-intro__btn.ui-js-modal-ajax-link {
    cursor: not-allowed;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

    .o-swap-intro__btn.ui-js-modal-ajax-link.is-active {
        cursor: pointer;
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }

.footer-mid-newsletter-icon {
    position: relative;
    top: 2px; /* adjust this value until it looks right */
    display: inline-block;
}

.hero {
    display: flex;
    justify-content: left; /* horizontal center */
    align-items: flex-end; /* bottom */
    padding-bottom: 2rem; /* space from bottom */
}

.info-block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Arrow anchored to container left */
.info-arrow {
    display: flex;
    justify-content: flex-start; /* change to center if desired */
    font-size: 2rem;
    color: #ff6600;
}

.info-arrow svg {
    position: static !important;
}

.arrow {
    transform: rotate(90deg);
    width: 64px;
    height: 64px;
}

/* Centered text column */
.info-text {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
}

.m-logo {
    width: 40px;
    height: 40px;
}

/* Desktop & up: larger arrow if needed */
@media (min-width: 1200px) {
    .info-arrow svg {
        width: 64px;
        height: 64px;
    }
}


/* 📱 Mobile adjustments */
@media (max-width: 768px) {
    .info-arrow {
        position: static;
        margin-bottom: 1rem;
        text-align: center;
    }

    .info-text {
        max-width: 100%;
    }

    .m-logo {
        width: 36px;
        height: 36px;
    }
}

.footer-mid-newsletter-icon {
    position: relative;
    top: 2px; /* adjust this value until it looks right */
    display: inline-block;
}