@charset "UTF-8";

@font-face {
    font-family: Glyphter;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/Glyphter/Glyphter.eot');
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/Glyphter/Glyphter.eot?#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/Glyphter/Glyphter.woff') format("woff"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/Glyphter/Glyphter.ttf') format("truetype")
}

@font-face {
    font-family: Univers;
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-Light/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-Light/font.woff') format("woff")
}

@font-face {
    font-family: Univers;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT/font.woff') format("woff")
}

@font-face {
    font-family: Univers;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-Bold/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-Bold/font.woff') format("woff")
}

@font-face {
    font-family: Univers;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-Black/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-Black/font.woff') format("woff")
}

@font-face {
    font-family: Univers;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-ExtraBlack/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLT-ExtraBlack/font.woff') format("woff")
}

@font-face {
    font-family: UniversLTCYR;
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Light/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Light/font.woff') format("woff")
}

@font-face {
    font-family: UniversLTCYR;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Roman/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Roman/font.woff') format("woff")
}

@font-face {
    font-family: UniversLTCYR;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Bold/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Bold/font.woff') format("woff")
}

@font-face {
    font-family: UniversLTCYR;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Black/font.woff2') format("woff2"), url('../../../typo3conf/ext/hk_content/Resources/Public/Fonts/webFonts/UniversLTCYR-Black/font.woff') format("woff")
}

.ce-bodytext.ce-intext {
    float: none;
}

.ce-gallery.ce-intext.ce-right {
    float: right;
    z-index: 999;
}

.ce-gallery.ce-intext.ce-left {
    float: left;
    z-index: 999;
}

@media (max-width: 991px) {
    .ce-gallery.ce-intext.ce-right, .ce-gallery.ce-intext.ce-left {
        float: none;
    }
}

.play-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    text-align: center;
}

.play-button-wrapper .video-text {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    color: white;
    line-height: 1.0
}

.fa-play {
    position: relative;
    color: #fff;
    font-size: 30px;
    width: 70px;
    height: 70px;
}

.fa-play:before {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -10px;
}

.video-wrapper {
    position: relative;
    display: block;
}

.fa {
    font-size: 30px !important;
}

.video-wrapper .wistia_mousedown > img {
    position: relative !important;
}

.video-wrapper > div {
    margin: 0 auto;
}

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

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

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

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@media print {
    *, ::after, ::before, blockquote::first-letter, blockquote::first-line, div::first-letter, div::first-line, li::first-letter, li::first-line, p::first-letter, p::first-line {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

    pre {
        white-space: pre-wrap !important
    }

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

    thead {
        display: table-header-group
    }

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

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

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

    .navbar {
        display: none
    }

    .badge {
        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
    }
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem
}

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

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

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    cursor: help
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, select, textarea {
    line-height: inherit
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: not-allowed
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

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

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

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

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #636c72
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer::before {
    content: ""
}

.blockquote-reverse .blockquote-footer::after {
    content: "\00A0 \2014"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #636c72
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 800px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 800px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

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

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

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

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

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

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

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

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

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }

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

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

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

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

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

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

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

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

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

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

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 800px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.33333%
    }

    .pull-md-2 {
        right: 16.66667%
    }

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

    .pull-md-4 {
        right: 33.33333%
    }

    .pull-md-5 {
        right: 41.66667%
    }

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

    .pull-md-7 {
        right: 58.33333%
    }

    .pull-md-8 {
        right: 66.66667%
    }

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

    .pull-md-10 {
        right: 83.33333%
    }

    .pull-md-11 {
        right: 91.66667%
    }

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

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.33333%
    }

    .push-md-2 {
        left: 16.66667%
    }

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

    .push-md-4 {
        left: 33.33333%
    }

    .push-md-5 {
        left: 41.66667%
    }

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

    .push-md-7 {
        left: 58.33333%
    }

    .push-md-8 {
        left: 66.66667%
    }

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

    .push-md-10 {
        left: 83.33333%
    }

    .push-md-11 {
        left: 91.66667%
    }

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

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

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.33333%
    }

    .pull-lg-2 {
        right: 16.66667%
    }

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

    .pull-lg-4 {
        right: 33.33333%
    }

    .pull-lg-5 {
        right: 41.66667%
    }

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

    .pull-lg-7 {
        right: 58.33333%
    }

    .pull-lg-8 {
        right: 66.66667%
    }

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

    .pull-lg-10 {
        right: 83.33333%
    }

    .pull-lg-11 {
        right: 91.66667%
    }

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

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.33333%
    }

    .push-lg-2 {
        left: 16.66667%
    }

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

    .push-lg-4 {
        left: 33.33333%
    }

    .push-lg-5 {
        left: 41.66667%
    }

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

    .push-lg-7 {
        left: 58.33333%
    }

    .push-lg-8 {
        left: 66.66667%
    }

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

    .push-lg-10 {
        left: 83.33333%
    }

    .push-lg-11 {
        left: 91.66667%
    }

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

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

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.33333%
    }

    .pull-xl-2 {
        right: 16.66667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.33333%
    }

    .pull-xl-5 {
        right: 41.66667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.33333%
    }

    .pull-xl-8 {
        right: 66.66667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.33333%
    }

    .pull-xl-11 {
        right: 91.66667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.33333%
    }

    .push-xl-2 {
        left: 16.66667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.33333%
    }

    .push-xl-5 {
        left: 41.66667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1440px) {
    .col-xl2 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl2-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl2-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl2-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl2-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl2-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl2-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl2-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl2-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl2-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl2-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl2-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl2-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl2-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl2-0 {
        right: auto
    }

    .pull-xl2-1 {
        right: 8.33333%
    }

    .pull-xl2-2 {
        right: 16.66667%
    }

    .pull-xl2-3 {
        right: 25%
    }

    .pull-xl2-4 {
        right: 33.33333%
    }

    .pull-xl2-5 {
        right: 41.66667%
    }

    .pull-xl2-6 {
        right: 50%
    }

    .pull-xl2-7 {
        right: 58.33333%
    }

    .pull-xl2-8 {
        right: 66.66667%
    }

    .pull-xl2-9 {
        right: 75%
    }

    .pull-xl2-10 {
        right: 83.33333%
    }

    .pull-xl2-11 {
        right: 91.66667%
    }

    .pull-xl2-12 {
        right: 100%
    }

    .push-xl2-0 {
        left: auto
    }

    .push-xl2-1 {
        left: 8.33333%
    }

    .push-xl2-2 {
        left: 16.66667%
    }

    .push-xl2-3 {
        left: 25%
    }

    .push-xl2-4 {
        left: 33.33333%
    }

    .push-xl2-5 {
        left: 41.66667%
    }

    .push-xl2-6 {
        left: 50%
    }

    .push-xl2-7 {
        left: 58.33333%
    }

    .push-xl2-8 {
        left: 66.66667%
    }

    .push-xl2-9 {
        left: 75%
    }

    .push-xl2-10 {
        left: 83.33333%
    }

    .push-xl2-11 {
        left: 91.66667%
    }

    .push-xl2-12 {
        left: 100%
    }

    .offset-xl2-0 {
        margin-left: 0
    }

    .offset-xl2-1 {
        margin-left: 8.33333%
    }

    .offset-xl2-2 {
        margin-left: 16.66667%
    }

    .offset-xl2-3 {
        margin-left: 25%
    }

    .offset-xl2-4 {
        margin-left: 33.33333%
    }

    .offset-xl2-5 {
        margin-left: 41.66667%
    }

    .offset-xl2-6 {
        margin-left: 50%
    }

    .offset-xl2-7 {
        margin-left: 58.33333%
    }

    .offset-xl2-8 {
        margin-left: 66.66667%
    }

    .offset-xl2-9 {
        margin-left: 75%
    }

    .offset-xl2-10 {
        margin-left: 83.33333%
    }

    .offset-xl2-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1920px) {
    .col-xxl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xxl-0 {
        right: auto
    }

    .pull-xxl-1 {
        right: 8.33333%
    }

    .pull-xxl-2 {
        right: 16.66667%
    }

    .pull-xxl-3 {
        right: 25%
    }

    .pull-xxl-4 {
        right: 33.33333%
    }

    .pull-xxl-5 {
        right: 41.66667%
    }

    .pull-xxl-6 {
        right: 50%
    }

    .pull-xxl-7 {
        right: 58.33333%
    }

    .pull-xxl-8 {
        right: 66.66667%
    }

    .pull-xxl-9 {
        right: 75%
    }

    .pull-xxl-10 {
        right: 83.33333%
    }

    .pull-xxl-11 {
        right: 91.66667%
    }

    .pull-xxl-12 {
        right: 100%
    }

    .push-xxl-0 {
        left: auto
    }

    .push-xxl-1 {
        left: 8.33333%
    }

    .push-xxl-2 {
        left: 16.66667%
    }

    .push-xxl-3 {
        left: 25%
    }

    .push-xxl-4 {
        left: 33.33333%
    }

    .push-xxl-5 {
        left: 41.66667%
    }

    .push-xxl-6 {
        left: 50%
    }

    .push-xxl-7 {
        left: 58.33333%
    }

    .push-xxl-8 {
        left: 66.66667%
    }

    .push-xxl-9 {
        left: 75%
    }

    .push-xxl-10 {
        left: 83.33333%
    }

    .push-xxl-11 {
        left: 91.66667%
    }

    .push-xxl-12 {
        left: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1
}

.form-control:disabled {
    cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
    height: -webkit-calc(2.25rem + 2px);
    height: -moz-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block
}

.col-form-label {
    padding-top: -webkit-calc(.5rem - 1px * 2);
    padding-top: -moz-calc(.5rem - 1px * 2);
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: -webkit-calc(.5rem - 1px * 2);
    padding-bottom: -moz-calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: -webkit-calc(.75rem - 1px * 2);
    padding-top: -moz-calc(.75rem - 1px * 2);
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: -webkit-calc(.75rem - 1px * 2);
    padding-bottom: -moz-calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: -webkit-calc(.25rem - 1px * 2);
    padding-top: -moz-calc(.25rem - 1px * 2);
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: -webkit-calc(.25rem - 1px * 2);
    padding-bottom: -moz-calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}

.form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: 3.16667rem
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #636c72;
    cursor: not-allowed
}

.form-check-label {
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 100;
    font-size: .875rem
}

.form-check-label a, .form-check-label a:focus, .form-check-label a:hover {
    color: #004e9c
}

.form-check-input {
    vertical-align: baseline
}

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline + .form-check-inline {
    margin-left: .75rem
}

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    -moz-background-size: 1.125rem 1.125rem;
    -o-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    -moz-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

.btn.active, .btn:active {
    background-image: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    -moz-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    -moz-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    -moz-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}

.btn-success.focus, .btn-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    -moz-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning.focus, .btn-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    -moz-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    -moz-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a
}

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    -moz-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent
}

.btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    -moz-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent
}

.btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-info.focus, .btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    -moz-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent
}

.btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus, .btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    -moz-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent
}

.btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    -moz-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent
}

.btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    -moz-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent
}

.btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-link {
    font-weight: 400;
    color: #0275d8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {
    background-color: transparent
}

.btn-link, .btn-link:active, .btn-link:focus {
    border-color: transparent
}

.btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link:disabled {
    color: #636c72
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    -moz-transition: height .35s ease;
    transition: height .35s ease
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show > .dropdown-menu {
    display: block
}

.show > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

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

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn + .dropdown-toggle-split::after {
    margin-left: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
    z-index: 3
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 3
}

.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover {
    z-index: 3
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0275d8
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    -moz-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

.custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #8fcafe
}

.custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-control-input:disabled ~ .custom-control-description {
    color: #636c72;
    cursor: not-allowed
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    -moz-background-size: 50% 50%;
    -o-background-size: 50% 50%;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0275d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: -moz-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    -moz-background-size: 8px 10px;
    -o-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

.custom-select:focus {
    border-color: #5cb3fd;
    outline: 0
}

.custom-select:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.custom-select:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.custom-file-control:lang(en)::after {
    content: "Choose file..."
}

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 0 .25rem .25rem 0;
    -moz-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en)::before {
    content: "Browse"
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5em 1em
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #636c72;
    cursor: not-allowed
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled {
    color: #636c72;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.nav-pills .nav-link {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width: 799px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 800px) {
    .navbar-toggleable-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-sm > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-md > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-lg > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1439px) {
    .navbar-toggleable-xl .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xl > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1440px) {
    .navbar-toggleable-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-xl > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-xl .navbar-toggler {
        display: none
    }
}

@media (max-width: 1919px) {
    .navbar-toggleable-xl2 .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xl2 > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1920px) {
    .navbar-toggleable-xl2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl2 .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-xl2 .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-xl2 > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl2 .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-xl2 .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xxl .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-toggleable-xxl > .container {
    padding-right: 0;
    padding-left: 0
}

.navbar-toggleable-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-toggleable-xxl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-toggleable-xxl > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

.navbar-toggleable-xxl .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
    color: #fff
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover {
    color: #fff
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-inverse .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
    color: #fff
}

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card > .list-group:first-child .list-group-item:first-child {
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    -webkit-border-radius: -webkit-calc(.25rem - 1px) -webkit-calc(.25rem - 1px) 0 0;
    -moz-border-radius: -moz-calc(.25rem - 1px) -moz-calc(.25rem - 1px) 0 0;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    -webkit-border-radius: 0 0 -webkit-calc(.25rem - 1px) -webkit-calc(.25rem - 1px);
    -moz-border-radius: 0 0 -moz-calc(.25rem - 1px) -moz-calc(.25rem - 1px);
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

.card-primary .card-footer, .card-primary .card-header {
    background-color: transparent
}

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.card-success .card-footer, .card-success .card-header {
    background-color: transparent
}

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.card-info .card-footer, .card-info .card-header {
    background-color: transparent
}

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.card-warning .card-footer, .card-warning .card-header {
    background-color: transparent
}

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

.card-danger .card-footer, .card-danger .card-header {
    background-color: transparent
}

.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-footer, .card-inverse .card-header {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .2)
}

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
    color: #fff
}

.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
    color: #fff
}

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

.card-img {
    -webkit-border-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius: -moz-calc(.25rem - 1px);
    border-radius: calc(.25rem - 1px)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img-top {
    -webkit-border-top-right-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-topright: -moz-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    -webkit-border-top-left-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-topleft: -moz-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    -webkit-border-bottom-right-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-bottomright: -moz-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    -webkit-border-bottom-left-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-bottomleft: -moz-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-deck .card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-deck .card:not(:first-child) {
        margin-left: 15px
    }

    .card-deck .card:not(:last-child) {
        margin-right: 15px
    }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .card-group .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group .card:first-child {
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-top {
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-bottom {
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    .card-group .card:last-child {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-top {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-bottom {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child) {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.breadcrumb::after {
    display: block;
    content: "";
    clear: both
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #636c72;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #636c72
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.page-item:last-child .page-link {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus, .page-link:hover {
    color: #014c8c;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    -webkit-border-bottom-left-radius: .3rem;
    -moz-border-radius-bottomleft: .3rem;
    border-bottom-left-radius: .3rem;
    -webkit-border-top-left-radius: .3rem;
    -moz-border-radius-topleft: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    -webkit-border-bottom-right-radius: .3rem;
    -moz-border-radius-bottomright: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    -moz-border-radius-topright: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    -webkit-border-bottom-left-radius: .2rem;
    -moz-border-radius-bottomleft: .2rem;
    border-bottom-left-radius: .2rem;
    -webkit-border-top-left-radius: .2rem;
    -moz-border-radius-topleft: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    -webkit-border-bottom-right-radius: .2rem;
    -moz-border-radius-bottomright: .2rem;
    border-bottom-right-radius: .2rem;
    -webkit-border-top-right-radius: .2rem;
    -moz-border-radius-topright: .2rem;
    border-top-right-radius: .2rem
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    position: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c1e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6d5ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7ecb5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9b9
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 1rem 1rem;
    -moz-background-size: 1rem 1rem;
    -o-background-size: 1rem 1rem;
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -moz-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit
}

.list-group-item-action .list-group-item-heading {
    color: #292b2c
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #464a4c;
    text-decoration: none;
    background-color: #f7f7f9
}

.list-group-item-action:active {
    color: #292b2c;
    background-color: #eceeef
}

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #fff
}

.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
    color: #636c72
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text {
    color: #daeeff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

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

.embed-responsive::before {
    display: block;
    content: ""
}

.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-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.rounded-top {
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.rounded-right {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem
}

.rounded-bottom {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-left {
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.rounded-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.rounded-0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.clearfix::after {
    display: block;
    content: "";
    clear: both
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 800px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1440px) {
    .d-xl2-none {
        display: none !important
    }

    .d-xl2-inline {
        display: inline !important
    }

    .d-xl2-inline-block {
        display: inline-block !important
    }

    .d-xl2-block {
        display: block !important
    }

    .d-xl2-table {
        display: table !important
    }

    .d-xl2-table-cell {
        display: table-cell !important
    }

    .d-xl2-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl2-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1920px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -moz-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -moz-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -moz-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -moz-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -moz-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -moz-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 800px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1440px) {
    .flex-xl2-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl2-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl2-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl2-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl2-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl2-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl2-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl2-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl2-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl2-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl2-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl2-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl2-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl2-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl2-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl2-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl2-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl2-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl2-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl2-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl2-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl2-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl2-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl2-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl2-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl2-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl2-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl2-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl2-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl2-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl2-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl2-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1920px) {
    .flex-xxl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xxl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xxl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 800px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

@media (min-width: 1440px) {
    .float-xl2-left {
        float: left !important
    }

    .float-xl2-right {
        float: right !important
    }

    .float-xl2-none {
        float: none !important
    }
}

@media (min-width: 1920px) {
    .float-xxl-left {
        float: left !important
    }

    .float-xxl-right {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.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
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-4 {
    margin: 1.5rem 1.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-5 {
    margin: 3rem 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: 1rem 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pl-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem 1.5rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pl-4 {
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-5 {
    padding: 3rem 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pl-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: .25rem .25rem !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1 {
        margin-left: .25rem !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem .5rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2 {
        margin-left: .5rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem 1rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3 {
        margin-left: 1rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem 3rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5 {
        margin-left: 3rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-sm-0 {
        padding: 0 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: .25rem .25rem !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1 {
        padding-left: .25rem !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem .5rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2 {
        padding-left: .5rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem 1rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3 {
        padding-left: 1rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem 3rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5 {
        padding-left: 3rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 800px) {
    .m-md-0 {
        margin: 0 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: .25rem .25rem !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1 {
        margin-left: .25rem !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-md-2 {
        margin: .5rem .5rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2 {
        margin-left: .5rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-md-3 {
        margin: 1rem 1rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3 {
        margin-left: 1rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4 {
        margin-left: 1.5rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem 3rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5 {
        margin-left: 3rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-md-0 {
        padding: 0 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: .25rem .25rem !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1 {
        padding-left: .25rem !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-md-2 {
        padding: .5rem .5rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2 {
        padding-left: .5rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-md-3 {
        padding: 1rem 1rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3 {
        padding-left: 1rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4 {
        padding-left: 1.5rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem 3rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5 {
        padding-left: 3rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto {
        margin-left: auto !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1440px) {
    .m-xl2-0 {
        margin: 0 0 !important
    }

    .mt-xl2-0 {
        margin-top: 0 !important
    }

    .mr-xl2-0 {
        margin-right: 0 !important
    }

    .mb-xl2-0 {
        margin-bottom: 0 !important
    }

    .ml-xl2-0 {
        margin-left: 0 !important
    }

    .mx-xl2-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl2-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl2-1 {
        margin: .25rem .25rem !important
    }

    .mt-xl2-1 {
        margin-top: .25rem !important
    }

    .mr-xl2-1 {
        margin-right: .25rem !important
    }

    .mb-xl2-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl2-1 {
        margin-left: .25rem !important
    }

    .mx-xl2-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl2-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl2-2 {
        margin: .5rem .5rem !important
    }

    .mt-xl2-2 {
        margin-top: .5rem !important
    }

    .mr-xl2-2 {
        margin-right: .5rem !important
    }

    .mb-xl2-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl2-2 {
        margin-left: .5rem !important
    }

    .mx-xl2-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl2-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl2-3 {
        margin: 1rem 1rem !important
    }

    .mt-xl2-3 {
        margin-top: 1rem !important
    }

    .mr-xl2-3 {
        margin-right: 1rem !important
    }

    .mb-xl2-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl2-3 {
        margin-left: 1rem !important
    }

    .mx-xl2-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl2-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl2-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xl2-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl2-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl2-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl2-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl2-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl2-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl2-5 {
        margin: 3rem 3rem !important
    }

    .mt-xl2-5 {
        margin-top: 3rem !important
    }

    .mr-xl2-5 {
        margin-right: 3rem !important
    }

    .mb-xl2-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl2-5 {
        margin-left: 3rem !important
    }

    .mx-xl2-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl2-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl2-0 {
        padding: 0 0 !important
    }

    .pt-xl2-0 {
        padding-top: 0 !important
    }

    .pr-xl2-0 {
        padding-right: 0 !important
    }

    .pb-xl2-0 {
        padding-bottom: 0 !important
    }

    .pl-xl2-0 {
        padding-left: 0 !important
    }

    .px-xl2-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl2-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl2-1 {
        padding: .25rem .25rem !important
    }

    .pt-xl2-1 {
        padding-top: .25rem !important
    }

    .pr-xl2-1 {
        padding-right: .25rem !important
    }

    .pb-xl2-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl2-1 {
        padding-left: .25rem !important
    }

    .px-xl2-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl2-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl2-2 {
        padding: .5rem .5rem !important
    }

    .pt-xl2-2 {
        padding-top: .5rem !important
    }

    .pr-xl2-2 {
        padding-right: .5rem !important
    }

    .pb-xl2-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl2-2 {
        padding-left: .5rem !important
    }

    .px-xl2-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl2-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl2-3 {
        padding: 1rem 1rem !important
    }

    .pt-xl2-3 {
        padding-top: 1rem !important
    }

    .pr-xl2-3 {
        padding-right: 1rem !important
    }

    .pb-xl2-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl2-3 {
        padding-left: 1rem !important
    }

    .px-xl2-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl2-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl2-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xl2-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl2-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl2-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl2-4 {
        padding-left: 1.5rem !important
    }

    .px-xl2-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl2-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl2-5 {
        padding: 3rem 3rem !important
    }

    .pt-xl2-5 {
        padding-top: 3rem !important
    }

    .pr-xl2-5 {
        padding-right: 3rem !important
    }

    .pb-xl2-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl2-5 {
        padding-left: 3rem !important
    }

    .px-xl2-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl2-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl2-auto {
        margin: auto !important
    }

    .mt-xl2-auto {
        margin-top: auto !important
    }

    .mr-xl2-auto {
        margin-right: auto !important
    }

    .mb-xl2-auto {
        margin-bottom: auto !important
    }

    .ml-xl2-auto {
        margin-left: auto !important
    }

    .mx-xl2-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl2-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1920px) {
    .m-xxl-0 {
        margin: 0 0 !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0 {
        margin-left: 0 !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem .25rem !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1 {
        margin-left: .25rem !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem .5rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2 {
        margin-left: .5rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem 1rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3 {
        margin-left: 1rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem 3rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5 {
        margin-left: 3rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 0 !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0 {
        padding-left: 0 !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem .25rem !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1 {
        padding-left: .25rem !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem .5rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2 {
        padding-left: .5rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem 1rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3 {
        padding-left: 1rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4 {
        padding-left: 1.5rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem 3rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5 {
        padding-left: 3rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto {
        margin-left: auto !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

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

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media (min-width: 800px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

@media (min-width: 1440px) {
    .text-xl2-left {
        text-align: left !important
    }

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

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

@media (min-width: 1920px) {
    .text-xxl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus, a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus, a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus, a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important
}

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

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

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

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 799px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 800px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media (max-width: 1439px) {
    .hidden-xl-down {
        display: none !important
    }
}

@media (min-width: 1440px) {
    .hidden-xl2-up {
        display: none !important
    }
}

@media (max-width: 1919px) {
    .hidden-xl2-down {
        display: none !important
    }
}

@media (min-width: 1920px) {
    .hidden-xxl-up {
        display: none !important
    }
}

.hidden-xxl-down {
    display: none !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
    }
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    -webkit-border-radius: .1em;
    -moz-border-radius: .1em;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    -moz-animation: fa-spin 1s infinite steps(8);
    -o-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}

.fa-eur:before, .fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-inr:before, .fa-rupee:before {
    content: ""
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}

.fa-krw:before, .fa-won:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.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
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url('../../../typo3conf/ext/hk_content/Resources/Public/Styles/ajax-loader.gif') center center no-repeat
}


.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.mm-menu, .mm-panels, .mm-panels > .mm-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-btn, .mm-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
    text-decoration: none
}

.mm-hidden {
    display: none !important
}

.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
    display: block
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    padding: 0;
    position: absolute
}

.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    position: absolute
}

.mm-btn, .mm-panel.mm-highest {
    z-index: 1
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panels > .mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
    padding-top: 0 !important;
    padding-bottom: 120px !important
}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 40px;
    bottom: auto
}

.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 19px
}

.mm-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-clear:after, .mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 23px
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 117px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar > * {
    display: block;
    padding: 10px 0
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview > li {
    position: relative
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
    border-color: inherit
}

.mm-listview > li > a, .mm-listview > li > span {
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
    padding-right: 50px
}

.mm-listview > li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px
}

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset > li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer > .mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .5);
    tap-highlight-color: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .5)
}

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, .05)
}

.mm-page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking, html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

.mm-menu.mm-offcanvas.mm-current {
    display: block
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        -moz-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top {
    max-height: 80%
}

.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-measureheight .mm-panel {
    display: block !important
}

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

.mm-menu.mm-columns {
    -webkit-transition-property: width, max-width, -webkit-transform;
    transition-property: width, max-width, -webkit-transform;
    -o-transition-property: width, max-width, -o-transform;
    -moz-transition-property: transform, width, max-width, -moz-transform;
    transition-property: transform, width, max-width;
    transition-property: transform, width, max-width, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, width, max-width, -webkit-transform
}

.mm-menu.mm-columns .mm-panels > .mm-panel {
    width: 100%;
    right: auto;
    display: none;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: width, -o-transform;
    -moz-transition-property: transform, width, -moz-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, width, -webkit-transform
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
    border-right: 1px solid;
    border-color: inherit;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 2
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
    display: block;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0
}

html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 0px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
    display: block;
    -webkit-transform: translate3d(200%, 0, 0);
    -moz-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        -moz-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
    width: 100%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
    -webkit-transform: translate3d(200%, 0, 0);
    -moz-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
    display: block;
    -webkit-transform: translate3d(300%, 0, 0);
    -moz-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(880px, 0, 0);
        -moz-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
    width: 50%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
    -webkit-transform: translate3d(300%, 0, 0);
    -moz-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
    display: block;
    -webkit-transform: translate3d(400%, 0, 0);
    -moz-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(1320px, 0, 0);
        -moz-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
    width: 33.34%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
    -webkit-transform: translate3d(400%, 0, 0);
    -moz-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
    display: block;
    -webkit-transform: translate3d(500%, 0, 0);
    -moz-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(1760px, 0, 0);
        -moz-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
    width: 25%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
    -webkit-transform: translate3d(500%, 0, 0);
    -moz-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
    display: block;
    -webkit-transform: translate3d(600%, 0, 0);
    -moz-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px
}

html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(2200px, 0, 0);
        -moz-transform: translate3d(2200px, 0, 0);
        transform: translate3d(2200px, 0, 0)
    }
}

.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
    width: 20%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
    -webkit-transform: translate3d(600%, 0, 0);
    -moz-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
    display: block;
    -webkit-transform: translate3d(700%, 0, 0);
    -moz-transform: translate3d(700%, 0, 0);
    transform: translate3d(700%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px
}

html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(2640px, 0, 0);
        -moz-transform: translate3d(2640px, 0, 0);
        transform: translate3d(2640px, 0, 0)
    }
}

.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
    width: 16.67%
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

em.mm-counter + a.mm-next {
    width: 90px
}

em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
    margin-right: 90px
}

em.mm-counter + a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px
}

.mm-nosubresults > .mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-divider > span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, .05)
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-menu.mm-dropdown {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-dropdown .mm-menu {
    z-index: 2
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu.mm-tipleft:before {
    left: 22px
}

.mm-menu.mm-tipright:before {
    right: 22px
}

.mm-menu.mm-tiptop:before {
    top: -8px
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: left, -webkit-transform;
    transition-property: left, -webkit-transform;
    -o-transition-property: left, -o-transform;
    -moz-transition-property: transform, left, -moz-transform;
    transition-property: transform, left;
    transition-property: transform, left, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, left, -webkit-transform
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
    border-bottom: none
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-] > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.mm-navbar .mm-breadcrumbs {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs > a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-3 > * {
    width: 33.33%
}

.mm-navbar-content-4 > * {
    width: 25%
}

.mm-navbar-content-5 > * {
    width: 20%
}

.mm-navbar-content-6 > * {
    width: 16.67%
}

.mm-sronly {
    text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1
}

.mm-search, .mm-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0;
    position: relative
}

.mm-search input {
    border: none !important;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    display: block;
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-search .mm-clear, .mm-search .mm-next {
    right: 0
}

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults > a.mm-next {
    display: none
}

li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px
}

.mm-panels > .mm-resultspanel:not(.mm-opened) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    -moz-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer ~ .mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    -moz-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .5)
}

input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px
}

label.mm-check:before, label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px
}

label.mm-toggle + a, label.mm-toggle + span {
    padding-right: 80px
}

label.mm-check + a, label.mm-check + span {
    padding-right: 60px
}

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
    right: 60px
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
    margin-right: 50px
}

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
    padding-right: 70px
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
    padding-right: 50px
}

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
    right: 100px
}

em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, .7)
}

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
    content: none
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
    left: 0 !important
}

.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
    right: 20px
}

.mm-menu.mm-effect-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-effect-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
    -webkit-transition: none .4s ease;
    -o-transition: none .4s ease;
    -moz-transition: none .4s ease;
    transition: none .4s ease
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -o-transform;
    -moz-transition-property: transform, opacity, -moz-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
    opacity: 1
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
    -webkit-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    -moz-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
    top: -25%
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
    top: 0
}

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        -moz-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(10000px, 0, 0);
        -moz-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        -moz-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-10000px, 0, 0);
        -moz-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before {
    content: none;
    display: none
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-flow: column nowrap;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    -moz-box-flex: 1;
    flex: 1 1 0
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 0
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
    opacity: 0
}

html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    -moz-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

html.mm-pagedim #mm-blocker {
    background: inherit
}

html.mm-pagedim-white #mm-blocker {
    background: #fff
}

html.mm-pagedim-black #mm-blocker {
    background: #000
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
    opacity: 1
}

html.mm-popup .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-popup #mm-blocker {
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-popup .mm-menu {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto;
    right: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-80%, 0, 0);
    -moz-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        -moz-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        -moz-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-front #mm-blocker {
    z-index: 1
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 99
}

.mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto;
    bottom: 0
}

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    margin-top: 70px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: -moz-calc(100% - 70px);
    height: calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
    min-height: 140px;
    max-height: 880px
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05);
    tap-highlight-color: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .3);
    tap-highlight-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
    width: auto
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    z-index: 1045;
    height: 100%
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -moz-transform-origin: 0;
        -ms-transform-origin: 0;
        -o-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -moz-transform-origin: 100%;
        -ms-transform-origin: 100%;
        -o-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-moz-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-o-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-o-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -moz-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        -moz-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -moz-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -moz-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        -moz-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -moz-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -moz-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -moz-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-moz-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-o-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    -moz-animation-name: headShake;
    -o-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@-moz-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -moz-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -moz-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -moz-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -moz-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -moz-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@-o-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -moz-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -moz-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -moz-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -moz-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -moz-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes wobble {
    from {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes wobble {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@-moz-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        -moz-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@-o-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -o-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        -o-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        -o-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        -o-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        -moz-transform: skewX(.39062deg) skewY(.39062deg);
        -o-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        -moz-transform: skewX(-.19531deg) skewY(-.19531deg);
        -o-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    -moz-animation-name: jello;
    -o-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -moz-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -moz-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -moz-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -moz-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -moz-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -moz-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -moz-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -moz-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -moz-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -moz-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -moz-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -moz-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -moz-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -moz-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-moz-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-o-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-moz-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-o-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-moz-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -moz-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-o-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -moz-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-moz-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -moz-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-o-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -moz-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-moz-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-o-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        -moz-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        -moz-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInUp200 {
    -webkit-animation-name: fadeInUp200;
    -moz-animation-name: fadeInUp200;
    -o-animation-name: fadeInUp200;
    animation-name: fadeInUp200
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-moz-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDown200 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

@-moz-keyframes fadeOutDown200 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        -moz-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

@-o-keyframes fadeOutDown200 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

@keyframes fadeOutDown200 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        -moz-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

.fadeOutDown200 {
    -webkit-animation-name: fadeOutDown200;
    -moz-animation-name: fadeOutDown200;
    -o-animation-name: fadeOutDown200;
    animation-name: fadeOutDown200
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-moz-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-o-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-moz-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-o-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-moz-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-o-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-moz-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-o-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-moz-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-o-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-moz-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-o-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-moz-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -moz-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-o-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -moz-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -moz-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-moz-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -moz-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -moz-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -moz-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -moz-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -moz-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -moz-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -moz-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -moz-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        -moz-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -moz-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -moz-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        -moz-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@-moz-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@-o-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-o-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        transform-origin: left center
    }
}

@-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        transform-origin: right center
    }
}

@-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-moz-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-moz-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-o-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-moz-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-o-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    -webkit-transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    -moz-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 40px;
    height: 4px;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::after, .hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    -o-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), -moz-transform .2s cubic-bezier(.645, .045, .355, 1), -o-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -moz-transform 0s .1s cubic-bezier(.645, .045, .355, 1), -o-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
    -moz-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
    -moz-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
    -moz-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
    -moz-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s .15s ease, -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1), -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s .15s ease, -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1), -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1);
    -moz-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1);
    transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -webkit-transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: top .1s ease, -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -moz-transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1);
    -moz-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1);
    transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -webkit-transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: bottom .1s ease, -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -moz-transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s .15s ease, -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1), -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s .15s ease, -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -moz-transform .15s cubic-bezier(.165, .84, .44, 1), -o-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1);
    -moz-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1);
    transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -webkit-transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: top .1s ease, -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -moz-transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1);
    -moz-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1);
    transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -webkit-transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: bottom .1s ease, -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    -moz-transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -moz-transform .15s .1s cubic-bezier(.895, .03, .685, .22), -o-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    -moz-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -o-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -moz-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: .32s;
    -moz-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
    -moz-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -o-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .42s cubic-bezier(.215, .61, .355, 1), -o-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -o-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -moz-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    -webkit-transition-delay: .32s;
    -moz-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
    -moz-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -o-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .42s cubic-bezier(.215, .61, .355, 1), -o-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity .15s .4s ease;
    -o-transition: opacity .15s .4s ease;
    -moz-transition: opacity .15s .4s ease;
    transition: opacity .15s .4s ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: -o-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -moz-transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -moz-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55), -moz-transform .4s cubic-bezier(.68, -.55, .265, 1.55), -o-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity .15s .4s ease;
    -o-transition: opacity .15s .4s ease;
    -moz-transition: opacity .15s .4s ease;
    transition: opacity .15s .4s ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: -o-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    -moz-transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -moz-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55), -moz-transform .4s cubic-bezier(.68, -.55, .265, 1.55), -o-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color .2s .25s ease-in;
    -o-transition: background-color .2s .25s ease-in;
    -moz-transition: background-color .2s .25s ease-in;
    transition: background-color .2s .25s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: top 50ms .2s linear, left .2s .25s ease-in, -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    -moz-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -moz-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335), -moz-transform .2s cubic-bezier(.6, .04, .98, .335), -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: top 50ms .2s linear, right .2s .25s ease-in, -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    -moz-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -moz-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335), -moz-transform .2s cubic-bezier(.6, .04, .98, .335), -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    -moz-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -webkit-transition: left .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -o-transition: left .2s ease-out, top 50ms .2s linear, -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    -moz-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -webkit-transition: right .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -o-transition: right .2s ease-out, top 50ms .2s linear, -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color .2s .25s ease-in;
    -o-transition: background-color .2s .25s ease-in;
    -moz-transition: background-color .2s .25s ease-in;
    transition: background-color .2s .25s ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: top 50ms .2s linear, left .2s .25s ease-in, -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    -moz-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -moz-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335), -moz-transform .2s cubic-bezier(.6, .04, .98, .335), -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -webkit-transition: top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    -o-transition: top 50ms .2s linear, right .2s .25s ease-in, -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    -moz-transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -moz-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335), -moz-transform .2s cubic-bezier(.6, .04, .98, .335), -o-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    -moz-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -webkit-transition: left .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -o-transition: left .2s ease-out, top 50ms .2s linear, -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    -moz-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -webkit-transition: right .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -o-transition: right .2s ease-out, top 50ms .2s linear, -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -moz-transform .2s .25s cubic-bezier(.075, .82, .165, 1), -o-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -o-transform;
    -moz-transition-property: transform, opacity, -moz-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.hamburger--slider .hamburger-inner::after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    -moz-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -o-transform;
    -moz-transition-property: transform, opacity, -moz-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    -moz-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    -moz-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s .15s linear;
    -o-transition: background-color 0s .15s linear;
    -moz-transition: background-color 0s .15s linear;
    transition: background-color 0s .15s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .32s;
    -moz-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -o-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .32s cubic-bezier(.215, .61, .355, 1), -o-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -o-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .32s cubic-bezier(.215, .61, .355, 1), -o-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    -o-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    -moz-transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: .32s;
    -moz-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .32s linear;
    -o-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .32s linear;
    -moz-transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .32s linear;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .32s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -o-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s .32s cubic-bezier(.215, .61, .355, 1), -o-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    -o-transition: background-color 0s .1s linear, -o-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -moz-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear;
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s .22s cubic-bezier(.55, .055, .675, .19), -o-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
    transition: top .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .1s .1s ease-in, -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .1s ease-in, -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent;
    transition: background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    -o-transition: background-color 0s .22s linear, -o-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -moz-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear;
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s 0s cubic-bezier(.215, .61, .355, 1), -o-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .12s ease-out, -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: bottom .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s .12s ease-out, -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    -o-transition: background-color 0s .1s linear, -o-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -moz-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear;
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s .22s cubic-bezier(.55, .055, .675, .19), -o-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: top .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .1s .1s ease-in, -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .1s ease-in, -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s 0s cubic-bezier(.55, .055, .675, .19), -o-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    transition: background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    -o-transition: background-color 0s .22s linear, -o-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -moz-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear;
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s 0s cubic-bezier(.215, .61, .355, 1), -o-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: top .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .12s ease-out, -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: bottom .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s .12s ease-out, -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .22s cubic-bezier(.215, .61, .355, 1), -o-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top .1s .34s ease-in, opacity .1s ease-in;
    -o-transition: top .1s .34s ease-in, opacity .1s ease-in;
    -moz-transition: top .1s .34s ease-in, opacity .1s ease-in;
    transition: top .1s .34s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .34s ease-in, -o-transform .3s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -moz-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19), -moz-transform .3s cubic-bezier(.55, .055, .675, .19), -o-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: .14s;
    -moz-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .14s ease-out;
    -o-transition: top .1s ease-out, opacity .1s .14s ease-out;
    -moz-transition: top .1s ease-out, opacity .1s .14s ease-out;
    transition: top .1s ease-out, opacity .1s .14s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease-out, -o-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -moz-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1), -moz-transform .3s .14s cubic-bezier(.215, .61, .355, 1), -o-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top .1s .34s ease-in, opacity .1s ease-in;
    -o-transition: top .1s .34s ease-in, opacity .1s ease-in;
    -moz-transition: top .1s .34s ease-in, opacity .1s ease-in;
    transition: top .1s .34s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .34s ease-in, -o-transform .3s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -moz-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19), -moz-transform .3s cubic-bezier(.55, .055, .675, .19), -o-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: .14s;
    -moz-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .14s ease-out;
    -o-transition: top .1s ease-out, opacity .1s .14s ease-out;
    -moz-transition: top .1s ease-out, opacity .1s .14s ease-out;
    transition: top .1s ease-out, opacity .1s .14s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease-out, -o-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -moz-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1), -moz-transform .3s .14s cubic-bezier(.215, .61, .355, 1), -o-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top .1s .14s ease, opacity .1s ease;
    -o-transition: top .1s .14s ease, opacity .1s ease;
    -moz-transition: top .1s .14s ease, opacity .1s ease;
    transition: top .1s .14s ease, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .14s ease, -o-transform .1s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19), -moz-transform .1s cubic-bezier(.55, .055, .675, .19), -o-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .14s;
    -moz-transition-delay: .14s;
    -o-transition-delay: .14s;
    transition-delay: .14s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease, opacity .1s .14s ease;
    -o-transition: top .1s ease, opacity .1s .14s ease;
    -moz-transition: top .1s ease, opacity .1s .14s ease;
    transition: top .1s ease, opacity .1s .14s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease, -o-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1), -moz-transform .1s .14s cubic-bezier(.215, .61, .355, 1), -o-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    -moz-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    -webkit-transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, -o-transform;
    -moz-transition-property: bottom, transform, -moz-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -moz-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    -o-transform: rotate(765deg);
    transform: rotate(765deg);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    -moz-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    -webkit-transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, -o-transform;
    -moz-transition-property: bottom, transform, -moz-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -moz-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    -o-transform: rotate(-765deg);
    transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -moz-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Styles/mCSB_buttons.png');
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.bounce-in-big-right {
    -webkit-animation: bounceInBigRight .5s ease-in-out both;
    -moz-animation: bounceInBigRight .5s ease-in-out both;
    -o-animation: bounceInBigRight .5s ease-in-out both;
    animation: bounceInBigRight .5s ease-in-out both
}

.bounce-in-right {
    -webkit-animation: bounceInRight .25s ease-in-out both;
    -moz-animation: bounceInRight .25s ease-in-out both;
    -o-animation: bounceInRight .25s ease-in-out both;
    animation: bounceInRight .25s ease-in-out both
}

.bounce-in-left {
    -webkit-animation: bounceInLeft .5s ease-in-out both;
    -moz-animation: bounceInLeft .5s ease-in-out both;
    -o-animation: bounceInLeft .5s ease-in-out both;
    animation: bounceInLeft .5s ease-in-out both
}

.zoom-in {
    -webkit-animation: zoomIn .3s ease-in-out both;
    -moz-animation: zoomIn .3s ease-in-out both;
    -o-animation: zoomIn .3s ease-in-out both;
    animation: zoomIn .3s ease-in-out both
}

.zoom-out {
    -webkit-animation: zoomOut .3s ease-in-out both;
    -moz-animation: zoomOut .3s ease-in-out both;
    -o-animation: zoomOut .3s ease-in-out both;
    animation: zoomOut .3s ease-in-out both
}

.fade-out {
    -webkit-animation: fadeOut .15s ease-in-out both;
    -moz-animation: fadeOut .15s ease-in-out both;
    -o-animation: fadeOut .15s ease-in-out both;
    animation: fadeOut .15s ease-in-out both
}

.fadeIn.slide-content {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

.fadeInUp {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

@-webkit-keyframes bounceInBigRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(175px, 0, 0);
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInBigRight {
    from {
        opacity: 0;
        -moz-transform: translate3d(175px, 0, 0);
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInBigRight {
    from {
        opacity: 0;
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInBigRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(175px, 0, 0);
        -moz-transform: translate3d(175px, 0, 0);
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from {
        -webkit-transform: translateX(25px);
        -moz-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-175px, 0, 0);
        -moz-transform: translate3d(-175px, 0, 0);
        transform: translate3d(-175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-moz-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-o-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, .6);
        -moz-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 35%, 0);
        -moz-transform: translate3d(0, 35%, 0);
        transform: translate3d(0, 35%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[data-animation=bounceInBigRight] :nth-child(1) {
    -webkit-animation-delay: .285s;
    -moz-animation-delay: .285s;
    -o-animation-delay: .285s;
    animation-delay: .285s
}

[data-animation=bounceInBigRight] :nth-child(2) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

[data-animation=bounceInBigRight] :nth-child(3) {
    -webkit-animation-delay: .355s;
    -moz-animation-delay: .355s;
    -o-animation-delay: .355s;
    animation-delay: .355s
}

[data-animation=bounceInBigRight] :nth-child(4) {
    -webkit-animation-delay: .39s;
    -moz-animation-delay: .39s;
    -o-animation-delay: .39s;
    animation-delay: .39s
}

[data-animation=bounceInBigRight] :nth-child(5) {
    -webkit-animation-delay: .425s;
    -moz-animation-delay: .425s;
    -o-animation-delay: .425s;
    animation-delay: .425s
}

[data-animation=bounceInBigRight] :nth-child(6) {
    -webkit-animation-delay: .46s;
    -moz-animation-delay: .46s;
    -o-animation-delay: .46s;
    animation-delay: .46s
}

[data-animation=bounceInBigRight] :nth-child(7) {
    -webkit-animation-delay: .495s;
    -moz-animation-delay: .495s;
    -o-animation-delay: .495s;
    animation-delay: .495s
}

[data-animation=bounceInBigRight] :nth-child(8) {
    -webkit-animation-delay: .53s;
    -moz-animation-delay: .53s;
    -o-animation-delay: .53s;
    animation-delay: .53s
}

[data-animation=bounceInBigRight] :nth-child(9) {
    -webkit-animation-delay: .565s;
    -moz-animation-delay: .565s;
    -o-animation-delay: .565s;
    animation-delay: .565s
}

.autocomplete-suggestion, .link, ul.default-list li {
    padding-left: 15px;
    color: #181818;
    text-decoration: none;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.green.autocomplete-suggestion, .green.autocomplete-suggestion::before, .green.autocomplete-suggestion:focus, .green.autocomplete-suggestion:hover, .green.link, .green.link::before, .green.link:focus, .green.link:hover, ul.default-list li.green, ul.default-list li.green::before, ul.default-list li.green:focus, ul.default-list li.green:hover {
    color: #004e9c
}

.white.autocomplete-suggestion, .white.autocomplete-suggestion::before, .white.autocomplete-suggestion:focus, .white.autocomplete-suggestion:hover, .white.link, .white.link::before, .white.link:focus, .white.link:hover, ul.default-list li.white, ul.default-list li.white::before, ul.default-list li.white:focus, ul.default-list li.white:hover {
    color: #fff
}

.autocomplete-suggestion::before, .link::before, ul.default-list li::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "F";
    color: #004e9c;
    font-size: 10px;
    left: 0;
    top: 7px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.autocomplete-suggestion:focus, .autocomplete-suggestion:hover, .link:focus, .link:hover, ul.default-list li:focus, ul.default-list li:hover {
    color: #181818;
    text-decoration: none
}

.autocomplete-suggestion:focus::before, .autocomplete-suggestion:hover::before, .link:focus::before, .link:hover::before, ul.default-list li:focus::before, ul.default-list li:hover::before {
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

body, html {
    color: #181818;
    font-weight: 300;
    overflow-x: hidden !important;
    position: relative;
    font-size: 16px;
    height: auto;
    min-height: 100%;
    width: 100vw;
    background-color: #fcfcfc
}

body, body *, html, html * {
    font-family: Univers, sans-Serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

body.mm-opened, body.mm-opened body, html.mm-opened, html.mm-opened body {
    position: relative;
    height: 100%
}

@media (max-width: 1199px) {
    body.mm-opening main, html.mm-opening main {
        opacity: 0;
        height: 100%
    }
}

@media (min-width: 1200px) {
    body.sticky main, html.sticky main {
        padding-top: 49px
    }
}

body > .bg-overlay, html > .bg-overlay {
    background-color: rgba(24, 24, 24, .8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}

@media (max-width: 1199px) {
    main {
        margin-top: 72px
    }
}

section {
    position: relative;
    padding-bottom: 120px
}

section a, section a::before, section a:hover {
    color: #004e9c
}

section .autocomplete-suggestion, section .autocomplete-suggestion::before, section .autocomplete-suggestion:hover, section .link, section .link::before, section .link:hover {
    color: #181818
}

section.white::before {
    background-color: #fcfcfc
}

section.grey::before {
    background-color: #ececec
}

section.green {
    color: #fff
}

section.green a, section.green a.autocomplete-suggestion, section.green a.autocomplete-suggestion::before, section.green a.autocomplete-suggestion:hover, section.green a.link, section.green a.link::before, section.green a.link:hover, section.green a::before, section.green a:hover {
    color: #fff
}

section.green::before {
    background-color: #004e9c
}

section.grid-container-inner, section.grid-container-outer {
    padding-bottom: 0
}

@media (max-width: 991px) {
    section {
        padding-bottom: 80px;
        z-index: auto
    }
}

.hk-ce section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.hk-ce.white section::before {
    background-color: #fcfcfc
}

.hk-ce.grey section::before {
    background-color: #ececec
}

.hk-ce.green section {
    color: #fff
}

.hk-ce.green section a, .hk-ce.green section a.autocomplete-suggestion, .hk-ce.green section a.autocomplete-suggestion::before, .hk-ce.green section a.autocomplete-suggestion:hover, .hk-ce.green section a.link, .hk-ce.green section a.link::before, .hk-ce.green section a.link:hover, .hk-ce.green section a::before, .hk-ce.green section a:hover {
    color: #fff
}

.hk-ce.green section::before {
    background-color: #004e9c
}

.hk-ce.green .text-slider {
    color: #181818
}

.hk-ce.green .text-slider a, .hk-ce.green .text-slider a.autocomplete-suggestion, .hk-ce.green .text-slider a.autocomplete-suggestion::before, .hk-ce.green .text-slider a.autocomplete-suggestion:hover, .hk-ce.green .text-slider a.link, .hk-ce.green .text-slider a.link::before, .hk-ce.green .text-slider a.link:hover, .hk-ce.green .text-slider a::before, .hk-ce.green .text-slider a:hover {
    color: #004e9c
}

.col-md-20-percent {
    width: 100%;
    padding: 0 15px
}

@media (min-width: 800px) {
    .col-md-20-percent {
        width: 20%
    }
}

.vertical-offset-top {
    position: relative;
    margin-bottom: -80px;
    z-index: 3
}

.vertical-offset-top section {
    padding-bottom: 0
}

section .vertical-offset-top {
    margin-bottom: -200px
}

@media (max-width: 799px) {
    section .vertical-offset-top {
        margin-bottom: 0
    }
}

.history .vertical-offset-top {
    margin-bottom: -175px
}

@media (max-width: 799px) {
    .history .vertical-offset-top {
        margin-bottom: 0
    }
}

.vertical-offset-top + .space-top > div, .vertical-offset-top + .space-top > section {
    padding-top: 200px
}

@media (max-width: 991px) {
    .vertical-offset-top + .space-top > div, .vertical-offset-top + .space-top > section {
        padding-top: 80px
    }
}

@media (max-width: 991px) {
    .vertical-offset-top {
        margin-bottom: 0
    }

    .vertical-offset-top section {
        padding-bottom: 80px
    }
}

.space-top > div, .space-top > section {
    padding-top: 120px
}

@media (max-width: 991px) {
    .space-top > div, .space-top > section {
        padding-top: 80px
    }

    .space-top > div .vertical-offset-bottom, .space-top > section .vertical-offset-bottom {
        margin-top: 0
    }
}

.space-bottom > div, .space-bottom > section {
    padding-bottom: 200px
}

@media (max-width: 991px) {
    .space-bottom > div, .space-bottom > section {
        padding-bottom: 80px
    }
}

.bottom-no-space {
    padding-bottom: 0
}

.vertical-align-center {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.vertical-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vertical-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vertical-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.heading-margin-bottom {
    margin-bottom: 80px
}

.heading-margin-bottom.center {
    text-align: center
}

.heading-margin-bottom.green {
    color: #004e9c
}

.heading-margin-bottom.grey {
    color: #868685
}

.heading-margin-bottom.white {
    color: #fff
}

@media (max-width: 799px) {
    .heading-margin-bottom {
        margin-bottom: 56px
    }
}

.container .container {
    max-width: 100%;
    padding: 0
}

@media (min-width: 992px) {
    .vertical-offset-bottom section::before, .vertical-offset-top section::before {
        height: -webkit-calc(100% - 80px);
        height: -moz-calc(100% - 80px);
        height: calc(100% - 80px)
    }

    .vertical-offset-bottom {
        margin-top: -80px
    }

    .vertical-offset-bottom section::before {
        top: 80px
    }
}

._cookie-visible {
    z-index: 1002 !important
}

body > header {
    z-index: 1001;
    position: relative;
    width: 100vw
}

@media (max-width: 1199px) {
    body > header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 1005
    }

    body > header .autocomplete-active .tx-solr-autosuggest {
        display: block !important
    }
}

@media (max-width: 575px) {
    body > header .autocomplete-suggestions {
        height: -webkit-calc(100vh - 70px) !important;
        height: -moz-calc(100vh - 70px) !important;
        height: calc(100vh - 70px) !important
    }
}

.main-nav {
    border-top: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    position: relative;
    z-index: 5;
    width: 100vw
}

.main-nav .hamburger {
    display: none;
    position: relative;
    padding: 0;
    margin-left: -5px;
    width: 40px;
    height: 40px
}

.main-nav .hamburger .hamburger-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-nav .hamburger .hamburger-inner, .main-nav .hamburger .hamburger-inner::after, .main-nav .hamburger .hamburger-inner::before {
    width: 26px;
    height: 2px;
    background-color: #181818;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible
}

.main-nav .hamburger .hamburger-inner::before {
    top: -8px
}

.main-nav .hamburger .hamburger-inner::after {
    top: -16px
}

.main-nav .hamburger.is-active .hamburger-box {
    height: 20px
}

.main-nav .hamburger.is-active .hamburger-box .hamburger-inner::after, .main-nav .hamburger.is-active .hamburger-box .hamburger-inner::before {
    top: 0
}

.main-nav .hamburger:focus, .main-nav .hamburger:hover {
    outline: 0
}

@media (max-width: 1199px) {
    .main-nav .hamburger {
        display: inline-block
    }
}

.main-nav button.contact-person, .main-nav button.search {
    display: none
}

@media (max-width: 1199px) {
    .main-nav button.contact-person, .main-nav button.search {
        display: inline-block;
        position: relative;
        background-color: transparent;
        border: 0;
        padding: 0;
        width: 40px;
        height: 40px
    }

    .main-nav button.contact-person::before, .main-nav button.search::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .main-nav button.search::before {
        content: '';
        display: inline-block;
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search-mobile.svg');
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        margin-top: -2px
    }

    .main-nav button.contact-person::before {
        display: inline-block;
        content: '';
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/contact-person-black.svg');
        -webkit-background-size: 24px 20px;
        -moz-background-size: 24px 20px;
        -o-background-size: 24px 20px;
        background-size: 24px 20px;
        position: absolute;
        height: 20px;
        width: 24px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .main-nav button + button {
        margin-left: 5px
    }
}

.main-nav nav {
    display: inline-block
}

.main-nav nav#menu {
    display: block
}

@media (max-width: 1199px) {
    .main-nav nav#menu {
        display: none
    }
}

.main-nav nav#mm-menu {
    display: none
}

@media (max-width: 1199px) {
    .main-nav nav#mm-menu {
        display: block
    }
}

.main-nav .logo-wrapper {
    display: inline-block;
    position: absolute;
    right: 15px;
    opacity: 0;
    top: 3px;
    z-index: -1
}

.main-nav .logo-wrapper a:not([class])::after, .main-nav .logo-wrapper a:not([data-tag-uid])::after, .main-nav .logo-wrapper a:not([data-toggle])::after {
    content: none
}

.main-nav .logo-wrapper img {
    width: 56px;
    height: 41px
}

@media (max-width: 1199px) {
    .main-nav .logo-wrapper {
        opacity: 1;
        z-index: 1;
        top: -8px
    }

    .main-nav .logo-wrapper img {
        width: 81px;
        height: 56px
    }
}

.main-nav ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: inline-block
}

.main-nav ul.nav-links > li {
    display: inline-block
}

.main-nav ul.nav-links > li a.nav-title {
    display: inline-block;
    padding: 18px 0 14px;
    font-size: .94rem;
    line-height: 1;
    color: #181818;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    letter-spacing: .7px
}

.main-nav ul.nav-links > li a.nav-title::before {
    content: '';
    position: absolute;
    left: -8px;
    bottom: 0;
    display: inline-block;
    opacity: 0;
    width: -webkit-calc(100% + 16px);
    width: -moz-calc(100% + 16px);
    width: calc(100% + 16px);
    height: 3px;
    background-color: #004e9c
}

.main-nav ul.nav-links > li a.nav-title.active, .main-nav ul.nav-links > li a.nav-title.selected {
    color: #004e9c
}

.main-nav ul.nav-links > li a.nav-title.active::before, .main-nav ul.nav-links > li a.nav-title.selected::before {
    opacity: 1;
    -webkit-transition: opacity .2s linear .2s;
    -o-transition: opacity .2s linear .2s;
    -moz-transition: opacity .2s linear .2s;
    transition: opacity .2s linear .2s
}

.main-nav ul.nav-links > li a.nav-title:hover {
    color: #004e9c
}

.main-nav ul.nav-links > li .nav-content {
    display: none;
    position: absolute;
    background: #fff;
    padding: 32px 0 0;
    top: 47px;
    height: -webkit-calc(100vh - 170px);
    height: -moz-calc(100vh - 170px);
    height: calc(100vh - 170px);
    width: 100vw;
    left: -webkit-calc((100vw - 100%) / 2 * (-1));
    left: -moz-calc((100vw - 100%) / 2 * (-1));
    left: calc((100vw - 100%) / 2 * (-1));
    z-index: 11;
    overflow: auto;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: inset 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: inset 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.main-nav ul.nav-links > li .nav-content.opened {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.main-nav ul.nav-links > li .nav-content.opened::-webkit-scrollbar {
    display: none
}

.main-nav ul.nav-links > li .nav-content .overlay-gradient {
    position: absolute;
    top: 0;
    height: 187px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e8e8e8));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #e8e8e8 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #e8e8e8 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #e8e8e8 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #e8e8e8 100%)
}

.main-nav ul.nav-links > li .nav-content .bg-image {
    max-height: 170px
}

.main-nav ul.nav-links > li .nav-content .image-link {
    display: inline-block;
    margin-bottom: 15px
}

.main-nav ul.nav-links > li .nav-content .img-holder {
    position: relative;
    overflow: hidden
}

.main-nav ul.nav-links > li .nav-content .img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.main-nav ul.nav-links > li .nav-content .img-holder > img, .main-nav ul.nav-links > li .nav-content .img-holder > picture, .main-nav ul.nav-links > li .nav-content .img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.main-nav ul.nav-links > li .nav-content .img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.main-nav ul.nav-links > li .nav-content > .container {
    padding: 50px 15px 0
}

.main-nav ul.nav-links > li .nav-content > .container > .title {
    position: absolute;
    top: 0;
    width: -webkit-calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: calc(100% - 65px);
    padding-bottom: 8px;
    margin-bottom: 32px;
    border-bottom: 1px solid #d9d9d9
}

.main-nav ul.nav-links > li .nav-content > .container > .title span {
    font-size: 1.31rem;
    font-weight: 100;
    line-height: 1.5rem;
    margin-right: 5px
}

.main-nav ul.nav-links > li .nav-content > .container > .title a {
    font-weight: 400
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper {
    padding-top: 15px
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper [class^=col-] [class^=col-] .content {
    margin-bottom: 32px
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper + .title {
    position: relative;
    margin: 32px 0 0;
    width: 100%
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar {
    padding-left: 30px;
    border-left: 1px solid #d9d9d9;
    height: -webkit-calc(100% - 45px);
    height: -moz-calc(100% - 45px);
    height: calc(100% - 45px);
    padding-bottom: 30px
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .title {
    color: #868685;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .list {
    margin: 0
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .list, .main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .title {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .autocomplete-suggestion, .main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .link {
    font-weight: 100
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .autocomplete-suggestion::before, .main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .link::before {
    top: 7px
}

.main-nav ul.nav-links > li .nav-content .content {
    position: relative
}

.main-nav ul.nav-links > li .nav-content .content + .content {
    margin-top: 32px
}

.main-nav ul.nav-links > li .nav-content .content p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 12px
}

.main-nav ul.nav-links > li .nav-content .content p:not(.bold) {
    font-weight: 100
}

.main-nav ul.nav-links > li .nav-content .content .autocomplete-suggestion, .main-nav ul.nav-links > li .nav-content .content .link {
    font-weight: 100
}

.main-nav ul.nav-links > li .nav-content .content .autocomplete-suggestion::before, .main-nav ul.nav-links > li .nav-content .content .link::before {
    top: 7px
}

.main-nav ul.nav-links > li .nav-content .content .link-overlap {
    bottom: -webkit-calc(100% + 15px);
    bottom: -moz-calc(100% + 15px);
    bottom: calc(100% + 15px);
    top: auto;
    height: 170px
}

.main-nav ul.nav-links > li .nav-content .content .link-overlap:focus, .main-nav ul.nav-links > li .nav-content .content .link-overlap:hover {
    color: transparent
}

.main-nav ul.nav-links > li .nav-content img {
    width: 100%
}

.main-nav ul.nav-links > li .nav-content img + p.bold {
    margin-top: 20px
}

.main-nav ul.nav-links > li .nav-content .btn-close {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 2px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s
}

.main-nav ul.nav-links > li .nav-content .btn-close::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "f";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-nav ul.nav-links > li .nav-content .btn-close:focus, .main-nav ul.nav-links > li .nav-content .btn-close:hover {
    outline: 0;
    border-color: #004e9c
}

.main-nav ul.nav-links > li .nav-content .btn-close:focus::before, .main-nav ul.nav-links > li .nav-content .btn-close:hover::before {
    color: #004e9c
}

@media (max-width: 1199px) {
    .main-nav ul.nav-links > li .nav-content .btn-close {
        display: none
    }
}

.contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .main-nav ul.nav-links > li .nav-content .powermail_fieldwrap_type_submit, .main-nav ul.nav-links > li .nav-content .btn-green, .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .main-nav ul.nav-links > li .nav-content .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_field:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_submit:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .main-nav ul.nav-links > li .nav-content .powermail_fieldwrap_type_submit:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .btn-green:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_field:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:not(.btn-toggle) {
    text-align: left;
    margin-top: -1px;
    font-weight: 400
}

.main-nav ul.nav-links > li .nav-content .green.autocomplete-suggestion, .main-nav ul.nav-links > li .nav-content .link.green {
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase
}

.main-nav ul.nav-links > li .nav-content .green.autocomplete-suggestion::before, .main-nav ul.nav-links > li .nav-content .link.green::before {
    top: 7px
}

.main-nav ul.nav-links > li .nav-content .autocomplete-suggestion:hover, .main-nav ul.nav-links > li .nav-content .link:hover {
    color: #004e9c
}

.main-nav ul.nav-links > li .nav-content .list {
    margin: 16px 0 0 10px
}

.main-nav ul.nav-links > li .nav-content .list li {
    margin-bottom: 10px
}

.main-nav ul.nav-links > li .nav-content .menu-link-block {
    display: block
}

.main-nav ul.nav-links > li .nav-content .menu-link-block:focus span::before, .main-nav ul.nav-links > li .nav-content .menu-link-block:hover span::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.main-nav ul.nav-links > li:first-of-type .nav-title.active::before, .main-nav ul.nav-links > li:first-of-type .nav-title.selected::before, .main-nav ul.nav-links > li:first-of-type .nav-title:hover::before {
    left: 0;
    width: -webkit-calc(100% + 8px);
    width: -moz-calc(100% + 8px);
    width: calc(100% + 8px)
}

.main-nav ul.nav-links > li + li {
    margin-left: 28px
}

.main-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.main-nav.sticky .nav-content {
    height: -webkit-calc(100vh - 47px);
    height: -moz-calc(100vh - 47px);
    height: calc(100vh - 47px)
}

.main-nav.sticky nav#menu {
    display: inline-block
}

@media (max-width: 1199px) {
    .main-nav.sticky nav#menu {
        display: none
    }
}

.main-nav.sticky .header-info-links {
    right: auto
}

.main-nav.sticky .header-info-links li.email, .main-nav.sticky .header-info-links li.lang-switcher .main-nav.sticky .header-info-links li:not(.open) {
    display: none !important
}

.main-nav.sticky .header-info-links li.lang-switcher {
    display: none
}

.main-nav.sticky .header-info-links li.lang-switcher.open {
    padding-top: 13px;
    margin-left: 10px
}

.main-nav.sticky .header-info-links li.search {
    opacity: 1;
    position: relative;
    right: auto !important;
    margin-left: 30px
}

.main-nav.sticky .logo-wrapper {
    opacity: 1;
    z-index: 1
}

.main-nav.sticky.header-hidden {
    opacity: 0
}

.main-nav.sticky ul.nav-links > li .nav-content {
    top: 47px;
    height: -webkit-calc(100vh - 47px);
    height: -moz-calc(100vh - 47px);
    height: calc(100vh - 47px)
}

@media (max-width: 1199px) {
    .main-nav {
        border-top: 0;
        height: 72px;
        padding: 16px 0
    }
}

.header-info-links-wrapper {
    display: inline-block;
    line-height: 1;
    opacity: 1
}

.header-info-links::after {
    display: block;
    content: "";
    clear: both
}

.header-info-links > li {
    display: inline-block;
    position: relative;
    float: left
}

.header-info-links > li a {
    font-weight: 300;
    font-size: .94rem;
    color: #000
}

.header-info-links > li:not(.lang-switcher) {
    width: 18px;
    height: 18px;
    z-index: 5;
    opacity: 1;
    margin-top: 1px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.header-info-links > li:not(.lang-switcher) a {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #181818;
    text-decoration: none
}

.header-info-links > li:not(.lang-switcher) a::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header-info-links > li:not(.lang-switcher) a:not([class]) .header-info-links > li:not(.lang-switcher) a:not([data-toggle]) .header-info-links > li:not(.lang-switcher) a:not([data-tag-uid])::after {
    content: none
}

.header-info-links > li:not(.lang-switcher).email a::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/global-contact.svg');
    -webkit-background-size: 24px 18px;
    -moz-background-size: 24px 18px;
    -o-background-size: 24px 18px;
    background-size: 24px 18px;
    height: 18px;
    width: 24px;
    margin-top: -1px
}

.header-info-links > li:not(.lang-switcher).search a::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search.svg');
    opacity: 1;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    height: 22px;
    width: 22px
}

.header-info-links > li:not(.lang-switcher).search a::after {
    content: none
}

.header-info-links > li:not(.lang-switcher).hidden {
    opacity: 0;
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px)
}

.header-info-links > li:not(.lang-switcher):not(.hidden) {
    -webkit-transition: opacity .1s linear, -webkit-transform .2s ease-out;
    transition: opacity .1s linear, -webkit-transform .2s ease-out;
    -o-transition: opacity .1s linear, -o-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, opacity .1s linear, -moz-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .1s linear;
    transition: transform .2s ease-out, opacity .1s linear, -webkit-transform .2s ease-out, -moz-transform .2s ease-out, -o-transform .2s ease-out
}

.header-info-links > li.lang-switcher {
    position: relative;
    cursor: pointer
}

.header-info-links > li.lang-switcher::after {
    display: block;
    content: "";
    clear: both
}

.header-info-links > li.lang-switcher ul {
    background-color: #fff;
    margin-top: 1px
}

.header-info-links > li.lang-switcher ul li {
    display: inline-block;
    float: left;
    padding-right: 10px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.header-info-links > li.lang-switcher ul li:not(.active) {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.header-info-links > li.lang-switcher ul li a {
    text-decoration: none
}

.header-info-links > li.lang-switcher ul li.active {
    opacity: 1
}

.header-info-links > li.lang-switcher ul li.active::after {
    content: '';
    display: inline-block;
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/arrow-header.svg');
    position: absolute;
    -webkit-background-size: 8px 5px;
    -moz-background-size: 8px 5px;
    -o-background-size: 8px 5px;
    background-size: 8px 5px;
    height: 5px;
    width: 8px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1200px) {
    .header-info-links > li.lang-switcher ul li {
        padding-right: 12px;
        height: 20px;
        width: 30px
    }

    .header-info-links > li.lang-switcher ul li::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .header-info-links > li.lang-switcher ul li.en:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/en.svg')
    }

    .header-info-links > li.lang-switcher ul li.en.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.en.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/en-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.en:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.en:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.en.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.en a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .header-info-links > li.lang-switcher ul li.de:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/de.svg')
    }

    .header-info-links > li.lang-switcher ul li.de.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.de.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/de-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.de:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.de:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.de.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.de a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .header-info-links > li.lang-switcher ul li.ru:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/ru.svg')
    }

    .header-info-links > li.lang-switcher ul li.ru.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.ru.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/ru-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.ru:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.ru:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.ru.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.ru a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .header-info-links > li.lang-switcher ul li.cn:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/cn.svg')
    }

    .header-info-links > li.lang-switcher ul li.cn.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.cn.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/cn-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.cn:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.cn:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.cn.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.cn a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

.header-info-links > li.lang-switcher.open {
    padding-right: 16px;
    z-index: 10
}

.header-info-links > li.lang-switcher.open ul {
    margin-top: 0
}

.header-info-links > li.lang-switcher.open ul li {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: z-index .15s linear, -webkit-transform .15s linear;
    transition: z-index .15s linear, -webkit-transform .15s linear;
    -o-transition: z-index .15s linear, -o-transform .15s linear;
    -moz-transition: transform .15s linear, z-index .15s linear, -moz-transform .15s linear;
    transition: transform .15s linear, z-index .15s linear;
    transition: transform .15s linear, z-index .15s linear, -webkit-transform .15s linear, -moz-transform .15s linear, -o-transform .15s linear
}

.header-info-links > li.lang-switcher.open ul li.active {
    margin-top: 0
}

.header-info-links > li.lang-switcher.open ul li.active::after {
    content: none
}

.header-info-links > li.lang-switcher.open ul li:not(.active) {
    opacity: 1;
    z-index: 1;
    position: relative;
    left: auto
}

.header-info-links > li.lang-switcher.open ul li:not(.active) a {
    color: #868685
}

.header-info-links > li.lang-switcher.open ul li:last-of-type {
    padding-right: 5px
}

.header-info-links > li.lang-switcher.open .btn-cross {
    display: inline-block
}

.header-info-links > li + li {
    margin-left: 16px
}

@media (max-width: 1199px) {
    .header-info-links > li {
        height: 26px
    }

    .header-info-links > li.email, .header-info-links > li.lang-switcher {
        display: none
    }

    .header-info-links > li + li {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .header-info-links {
        position: absolute;
        line-height: 1;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 1199px) {
    .header-info-links {
        float: none;
        padding: 0
    }
}

.meta-header {
    padding: 25px 0;
    background-color: #fff
}

.meta-header::after {
    display: block;
    content: "";
    clear: both
}

.meta-header .h1, .meta-header h1 {
    display: inline-block;
    line-height: 72px;
    margin-bottom: 0
}

.meta-header .h1 a, .meta-header h1 a {
    color: #181818 !important;
    text-decoration: none
}

.meta-header .h1 a::after, .meta-header h1 a::after {
    content: none !important
}

.meta-header .h1 a:focus, .meta-header .h1 a:hover, .meta-header .h1 a:visited, .meta-header h1 a:focus, .meta-header h1 a:hover, .meta-header h1 a:visited {
    color: #181818 !important;
    text-decoration: none
}

.meta-header .h1 a:focus::after, .meta-header .h1 a:hover::after, .meta-header .h1 a:visited::after, .meta-header h1 a:focus::after, .meta-header h1 a:hover::after, .meta-header h1 a:visited::after {
    content: none !important
}

@media (max-width: 1199px) {
    .meta-header .h1, .meta-header h1 {
        display: none
    }
}

.meta-header .logo-wrapper {
    margin-bottom: 0
}

.meta-header .logo-wrapper a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    width: 106px;
    height: 72px
}

@media (max-width: 1199px) {
    .meta-header .logo-wrapper a:not([class]):not([data-toggle]):not([data-tag-uid]) {
        width: 81px;
        height: 56px
    }
}

.meta-header .logo-wrapper a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

@media (max-width: 1199px) {
    .meta-header .logo-wrapper {
        padding: 8px 0
    }
}

@media (max-width: 1199px) {
    .meta-header {
        height: 0;
        padding: 0
    }
}

p.bold {
    font-weight: 400
}

.mm-menu {
    max-height: none !important
}

.mm-menu > .mm-navbar .header-info-links {
    margin: 0 auto
}

@media (min-width: 576px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 800px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 1140px;
        max-width: 100%
    }
}

.mm-menu .mm-panels {
    background-color: #fff;
    bottom: 55px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mm-menu .mm-panels > .mm-panel {
    padding: 0 15px !important
}

.mm-menu .mm-panels > .mm-panel > .mm-listview {
    margin: -40px -15px 20px
}

.mm-menu .mm-panels > .mm-panel .mm-navbar {
    display: inline-block;
    border-bottom: 0;
    text-align: left
}

.mm-menu .mm-panels > .mm-panel .mm-navbar:not(.mm-navbar-bottom) {
    position: relative;
    height: auto;
    width: 100%;
    padding: 0
}

.mm-menu .mm-panels > .mm-panel .mm-navbar + .container .col-xl-4:first-of-type .content {
    border-top: 0
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-title {
    display: none;
    font-size: 1.25rem;
    font-weight: 600;
    color: #004e9c;
    padding: 2px 0 0;
    text-transform: uppercase
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-btn.mm-prev {
    right: 0;
    left: auto;
    top: 0;
    padding: 0;
    font-size: .94rem;
    font-weight: 100;
    width: auto;
    height: auto;
    color: #181818
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-btn.mm-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    font-size: 18px;
    width: auto;
    height: auto;
    left: -25px;
    top: 50%;
    bottom: auto;
    margin: 0;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-btn + .mm-title {
    display: inline-block;
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: calc(100% - 75px);
    white-space: normal
}

.mm-menu .mm-panels .mm-current {
    margin: 0 auto
}

@media (min-width: 576px) {
    .mm-menu .mm-panels .mm-current {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 800px) {
    .mm-menu .mm-panels .mm-current {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .mm-menu .mm-panels .mm-current {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .mm-menu .mm-panels .mm-current {
        width: 1140px;
        max-width: 100%
    }
}

.mm-menu .mm-panels .mm-current .dropdown {
    margin-top: 32px
}

.mm-menu .mm-panels .mm-current .dropdown .btn-toggle {
    background-color: #fff;
    color: #004e9c
}

.mm-menu .mm-panels .mm-current .dropdown .btn-toggle::after {
    color: #004e9c
}

.mm-menu .mm-panels .mm-current p {
    font-size: 1.125rem;
    color: #181818
}

.mm-menu .mm-panels .mm-current .sidebar {
    padding-left: 0;
    margin-top: 20px;
    border-left: 0
}

.mm-menu .mm-panels .mm-current .sidebar .title {
    color: #464a4c;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9
}

.mm-menu .mm-panels .mm-current .sidebar .list {
    padding-top: 0
}

.mm-menu .mm-panels .mm-current .sidebar .list li::after {
    content: none
}

.mm-menu .mm-panels .mm-current .sidebar .list li + li {
    margin-top: 14px
}

.mm-menu .mm-panels .mm-current .sidebar .list a {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: 100;
    padding: 0 0 0 15px
}

.mm-menu .mm-panels .mm-current .sidebar .list a::before {
    top: 5px
}

.mm-menu .mm-panels .mm-current > .mm-listview > li ::after {
    left: 15px;
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 0
}

.mm-menu .mm-panels .mm-current > .mm-listview > li :last-of-type::after {
    content: none
}

.mm-menu .mm-panels .mm-current > .mm-listview.hidden-xl-up {
    margin-top: -5px
}

.mm-menu .mm-panels .mm-current > .mm-listview .link-level2 {
    font-size: 1.125rem;
    font-weight: 400;
    color: #181818
}

.mm-menu .mm-panels .mm-listview {
    padding-top: 16px
}

.mm-menu .mm-panels .mm-listview > li:not(.mm-divider)::after {
    content: none
}

.mm-menu .mm-panels .mm-listview > li.goto-page-wrapper .goto-page {
    left: 15px;
    top: -15px;
    margin-top: 0
}

.mm-menu .mm-panels .mm-listview a.nav-title {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    color: #181818;
    padding: 16px 15px 10px;
    text-transform: uppercase
}

.mm-menu .mm-panels .mm-listview a.mm-next {
    width: 100%;
    cursor: pointer
}

.mm-menu .mm-panels .mm-listview a.mm-next::before {
    content: none
}

.mm-menu .mm-panels .mm-listview a.mm-next::after {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    border: 0;
    color: #004e9c;
    font-size: 1rem;
    right: 15px;
    left: auto;
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-panels .nav-content .bg-image, .mm-menu .mm-panels .nav-content .overlay-gradient {
    display: none
}

.mm-menu .mm-panels .nav-content .container .content-wrapper {
    padding-top: 5px;
    margin: 0 -15px
}

.mm-menu .mm-panels .nav-content .container .title {
    margin: -5px -15px 14px
}

.mm-menu .mm-panels .nav-content .container .title span {
    display: none
}

.mm-menu .mm-panels .nav-content .container .title + .content-wrapper {
    padding: 0
}

.mm-menu .mm-panels .nav-content .container .title .autocomplete-suggestion, .mm-menu .mm-panels .nav-content .container .title .link {
    font-weight: 100
}

.mm-menu .mm-panels .nav-content .container .btn-close {
    display: none
}

.mm-menu .mm-panels .nav-content .content {
    padding: 7px 0;
    border-top: 1px solid #e8e8e8
}

.mm-menu .mm-panels .nav-content .content .menu-link-block {
    display: none
}

.mm-menu .mm-panels .nav-content .content.text-block {
    display: none
}

.mm-menu .mm-panels .nav-content .content .list.mm-listview {
    padding-top: 0
}

.mm-menu .mm-panels .nav-content .content .list.mm-listview li::after {
    content: none
}

.mm-menu .mm-panels .nav-content .content img {
    display: none
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content a.btn-green {
    background-color: #fff;
    border: 0;
    color: #181818;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    padding: 0
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content a.btn-green::before {
    color: #004e9c;
    left: 0;
    margin-top: 0
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion, .mm-menu .mm-panels .nav-content .content a.btn-green, .mm-menu .mm-panels .nav-content .content a.link {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    padding: 7px 0 7px 13px
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion::before, .mm-menu .mm-panels .nav-content .content a.btn-green::before, .mm-menu .mm-panels .nav-content .content a.link::before {
    font-size: 11px
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field:focus::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field:hover::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit:focus::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit:hover::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit:focus::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit:hover::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field:focus::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field:hover::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit:focus::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit:hover::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit:focus::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit:hover::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:focus::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:hover::before, .mm-menu .mm-panels .nav-content .content a.btn-green:focus::before, .mm-menu .mm-panels .nav-content .content a.btn-green:hover::before, .mm-menu .mm-panels .nav-content .content a.link:focus::before, .mm-menu .mm-panels .nav-content .content a.link:hover::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion, .mm-menu .mm-panels .nav-content .content a.link {
    font-weight: 100;
    color: #181818;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion::before, .mm-menu .mm-panels .nav-content .content a.link::before {
    top: 12px
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:focus, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:hover, .mm-menu .mm-panels .nav-content .content a.link:focus, .mm-menu .mm-panels .nav-content .content a.link:hover {
    color: #004e9c
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:focus::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:hover::before, .mm-menu .mm-panels .nav-content .content a.link:focus::before, .mm-menu .mm-panels .nav-content .content a.link:hover::before {
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

.mm-menu .mm-panels .nav-content .sidebar {
    display: none
}

.mm-menu .mm-panels .goto-page {
    display: block;
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 100;
    padding: 0 0 0 15px;
    margin-top: -3px
}

.mm-menu .mm-panels .goto-page::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-navbar-bottom {
    background-color: #181818;
    color: #fff;
    height: auto;
    padding: 14px 15px
}

.mm-menu .mm-navbar-bottom .header-info-links {
    text-align: left;
    padding: 0
}

.mm-menu .mm-navbar-bottom .header-info-links li {
    display: inline-block
}

.mm-menu .mm-navbar-bottom .header-info-links li a {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 300;
    color: #b0b1b1
}

.mm-menu .mm-navbar-bottom .header-info-links li.active a {
    color: #fff
}

.mm-menu .mm-navbar-bottom .header-info-links li.lang-switcher li {
    opacity: 1;
    position: relative;
    z-index: 0
}

.mm-menu .mm-navbar-bottom .header-info-links li.lang-switcher li + li {
    margin-left: 19px
}

.mm-menu .mm-navbar-bottom .header-info-links li.email {
    float: right
}

.mm-menu .mm-navbar-bottom .header-info-links li.email a::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "E";
    width: 18px;
    height: 13px;
    color: #fff
}

.mm-menu .mm-navbar-bottom .header-info-links li.search {
    display: none
}

@media (max-width: 799px) {
    .mm-menu {
        width: 540px
    }
}

@media (min-width: 1200px) {
    html.mm-blocking, html.mm-blocking body {
        overflow: auto
    }

    nav#mm-menu {
        display: none
    }
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(0) {
    -webkit-transition-delay: -.08s !important;
    -moz-transition-delay: -.08s !important;
    -o-transition-delay: -.08s !important;
    transition-delay: -.08s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(1) {
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(2) {
    -webkit-transition-delay: .08s !important;
    -moz-transition-delay: .08s !important;
    -o-transition-delay: .08s !important;
    transition-delay: .08s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(3) {
    -webkit-transition-delay: .16s !important;
    -moz-transition-delay: .16s !important;
    -o-transition-delay: .16s !important;
    transition-delay: .16s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(4) {
    -webkit-transition-delay: .24s !important;
    -moz-transition-delay: .24s !important;
    -o-transition-delay: .24s !important;
    transition-delay: .24s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(5) {
    -webkit-transition-delay: .32s !important;
    -moz-transition-delay: .32s !important;
    -o-transition-delay: .32s !important;
    transition-delay: .32s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(6) {
    -webkit-transition-delay: .4s !important;
    -moz-transition-delay: .4s !important;
    -o-transition-delay: .4s !important;
    transition-delay: .4s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(7) {
    -webkit-transition-delay: .48s !important;
    -moz-transition-delay: .48s !important;
    -o-transition-delay: .48s !important;
    transition-delay: .48s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(8) {
    -webkit-transition-delay: .56s !important;
    -moz-transition-delay: .56s !important;
    -o-transition-delay: .56s !important;
    transition-delay: .56s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(9) {
    -webkit-transition-delay: .64s !important;
    -moz-transition-delay: .64s !important;
    -o-transition-delay: .64s !important;
    transition-delay: .64s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(10) {
    -webkit-transition-delay: .72s !important;
    -moz-transition-delay: .72s !important;
    -o-transition-delay: .72s !important;
    transition-delay: .72s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(11) {
    -webkit-transition-delay: .8s !important;
    -moz-transition-delay: .8s !important;
    -o-transition-delay: .8s !important;
    transition-delay: .8s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(12) {
    -webkit-transition-delay: .88s !important;
    -moz-transition-delay: .88s !important;
    -o-transition-delay: .88s !important;
    transition-delay: .88s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(13) {
    -webkit-transition-delay: .96s !important;
    -moz-transition-delay: .96s !important;
    -o-transition-delay: .96s !important;
    transition-delay: .96s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(14) {
    -webkit-transition-delay: 1.04s !important;
    -moz-transition-delay: 1.04s !important;
    -o-transition-delay: 1.04s !important;
    transition-delay: 1.04s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(15) {
    -webkit-transition-delay: 1.12s !important;
    -moz-transition-delay: 1.12s !important;
    -o-transition-delay: 1.12s !important;
    transition-delay: 1.12s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(16) {
    -webkit-transition-delay: 1.2s !important;
    -moz-transition-delay: 1.2s !important;
    -o-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(17) {
    -webkit-transition-delay: 1.28s !important;
    -moz-transition-delay: 1.28s !important;
    -o-transition-delay: 1.28s !important;
    transition-delay: 1.28s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(18) {
    -webkit-transition-delay: 1.36s !important;
    -moz-transition-delay: 1.36s !important;
    -o-transition-delay: 1.36s !important;
    transition-delay: 1.36s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(19) {
    -webkit-transition-delay: 1.44s !important;
    -moz-transition-delay: 1.44s !important;
    -o-transition-delay: 1.44s !important;
    transition-delay: 1.44s !important
}

@media all and (-ms-high-contrast: none) and (min-width: 1200px),(-ms-high-contrast: active) and (min-width: 1200px) {
    .header-info-links > li .header-info-links.lang-switcher.lang-switcher ul li:not(.active) {
        margin-top: 0
    }
}

header .meta-header h1 a {
    color: #181818
}

header .meta-header h1 a:focus, header .meta-header h1 a:hover, header .meta-header h1 a:visited {
    color: #181818
}

.main-footer {
    border-top: 1px solid #e8e8e8
}

.main-footer section {
    padding: 0;
    z-index: 0
}

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

.footer-top {
    padding: 40px 0;
    position: relative;
    background-color: #fff
}

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

.footer-top .white section::before {
    background-color: #fff
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-row {
    margin: 0
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column {
    margin: 0;
    width: 100%
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column:first-of-type .image-embed-item {
    max-width: 143px
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column + .ce-column {
    margin-top: 16px
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column + .ce-column .image-embed-item {
    max-width: 106px
}

.footer-top .ce-gallery[data-ce-columns='5'] .ce-inner {
    margin: -12px -8px
}

.footer-top .ce-gallery[data-ce-columns='5'] .ce-row {
    margin: 0
}

.footer-top .ce-gallery[data-ce-columns='5'] .ce-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0;
    padding: 12px 8px
}

.footer-top .ce-gallery[data-ce-columns='8'] .ce-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    max-width: 195px;
    margin: 0;
    padding: 23px 15px
}

.footer-top .ce-gallery .ce-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -23px -15px
}

.footer-top .ce-gallery .ce-column {
    margin: 23px 15px
}

.footer-top .ce-gallery .image {
    margin: 0
}

.footer-top .ce-gallery a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    width: 100%
}

.footer-top .ce-gallery a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.footer-top section {
    background-color: transparent
}

.footer-bottom {
    font-size: .75rem;
    line-height: 1;
    padding: 40px 0
}

@media (min-width: 800px) {
    .footer-bottom {
        padding: 14px 0 13px
    }
}

.footer-bottom p {
    margin: 0
}

@media (min-width: 800px) and (max-width: 991px) {
    .footer-bottom .row {
        margin-right: 0;
        margin-left: 0
    }

    .footer-bottom .row > [class*=' col-'], .footer-bottom .row > [class^=col-] {
        padding-right: 0;
        padding-left: 0
    }
}

.footer-bottom .social-sharing {
    text-align: right
}

.footer-bottom .social-sharing .fa {
    font-size: 15px !important
}

.footer-bottom .social-sharing .fa::before {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.footer-bottom .social-sharing .fa:hover::before {
    color: #004e9c
}

.footer-bottom .social-sharing .fa + .fa {
    margin-left: 14px
}

.footer-bottom.dark-theme {
    background: #181818;
    color: #fff
}

.footer-bottom.dark-theme a {
    color: #fff
}

.footer-bottom.dark-theme .copyright p {
    font-size: .75rem;
    line-height: 1;
    font-weight: 100;
    letter-spacing: .7px
}

.footer-bottom.dark-theme .footer-nav a {
    font-size: .75rem;
    font-weight: 600
}

.footer-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 800px) {
    .footer-nav ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-nav li {
    text-align: center
}

.footer-nav li + li {
    margin-top: 16px
}

@media (min-width: 800px) {
    .footer-nav li + li {
        margin-top: 0;
        margin-left: 28px
    }
}

.footer-nav li.active a {
    color: #004e9c
}

.footer-nav a {
    text-transform: uppercase;
    letter-spacing: .7px;
    font-weight: 400;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.footer-nav a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.footer-nav a:focus, .footer-nav a:hover {
    color: #004e9c
}

@media (max-width: 799px) {
    .main-footer {
        border-top-color: #181818
    }

    .footer-navigation-column {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .copyright-column {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        margin-top: 40px
    }

    footer .magnific-modal {
        height: 0;
        min-height: 0
    }
}

.search-wrapper {
    width: 0;
    position: absolute;
    top: 122px;
    right: 0;
    height: 50px;
    background-color: #004e9c;
    z-index: 1002;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.search-wrapper.opened {
    width: 100%
}

.search-wrapper.opened .search-categories {
    display: block
}

.search-wrapper:not(.opened) {
    overflow: hidden;
    -webkit-transition-delay: .18s;
    -moz-transition-delay: .18s;
    -o-transition-delay: .18s;
    transition-delay: .18s
}

.search-wrapper .search-field {
    position: relative;
    padding: 10px 64px 11px 40px;
    margin: 0 -16px
}

.search-wrapper .search-field .btn-search {
    background-color: transparent;
    color: #fff;
    border: 0;
    position: absolute;
    left: 20px;
    margin-top: 4px
}

.search-wrapper .search-field .btn-search::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "G"
}

.search-wrapper .search-field input {
    background-color: #004e9c;
    color: #fff;
    padding-top: 3px;
    border: 0;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 15px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search-wrapper .search-field input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input:-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input::-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input:focus, .search-wrapper .search-field input:hover {
    outline: 0
}

.search-wrapper .search-field .btn-cross {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 15px;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    transition: .15s ease-out
}

.search-wrapper .search-field .btn-cross span {
    background-color: #fff;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.search-wrapper .search-field .btn-cross.open {
    display: block;
    -webkit-transition: .15s ease-out .25s;
    -o-transition: .15s ease-out .25s;
    -moz-transition: .15s ease-out .25s;
    transition: .15s ease-out .25s
}

.search-wrapper .search-field .btn-cross.open span {
    -webkit-transition: .25s ease-in-out .25s;
    -o-transition: .25s ease-in-out .25s;
    -moz-transition: .25s ease-in-out .25s;
    transition: .25s ease-in-out .25s
}

.search-wrapper .search-categories {
    background-color: #fff;
    padding: 30px 40px;
    display: none
}

.contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-wrapper .search-categories .powermail_fieldwrap_type_submit, .search-wrapper .search-categories .btn-green, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .search-wrapper .search-categories .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit, .search-wrapper .search-categories .name-category, .search-wrapper .search-categories li {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #fff
}

.contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-wrapper .search-categories .powermail_fieldwrap_type_submit:hover, .search-wrapper .search-categories .btn-green:hover, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .search-wrapper .search-categories .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover, .search-wrapper .search-categories .name-category:hover, .search-wrapper .search-categories li:hover {
    color: #fff;
    cursor: pointer
}

.search-wrapper .search-categories .name-category {
    margin-bottom: 21px
}

.contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-wrapper .search-categories .powermail_fieldwrap_type_submit, .search-wrapper .search-categories .btn-green, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .search-wrapper .search-categories .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    margin-top: 14px
}

.search-wrapper .search-categories .category .name-category {
    color: #868685;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9
}

.search-wrapper .search-categories .category ul li {
    margin-bottom: 10px
}

.search-wrapper .search-categories .category ul li a {
    line-height: 1.31rem;
    font-weight: 100
}

.search-wrapper .search-categories .category + .category {
    margin-top: 30px
}

.search-wrapper .autocomplete-suggestion a {
    word-break: break-word;
    word-wrap: break-word
}

@media (max-width: 1199px) {
    .search-wrapper {
        top: 0;
        height: 72px
    }

    .search-wrapper .search-field {
        padding: 21px 64px 20px 30px;
        margin: 0
    }

    .search-wrapper .search-field .btn-search {
        left: 10px;
        font-size: 20px;
        margin-top: 2px
    }

    .search-wrapper .search-field .btn-search::before {
        content: '';
        display: inline-block;
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search-mobile-white.svg');
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px;
        width: 20px;
        height: 20px
    }

    .search-wrapper .search-field .btn-cross {
        width: 21px;
        height: 21px;
        margin-top: 3px;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }

    .search-wrapper .search-field .btn-cross span:not(:nth-child(1)) {
        width: 23px;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }

    .search-wrapper .search-categories {
        margin-top: 8px
    }
}

@media (max-width: 799px) {
    .search-wrapper .search-categories {
        margin-top: 0;
        padding: 32px 15px
    }

    .search-wrapper.opened .container {
        width: 100% !important;
        padding: 0
    }

    .search-wrapper ul li {
        margin-bottom: 14px
    }

    .search-wrapper .search-field {
        margin-top: 0
    }

    .search-wrapper .search-field button.search {
        font-size: 20px;
        left: 15px;
        top: 17%
    }

    .search-wrapper .btn-cross {
        height: 20px
    }

    .search-wrapper .btn-cross span {
        width: 20px;
        right: 30px
    }
}

.search-block {
    background: #004e9c;
    padding: 150px 50px
}

.search-block p {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px
}

.search-block .search-input {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-block .search-input input {
    padding: 6px 12px;
    background: 0 0;
    outline: 0;
    border: 2px solid #fff;
    color: #fff;
    margin-right: 4px;
    width: 40%
}

.search-block .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input button {
    background-color: #fff;
    padding: 8px 15px 8px 24px;
    font-weight: 600;
    color: #004e9c;
    position: relative;
    text-transform: uppercase;
    outline: 0;
    border: 0
}

.search-block .search-input button:hover::before {
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

.search-block .search-input button::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    content: 'F';
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 12px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search-block .search-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 18px
}

.search-block .search-results ul li {
    margin-bottom: 10px
}

.contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-block .search-results .powermail_fieldwrap_type_submit, .search-block .search-results .btn-green, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .search-block .search-results .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    margin-top: 28px
}

.contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-block .search-results .powermail_fieldwrap_type_submit:hover, .search-block .search-results .btn-green:hover, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .search-block .search-results .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover {
    color: #fff
}

.ui-widget {
    display: block !important;
    background: #fff;
    width: auto !important;
    margin-top: 7px;
    color: #004e9c
}

html.sticky .search-wrapper {
    position: fixed;
    top: 0
}

.bounce-in-right {
    -webkit-animation: searchBounceInRight .25s ease-in-out both;
    -moz-animation: searchBounceInRight .25s ease-in-out both;
    -o-animation: searchBounceInRight .25s ease-in-out both;
    animation: searchBounceInRight .25s ease-in-out both
}

@-webkit-keyframes searchBounceInRight {
    from {
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes searchBounceInRight {
    from {
        -moz-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes searchBounceInRight {
    from {
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -o-transform: none;
        transform: none
    }
}

@keyframes searchBounceInRight {
    from {
        -webkit-transform: translateX(25px);
        -moz-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

[data-animation=bounceInRight] :nth-child(0) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

[data-animation=bounceInRight] :nth-child(1) {
    -webkit-animation-delay: .13s;
    -moz-animation-delay: .13s;
    -o-animation-delay: .13s;
    animation-delay: .13s
}

[data-animation=bounceInRight] :nth-child(2) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

[data-animation=bounceInRight] :nth-child(3) {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
    -o-animation-delay: .15s;
    animation-delay: .15s
}

[data-animation=bounceInRight] :nth-child(4) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

[data-animation=bounceInRight] :nth-child(5) {
    -webkit-animation-delay: .17s;
    -moz-animation-delay: .17s;
    -o-animation-delay: .17s;
    animation-delay: .17s
}

[data-animation=bounceInRight] :nth-child(6) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

[data-animation=bounceInRight] :nth-child(7) {
    -webkit-animation-delay: .19s;
    -moz-animation-delay: .19s;
    -o-animation-delay: .19s;
    animation-delay: .19s
}

[data-animation=bounceInRight] :nth-child(8) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

[data-animation=bounceInRight] :nth-child(9) {
    -webkit-animation-delay: .21s;
    -moz-animation-delay: .21s;
    -o-animation-delay: .21s;
    animation-delay: .21s
}

[data-animation=bounceInRight] :nth-child(10) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

[data-animation=bounceInRight] :nth-child(11) {
    -webkit-animation-delay: .23s;
    -moz-animation-delay: .23s;
    -o-animation-delay: .23s;
    animation-delay: .23s
}

[data-animation=bounceInRight] :nth-child(12) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

[data-animation=bounceInRight] :nth-child(13) {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -o-animation-delay: .25s;
    animation-delay: .25s
}

[data-animation=bounceInRight] :nth-child(14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

[data-animation=bounceInRight] :nth-child(15) {
    -webkit-animation-delay: .27s;
    -moz-animation-delay: .27s;
    -o-animation-delay: .27s;
    animation-delay: .27s
}

[data-animation=bounceInRight] :nth-child(16) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

[data-animation=bounceInRight] :nth-child(17) {
    -webkit-animation-delay: .29s;
    -moz-animation-delay: .29s;
    -o-animation-delay: .29s;
    animation-delay: .29s
}

[data-animation=bounceInRight] :nth-child(18) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

[data-animation=bounceInRight] :nth-child(19) {
    -webkit-animation-delay: .31s;
    -moz-animation-delay: .31s;
    -o-animation-delay: .31s;
    animation-delay: .31s
}

.btn, .btn-green, .btn-primary, .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit, .tx-hk-locations .dropdown-container .search-dropdown-field {
    display: inline-block;
    position: relative;
    padding: 11px 14px 11px 27px;
    text-transform: uppercase;
    font-size: .94rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer
}

.btn-green::before, .btn-primary::before, .btn::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before, .tx-hk-locations .dropdown-container .search-dropdown-field::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    position: absolute;
    font-size: 11px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.btn-green:focus, .btn-primary:focus, .btn:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:focus, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:focus, .tx-hk-locations .dropdown-container .search-dropdown-field:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.btn-green:hover, .btn-primary:hover, .btn:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover, .tx-hk-locations .dropdown-container .search-dropdown-field:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-green.btn-indicator:hover:not(.btn-toggle), .btn-green.btn-indicator:not(.btn-toggle), .btn-primary.btn-indicator:hover:not(.btn-toggle), .btn-primary.btn-indicator:not(.btn-toggle), .btn.btn-indicator:hover:not(.btn-toggle), .btn.btn-indicator:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:hover:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:hover:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:hover:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:not(.btn-toggle) {
    color: transparent
}

.btn-green.btn-indicator:not(.btn-toggle)::before, .btn-green.btn-indicator:not(.btn-toggle):hover::before, .btn-primary.btn-indicator:not(.btn-toggle)::before, .btn-primary.btn-indicator:not(.btn-toggle):hover::before, .btn.btn-indicator:not(.btn-toggle)::before, .btn.btn-indicator:not(.btn-toggle):hover::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:not(.btn-toggle)::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:not(.btn-toggle):hover::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:not(.btn-toggle)::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:not(.btn-toggle):hover::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:not(.btn-toggle)::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:not(.btn-toggle):hover::before {
    content: none
}

.btn-green.btn-indicator:focus:not(.btn-toggle), .btn-primary.btn-indicator:focus:not(.btn-toggle), .btn.btn-indicator:focus:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:focus:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:focus:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:focus:not(.btn-toggle) {
    outline: 0;
    text-decoration: none
}

button:hover {
    outline: 0;
    cursor: pointer;
    color: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

button:focus {
    outline: 0;
    text-decoration: none
}

.btn-green, .btn-primary, .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    background-color: #004e9c;
    border: 2px solid #004e9c;
    padding: 11px 14px 10px 27px;
    color: #fff
}

.btn-green::before, .btn-primary::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before {
    color: #fff;
    left: 10px;
    margin-top: 0
}

.btn-green:focus, .btn-primary:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:focus, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:focus {
    background-color: #004e9c;
    border: 2px solid #004e9c;
    color: #fff
}

.btn-green:hover, .btn-primary:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover {
    background-color: #004e9c;
    border-color: #004e9c;
    color: #fff;
    text-decoration: none
}

.btn-green:hover::before, .btn-primary:hover::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.btn-load-more.btn-indicator {
    background-color: #004e9c
}

.btn-black::before, .btn-white::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    left: 11px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    -moz-transition: transform .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

.btn-black:hover, .btn-white:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:hover {
    text-decoration: none
}

.btn-black:hover::before, .btn-white:hover::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:hover::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:hover::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.btn-white, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit {
    border: 2px solid #fff;
    color: #fff
}

.btn-white::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    color: #fff
}

.btn-white:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:focus {
    border: 2px solid #fff;
    color: #fff
}

.btn-white:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:hover {
    color: #fff
}

.btn-black {
    border: 2px solid #181818;
    color: #181818
}

.btn-black::before {
    color: #181818
}

.btn-black:hover {
    color: #181818
}

.btn-link {
    border: 2px solid #004e9c;
    color: #004e9c;
    overflow: hidden;
    z-index: 5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.btn-link::before {
    color: #004e9c;
    left: 11px
}

.btn-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: -17px;
    -webkit-transform: translateX(-100%) skew(-35deg, 0deg);
    -moz-transform: translateX(-100%) skew(-35deg, 0deg);
    -ms-transform: translateX(-100%) skew(-35deg, 0deg);
    -o-transform: translateX(-100%) skew(-35deg, 0deg);
    transform: translateX(-100%) skew(-35deg, 0deg);
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out, -o-transform .3s ease-in-out;
    width: 130%;
    height: 100%;
    background: #004e9c
}

.btn-link:focus {
    border: 2px solid #004e9c;
    color: #004e9c
}

.btn-link:hover {
    border: 2px solid #004e9c;
    color: #fff;
    text-decoration: none
}

.btn-link:hover::before {
    color: #fff
}

.btn-link:hover::after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .btn-link::after {
        content: none
    }

    .btn-link:hover {
        background-color: #004e9c
    }
}

.btn-scroll-down, .btn-scroll-top {
    display: inline-block;
    height: 36px;
    width: 36px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

@media (min-width: 576px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 540px) / 2 + 540px - 51px);
        left: -moz-calc((100vw - 540px) / 2 + 540px - 51px);
        left: calc((100vw - 540px) / 2 + 540px - 51px)
    }
}

@media (min-width: 800px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 720px) / 2 + 720px - 51px);
        left: -moz-calc((100vw - 720px) / 2 + 720px - 51px);
        left: calc((100vw - 720px) / 2 + 720px - 51px)
    }
}

@media (min-width: 992px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 960px) / 2 + 960px - 51px);
        left: -moz-calc((100vw - 960px) / 2 + 960px - 51px);
        left: calc((100vw - 960px) / 2 + 960px - 51px)
    }
}

@media (min-width: 1200px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 1140px) / 2 + 1140px - 51px);
        left: -moz-calc((100vw - 1140px) / 2 + 1140px - 51px);
        left: calc((100vw - 1140px) / 2 + 1140px - 51px)
    }
}

.btn-scroll-down::before, .btn-scroll-top::before {
    display: inline-block;
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/back-to-down.svg');
    -webkit-background-size: 20px 8px;
    -moz-background-size: 20px 8px;
    -o-background-size: 20px 8px;
    background-size: 20px 8px;
    position: absolute;
    height: 8px;
    width: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.btn-scroll-top {
    position: fixed;
    background-color: #181818;
    color: #fff;
    bottom: 24px;
    z-index: 10;
    margin-bottom: -8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: -webkit-transform .05s ease-out;
    transition: -webkit-transform .05s ease-out;
    -o-transition: -o-transform .05s ease-out;
    -moz-transition: transform .05s ease-out, -moz-transform .05s ease-out;
    transition: transform .05s ease-out;
    transition: transform .05s ease-out, -webkit-transform .05s ease-out, -moz-transform .05s ease-out, -o-transform .05s ease-out
}

.btn-scroll-top::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/back-to-top.svg');
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn-scroll-top.bottom-position, .btn-scroll-top.sticky {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.btn-scroll-top.bottom-position {
    position: absolute;
    bottom: 0
}

@media (max-width: 575px) {
    .btn-scroll-top {
        right: 15px
    }
}

.btn-scroll-down {
    background-color: #fcfcfc;
    position: absolute;
    bottom: -8px;
    z-index: 4
}

.btn-scroll-down::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

@media (max-width: 799px) {
    .btn-scroll-down {
        display: none
    }
}

@media (max-width: 575px) {
    .btn-scroll-down {
        right: 15px
    }
}

.btn-pdf-download, .btn-share {
    color: #004e9c;
    font-weight: 100;
    position: relative;
    padding-left: 22px
}

.btn-pdf-download::before, .btn-share::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #004e9c;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-pdf-download:hover, .btn-share:hover {
    color: #004e9c
}

@media (max-width: 575px) {
    .btn-pdf-download, .btn-share {
        display: block
    }
}

.btn-pdf-download::before {
    content: "P";
    margin-top: -2px
}

.btn-share::before {
    content: "W"
}

.btn-cross {
    display: inline-block;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: -1;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(0) translateY(-50%);
    -moz-transform: rotate(0) translateY(-50%);
    -ms-transform: rotate(0) translateY(-50%);
    -o-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%);
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer
}

.btn-cross span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #181818;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.btn-cross span:nth-child(1) {
    top: 0;
    opacity: 0
}

.btn-cross span:nth-child(2), .btn-cross span:nth-child(3) {
    top: 6px
}

.btn-cross.open {
    opacity: 1;
    z-index: 1
}

.btn-cross.open span:nth-child(1) {
    top: 18px;
    width: 0;
    left: 50%
}

.btn-cross.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-cross.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-cross.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%
}

@media (max-width: 1199px) {
    .btn-cross.open {
        display: none
    }
}

.btn-loading {
    position: relative;
    color: transparent;
    background-color: #004e9c;
    pointer-events: none
}

.btn-loading::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.btn-loading:focus, .btn-loading:hover {
    background-color: #004e9c;
    color: transparent;
    text-decoration: none
}

.cookies-line {
    background: #fff;
    height: auto;
    color: #181818;
    min-height: 50px;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    transition: all .7s ease-out;
    z-index: 5;
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 -2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 -2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 -2px 4px 0 rgba(24, 24, 24, .15);
    opacity: .95;
    visibility: hidden
}

.cookies-line p {
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.25rem
}

.cookies-line.hide {
    -webkit-transform: translateY(256px);
    -moz-transform: translateY(256px);
    -ms-transform: translateY(256px);
    -o-transform: translateY(256px);
    transform: translateY(256px)
}

.cookies-line.visible {
    visibility: visible
}

.cookies-line .cookies-message {
    padding: 18px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -15px;
    margin-left: -15px
}

.cookies-line .cookies-message .cookies-text {
    max-width: 546px
}

.cookies-line .cookies-message .cookies-text p {
    display: inline
}

.cookies-line .cookies-message .cookies-text .check-policy-link::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: .5625rem;
    color: #004e9c
}

.cookies-line .close {
    font-size: 1rem;
    font-weight: 400;
    background: 0 0;
    padding: 11px 12px 11px 27px;
    color: #004e9c;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 2px solid #004e9c;
    margin: 0;
    position: relative
}

.cookies-line .close::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: .6875rem;
    color: #004e9c;
    position: absolute;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(-17px, 5px);
    -moz-transform: translate(-17px, 5px);
    -ms-transform: translate(-17px, 5px);
    -o-transform: translate(-17px, 5px);
    transform: translate(-17px, 5px)
}

.cookies-line .close:hover::before {
    -webkit-transform: translate(-10px, 5px);
    -moz-transform: translate(-10px, 5px);
    -ms-transform: translate(-10px, 5px);
    -o-transform: translate(-10px, 5px);
    transform: translate(-10px, 5px)
}

@media (max-width: 575px) {
    .cookies-line {
        top: 72px;
        bottom: auto;
        z-index: 6
    }

    .cookies-line.hide {
        -webkit-transform: translateY(-256px);
        -moz-transform: translateY(-256px);
        -ms-transform: translateY(-256px);
        -o-transform: translateY(-256px);
        transform: translateY(-256px)
    }

    .cookies-line .cookies-message {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cookies-line .cookies-message .cookies-text p {
        display: block;
        margin: 0
    }

    .cookies-line .close {
        margin-top: 24px
    }
}

@media (max-width: 799px) {
    .cookies-line .cookies-message {
        display: block
    }

    .cookies-line .cookies-message .cookies-text {
        width: 100%
    }

    .cookies-line .cookies-message .close {
        display: inline-block;
        margin-top: 24px
    }
}

.dropdown {
    border: 2px solid #004e9c;
    text-align: left;
    margin-top: 15px
}

.dropdown._visible {
    border: 2px solid #004e9c
}

.dropdown._visible .btn-toggle {
    background-color: #fff;
    color: #004e9c;
    border: 0
}

.dropdown._visible .btn-toggle:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dropdown._visible .dropdown-menu {
    border: 2px solid #004e9c;
    border-top: none
}

.dropdown .btn-toggle.btn-indicator::after, .dropdown .dropdown-toggle.btn-indicator::after {
    content: none
}

.dropdown .btn-toggle.btn-indicator .loader-icon, .dropdown .dropdown-toggle.btn-indicator .loader-icon {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.dropdown .dropdown-toggle {
    display: block;
    width: 100%;
    min-height: 40px;
    background: 0 0;
    text-transform: uppercase;
    text-align: left;
    padding: 0 14px;
    line-height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    color: #004e9c;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px
}

.dropdown .dropdown-toggle::after {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
    content: "F";
    color: #004e9c;
    font-size: 12px;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute
}

.dropdown .dropdown-toggle:focus {
    outline: 0
}

.dropdown .dropdown-toggle .loader-icon {
    border: 2px solid #004e9c;
    border-top: 2px solid transparent
}

.dropdown .btn-toggle {
    width: 100%;
    font-weight: 400;
    padding: 11px 14px;
    text-align: left;
    border: 0;
    -webkit-transition: all;
    -o-transition: all;
    -moz-transition: all;
    transition: all
}

.dropdown .btn-toggle::after {
    display: block;
    content: "";
    clear: both
}

.dropdown .btn-toggle::before {
    content: none
}

.dropdown .btn-toggle::after {
    content: '+';
    display: inline-block;
    position: absolute;
    right: 14px;
    width: 14px;
    height: 14px;
    line-height: 8px;
    font-size: 24px;
    font-weight: 300;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dropdown .dropdown-menu {
    margin: 0;
    left: -2px;
    right: -2px;
    padding: 5px 8px 5px 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    max-height: 220px;
    overflow-y: auto;
    border: 2px solid #fff;
    border-top: 0;
    width: auto !important
}

@media screen and (max-height: 880px) {
    .dropdown .dropdown-menu {
        max-height: 175px
    }
}

.dropdown .dropdown-menu a.autocomplete-suggestion, .dropdown .dropdown-menu a.link {
    width: 100%;
    word-break: break-word
}

.dropdown .dropdown-menu a.autocomplete-suggestion::before, .dropdown .dropdown-menu a.link::before {
    top: 7px
}

.dropdown .dropdown-menu a.autocomplete-suggestion:focus, .dropdown .dropdown-menu a.link:focus {
    color: #004e9c
}

.dropdown .dropdown-menu a.autocomplete-suggestion + .autocomplete-suggestion, .dropdown .dropdown-menu a.autocomplete-suggestion + .link, .dropdown .dropdown-menu a.link + .autocomplete-suggestion, .dropdown .dropdown-menu a.link + .link {
    margin-top: 10px
}

.dropdown.open .btn-toggle, .dropdown.show .btn-toggle {
    background-color: #fff;
    color: #004e9c;
    border: 0
}

.dropdown.open .btn-toggle::after, .dropdown.show .btn-toggle::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dropdown.open .dropdown-backdrop, .dropdown.show .dropdown-backdrop {
    display: none
}

.dropdown.open .dropdown-menu, .dropdown.show .dropdown-menu {
    border-color: #004e9c
}

.dropdown.open .z-index-add .vertical-handle, .dropdown.show .z-index-add .vertical-handle {
    opacity: 1;
    -webkit-transition: opacity .2s linear .3s;
    -o-transition: opacity .2s linear .3s;
    -moz-transition: opacity .2s linear .3s;
    transition: opacity .2s linear .3s
}

.dropdown.up .dropdown-menu {
    top: auto;
    bottom: 100%;
    border-bottom: 0;
    border-top: 1px solid #004e9c
}

.dropdown.application {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 98px
}

.dropdown.application .btn-toggle {
    background-color: #fff;
    color: #004e9c;
    border: 0
}

.dropdown.application + .application {
    margin-bottom: 15px
}

a {
    position: relative;
    display: inline-block;
    color: #004e9c
}

a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

a.external-link-new-window, a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    position: relative
}

a.external-link-new-window::after, a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: '';
    display: inline-block;
    background-color: #004e9c;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

a.external-link-new-window:focus, a.external-link-new-window:hover, a:not([class]):not([data-toggle]):not([data-tag-uid]):focus, a:not([class]):not([data-toggle]):not([data-tag-uid]):hover {
    color: #004e9c
}

a.external-link-new-window:focus::after, a.external-link-new-window:hover::after, a:not([class]):not([data-toggle]):not([data-tag-uid]):focus::after, a:not([class]):not([data-toggle]):not([data-tag-uid]):hover::after {
    opacity: 1;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.green-underline-link, .green-underline-link:focus, .green-underline-link:hover {
    color: #004e9c;
    text-decoration: underline
}

.lang-switcher a ::after, .lang-switcher a.external-link-new-window::after {
    background-color: transparent
}

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

ul.default-list li {
    position: relative;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

ul.default-list li::before, ul.default-list li:hover::before {
    top: 8px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

ul.default-list li::before {
    color: #004e9c
}

.video-wrapper {
    position: relative
}

.video-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.video-wrapper > img, .video-wrapper > picture, .video-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.video-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.video-wrapper .wistia_embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%
}

section > .wistia_embed {
    margin: 0 auto
}

@media (min-width: 576px) {
    section > .wistia_embed {
        width: -webkit-calc((540px) - 30px);
        width: -moz-calc((540px) - 30px);
        width: calc((540px) - 30px)
    }
}

@media (min-width: 800px) {
    section > .wistia_embed {
        width: -webkit-calc((720px) - 30px);
        width: -moz-calc((720px) - 30px);
        width: calc((720px) - 30px)
    }
}

@media (min-width: 992px) {
    section > .wistia_embed {
        width: -webkit-calc((960px) - 30px);
        width: -moz-calc((960px) - 30px);
        width: calc((960px) - 30px)
    }
}

@media (min-width: 1200px) {
    section > .wistia_embed {
        width: -webkit-calc((1140px) - 30px);
        width: -moz-calc((1140px) - 30px);
        width: calc((1140px) - 30px)
    }
}

@media (min-width: 576px) {
    section > .wistia_embed {
        height: -webkit-calc((540px - 30px) * 9 / 16);
        height: -moz-calc((540px - 30px) * 9 / 16);
        height: calc((540px - 30px) * 9 / 16)
    }
}

@media (min-width: 800px) {
    section > .wistia_embed {
        height: -webkit-calc((720px - 30px) * 9 / 16);
        height: -moz-calc((720px - 30px) * 9 / 16);
        height: calc((720px - 30px) * 9 / 16)
    }
}

@media (min-width: 992px) {
    section > .wistia_embed {
        height: -webkit-calc((960px - 30px) * 9 / 16);
        height: -moz-calc((960px - 30px) * 9 / 16);
        height: calc((960px - 30px) * 9 / 16)
    }
}

@media (min-width: 1200px) {
    section > .wistia_embed {
        height: -webkit-calc((1140px - 30px) * 9 / 16);
        height: -moz-calc((1140px - 30px) * 9 / 16);
        height: calc((1140px - 30px) * 9 / 16)
    }
}

@media (max-width: 575px) {
    section > .wistia_embed {
        width: -webkit-calc(100vw - 30px);
        width: -moz-calc(100vw - 30px);
        width: calc(100vw - 30px);
        height: -webkit-calc((100vw - 30px) * 9 / 16);
        height: -moz-calc((100vw - 30px) * 9 / 16);
        height: calc((100vw - 30px) * 9 / 16)
    }
}

.text-above-video {
    margin-bottom: 80px
}

@media (max-width: 799px) {
    .text-above-video {
        margin-bottom: 56px
    }
}

.video-text {
    font-family: Univers, sans-Serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 32px
}

.video-text:not(.hidden-md-up) {
    display: none
}

.play-button-wrapper .video-text {
    font-family: Univers, sans-Serif;
    font-weight: 800;
    margin-bottom: 27px
}

@media (max-width: 799px) {
    .play-button-wrapper .video-text {
        display: none
    }
}

@media (min-width: 800px) {
    .textonvideo .video-text {
        display: block
    }
}

.wistia_embed .w-bpb-wrapper.w-css-reset-tree {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 66px;
    height: 66px
}

.wistia_embed .w-bpb-wrapper.w-css-reset-tree .w-big-play-button {
    background-color: transparent !important;
    width: 100px !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wistia_embed .w-bpb-wrapper.w-css-reset-tree:hover {
    width: 70px;
    height: 70px
}

.wistia_embed .w-vulcan-icon-wrapper div {
    height: 100%
}

img {
    width: 100%;
    height: auto
}

figure {
    margin-bottom: 0
}

figcaption, figcaption p {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 12px
}

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

.blur-ie, .blur-wrapper, .cover-blur {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cover-blur {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: background-image .1s linear;
    -o-transition: background-image .1s linear;
    -moz-transition: background-image .1s linear;
    transition: background-image .1s linear
}

@media (min-width: 800px) {
    .cover-blur {
        display: block
    }
}

.blur-ie {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4)
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    body * {
        min-height: 1px
    }

    body .blur-wrapper .cover-blur, body .detail-page-blur-wrapper .cover-blur, body .keyvisual-blur .cover-blur {
        display: none
    }

    body .blur-wrapper .blur-ie, body .detail-page-blur-wrapper .blur-ie, body .keyvisual-blur .blur-ie {
        display: block;
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        -ms-transform: scale(2.4);
        -o-transform: scale(2.4);
        transform: scale(2.4)
    }
}

@supports (-ms-ime-align:auto) {
    body * {
        min-height: 1px
    }

    body .blur-wrapper .cover-blur, body .detail-page-blur-wrapper .cover-blur, body .keyvisual-blur .cover-blur {
        display: none
    }

    body .blur-wrapper .blur-ie, body .detail-page-blur-wrapper .blur-ie, body .keyvisual-blur .blur-ie {
        display: block;
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        -ms-transform: scale(2.4);
        -o-transform: scale(2.4);
        transform: scale(2.4)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        -moz-transform: translate(-50%, -50%) rotate(0);
        -o-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, .9);
    z-index: 100005
}

.preloader {
    color: transparent;
    border: 7px solid #004e9c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-top: 7px solid transparent;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.preloader:focus, .preloader:hover {
    color: transparent;
    outline: 0
}

@media (max-width: 799px) {
    .preloader {
        width: 50px;
        height: 50px;
        border-width: 6px
    }
}

.loader-icon {
    color: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-top: 2px solid transparent;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.selectBox-dropdown {
    min-width: 150px;
    width: 100% !important;
    position: relative;
    border: 1px solid #d9d9d9;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
    color: #000;
    outline: 0;
    vertical-align: middle;
    background: #fcfcfc;
    display: inline-block;
    cursor: default
}

.selectBox-dropdown.selectBox-menuShowing-bottom {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.selectBox-dropdown .selectBox-label {
    padding: 2px 8px;
    display: inline-block;
    white-space: nowrap;
    color: #181818
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    right: 10px;
    top: 3px
}

.selectBox-dropdown .selectBox-arrow::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    color: #181818;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    border: 1px solid #d9d9d9;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.selectBox-dropdown-menu a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.selectBox-options, .selectBox-options li, .selectBox-options li a {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0
}

.selectBox-options a, .selectBox-options li a, .selectBox-options li a a {
    line-height: 1.5;
    padding: 2px 8px;
    white-space: nowrap;
    overflow: hidden;
    background: 6px center no-repeat
}

.selectBox-options li.selectBox-hover a {
    background-color: #004e9c;
    color: #fff !important
}

.selectBox-options li.selectBox-selected a {
    background-color: #004e9c;
    color: #fff !important
}

.table-wrapper {
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575px) {
    .table-wrapper {
        width: -webkit-calc(100% + 15px);
        width: -moz-calc(100% + 15px);
        width: calc(100% + 15px)
    }
}

.table {
    border-collapse: collapse;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.table .table-column p {
    width: 100%;
    margin: 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.table .table-column:not(.column-bold) p {
    font-weight: 100
}

.table-merged-header thead {
    display: none
}

@media (max-width: 799px) {
    .table-merged-header {
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px)
    }

    .table-merged-header .table-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #d9d9d9;
        padding: 10px 0
    }

    .table-merged-header .table-column {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .table-merged-header .table-column::after {
        content: none
    }
}

@media (max-width: 799px) {
    .block-merged-header .table-buttons {
        display: none !important
    }
}

.table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 800px) {
    .table-row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border: 0;
        padding: 0
    }
}

.merged-header, .table-column, .table-header {
    position: relative
}

.merged-header::after, .table-column::after, .table-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    width: calc(100% - 6px)
}

.merged-header, .table-header {
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    padding: 9px 16px 12px;
    text-transform: uppercase
}

.merged-header::after, .table-header::after {
    height: 3px;
    background-color: #181818
}

.merged-header {
    z-index: 2;
    max-width: 100%
}

.merged-header::after {
    width: 100%
}

.table-column {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 16px 16px 16px 25px
}

.table-column::after {
    height: 1px;
    background-color: #d9d9d9
}

.table-column span {
    font-family: Univers !important;
    font-size: 1rem !important;
    background-color: transparent !important
}

.table-column strong {
    font-weight: 400
}

@media (min-width: 800px) {
    .table-column {
        padding: 16px
    }
}

.column-bold, .column-bold p {
    font-weight: 400
}

.column-with-arrow {
    padding-left: 25px
}

.column-with-arrow::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    position: absolute;
    color: #004e9c;
    font-size: 9px;
    left: 12px;
    margin-top: 5px
}

.green-header {
    color: #fff;
    padding: 12px 16px 9px
}

.green-header span {
    position: relative;
    z-index: 1
}

.green-header::after {
    background-color: #004e9c;
    top: 0;
    height: 100%
}

.overlay-white-gradient {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 40px
}

.overlay-white-gradient.overlap-first-column {
    left: 15px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fcfcfc));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fcfcfc 100%)
}

.overlay-white-gradient.overlap-last-column {
    right: 15px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fcfcfc));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 100%)
}

@media (max-width: 799px) {
    .overlay-white-gradient {
        display: none !important
    }
}

.table-buttons {
    display: inline-block;
    margin-top: 28px;
    position: relative;
    width: 98px;
    height: 40px;
    left: -webkit-calc(100% - 98px);
    left: -moz-calc(100% - 98px);
    left: calc(100% - 98px);
    z-index: 5
}

.table-button-slide {
    border: 2px solid #004e9c;
    background-color: transparent;
    position: absolute;
    width: 50px;
    height: 40px
}

.table-button-slide.prev-slide-column {
    right: 48px
}

.table-button-slide.next-slide-column {
    right: 0
}

.table-button-slide.next-slide-column::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -11px;
    margin-left: -9px
}

.table-button-slide::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    width: 21px;
    height: 21px;
    color: #004e9c;
    font-weight: 100;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ce-textpic .ce-bodytext .btn {
    margin-top: 28px
}

.ce-textpic .ce-bodytext p + p .btn {
    margin-top: 12px
}

.ce-textpic .ce-bodytext p:not(.heading-m):last-of-type {
    margin-bottom: 0
}

.ce-textpic .ce-bodytext a {
    word-break: break-word
}

.ce-textpic .img-popup-link.plus-on-hover {
    overflow: hidden
}

.ce-textpic .img-popup-link.plus-on-hover::after, .ce-textpic .img-popup-link.plus-on-hover::before {
    width: 0;
    height: 0
}

.ce-textpic .img-popup-link.plus-on-hover::after {
    content: '';
    background-color: #004e9c
}

.ce-textpic .img-popup-link.plus-on-hover::before {
    content: '';
    color: #fff;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center;
    line-height: 1.3125rem
}

.ce-textpic .img-popup-link.plus-on-hover img {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.ce-textpic .img-popup-link.plus-on-hover:hover img.media {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.ce-textpic .img-popup-link.plus-on-hover:hover::after, .ce-textpic .img-popup-link.plus-on-hover:hover::before {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    bottom: 0;
    right: 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.ce-textpic .img-popup-link.plus-on-hover:hover::before {
    content: '+'
}

.ce-textpic .img-popup-link figure figcaption {
    display: none
}

.col-md-7 .ce-gallery .img-fluid {
    margin-top: 80px
}

.mCS-dark-thick.mCSB_scrollTools {
    width: 8px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #868685;
    opacity: .8
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 100%;
    background-color: #868685
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background-color: #ececec;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mCS-dark-thick .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 30px
}

.mCS-green-thick.mCSB_scrollTools {
    width: 6px;
    opacity: 1
}

.mCS-green-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #004e9c;
    opacity: .8
}

.mCS-green-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    opacity: 1
}

.mCS-green-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background-color: transparent
}

.mCS-green-thick .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 20px
}

.bg-white {
    width: 100%;
    background-color: #fff
}

.bg-grey {
    width: 100%;
    background-color: #ececec
}

.text-friar-grey {
    color: #868685
}

input::-ms-clear {
    display: none
}

body #CybotCookiebotDialog {
    -webkit-box-shadow: 0 3px 20px 0 rgba(24, 24, 24, .2) !important;
    -moz-box-shadow: 0 3px 20px 0 rgba(24, 24, 24, .2) !important;
    box-shadow: 0 3px 20px 0 rgba(24, 24, 24, .2) !important;
    border: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 1100px !important;
    max-width: 70% !important;
    max-height: 90vh !important;
    padding: 70px 0 !important;
    margin-top: 0 !important;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: auto
}

body #CybotCookiebotDialog * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialog {
        max-width: 80% !important;
        left: 10%;
        padding: 50px 0 !important;
        margin: 0 !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialog {
        padding: 40px 0 !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialog {
        max-width: 90% !important;
        left: 5%;
        padding: 35px 0 !important
    }
}

body #CybotCookiebotDialog a {
    text-decoration: none
}

body #CybotCookiebotDialog a:hover {
    text-decoration: none
}

body #CybotCookiebotDialog div {
    font-family: Univers
}

body #CybotCookiebotDialogPoweredbyLink {
    display: none !important
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    width: 100%;
    padding: 0 90px !important
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding: 0 70px !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding: 0 50px !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding: 0 20px !important
    }
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton {
    display: inline-block !important;
    position: relative;
    padding: 7px 15px !important;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    white-space: normal;
    font: 400 16px/1.6 Univers !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #004e9c !important;
    color: #004e9c !important;
    background-color: transparent !important;
    margin: 15px 15px 0 0 !important
}

@media (max-width: 799px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton {
        width: 100% !important;
        margin-right: 0 !important
    }
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #004e9c !important;
    color: #fff !important
}

body #CybotCookiebotDialogBody {
    width: auto;
    padding: 0 90px !important
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialogBody {
        padding: 0 70px !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialogBody {
        padding: 0 50px !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBody {
        padding: 0 20px !important
    }
}

body #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelDetailsButton {
    float: right
}

body #CybotCookiebotDialogBody #CybotCookiebotDialogBodyButtonAccept {
    background-color: #004e9c !important;
    color: #fff !important
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyButton, body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink {
    margin: 0
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink {
    position: relative;
    font: 400 16px/1.5 Univers;
    letter-spacing: .6px;
    color: #004e9c !important;
    background: 0 0 !important;
    padding-top: 0;
    white-space: nowrap;
    float: none !important;
    text-align: right
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink {
        text-align: left
    }
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink::after {
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #004e9c;
    border-bottom: 2px solid #004e9c;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink.CybotCookiebotDialogBodyLevelDetailsButtonExpanded::after, body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink.CybotCookiebotDialogBodyLinkExpanded::after {
    -webkit-transform: translateY(-50%) rotate(225deg);
    -moz-transform: translateY(-50%) rotate(225deg);
    -ms-transform: translateY(-50%) rotate(225deg);
    -o-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg)
}

body #CybotCookiebotDialogBodyContent {
    padding: 0 !important
}

body #CybotCookiebotDialogBodyContentTitle {
    font: 800 24px/1.1 Univers !important;
    color: #004e9c;
    letter-spacing: .9px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyContentTitle {
        font-size: 18px
    }
}

body #CybotCookiebotDialogBodyContentText {
    font: 100 16px/1.6 Univers !important;
    color: #181818;
    letter-spacing: .6px;
    margin-bottom: 35px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyContentText {
        max-height: 200px;
        overflow: auto
    }
}

body #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    text-align: left !important;
    float: none
}

body #CybotCookiebotDialogBodyLevelButtons {
    margin: 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    margin: 0 !important;
    padding: 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonsRow > div {
    vertical-align: middle;
    height: auto;
    padding: 0
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyLevelButtonsRow > div {
        display: block;
        float: none
    }
}

body #CybotCookiebotDialogBodyLevelButtonsRow .CybotCookiebotDialogBodyLevelButtonWrapper {
    margin-right: 50px;
    margin-bottom: 8px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyLevelButtonsRow .CybotCookiebotDialogBodyLevelButtonWrapper {
        display: block
    }
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox] + label {
    position: relative;
    font: 300 16px/1 Univers;
    color: #3a3a3a;
    letter-spacing: .6px;
    padding-left: 25px;
    background: 0 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #868685;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox] + label::after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 6px;
    left: 5px;
    top: 50%;
    border-right: 2px solid #004e9c;
    border-bottom: 2px solid #004e9c;
    opacity: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox]:checked + label::after {
    opacity: 1
}

body #CybotCookiebotDialogBodyLevelWrapper {
    padding: 0
}

body #CybotCookiebotDialogBodyButtons {
    padding: 0 !important;
    margin: 0 !important
}

body #CybotCookiebotDialogBodyUnderlay {
    opacity: .6
}

body #CybotCookiebotDialogDetail {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 35px 90px 0;
    overflow: hidden
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialogDetail {
        padding: 0 70px !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialogDetail {
        padding: 0 50px !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetail {
        padding: 0 20px !important
    }
}

body #CybotCookiebotDialogDetailBody {
    max-width: none;
    padding: 0
}

body #CybotCookiebotDialogDetailBodyContent {
    border: 0;
    height: auto
}

body #CybotCookiebotDialogDetailBodyContent div {
    width: 100%
}

body #CybotCookiebotDialogDetailBodyContentTabs {
    display: block
}

body #CybotCookiebotDialogDetailBodyContentTabs a {
    font: 600 16px/1.6 Univers !important;
    letter-spacing: .6px;
    text-transform: uppercase;
    border: 0;
    background: 0 0;
    padding: 15px 0 !important;
    margin-right: 30px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentTabs a {
        display: block;
        padding: 10px 0 !important;
        margin: 0
    }
}

body #CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItemSelected {
    color: #004e9c !important
}

body #CybotCookiebotDialogDetailBodyContentTextAbout {
    font: 100 16px/1.6 Univers;
    padding: 0
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    background-color: transparent
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    height: 200px;
    max-height: 200px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    font: 100 16px/1.6 Univers;
    color: #000
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails #CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
        overflow: auto
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table {
    margin-top: 25px;
    font: 100 12px/1.5 Univers !important;
    letter-spacing: .45px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table {
        width: auto
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table a {
    font: 300 12px/1.5 Univers !important;
    text-decoration: none;
    padding: 0 !important
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table thead th {
    border: 0;
    font-weight: 300;
    background: 0 0 !important
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table tbody td {
    border: 0;
    max-width: none
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer a {
    font: 300 16px/1.6 Univers;
    letter-spacing: .6px;
    border: 0;
    background: 0 0;
    padding: 5px 0 !important
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer a.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected {
    color: #004e9c !important
}

@media (min-width: 1200px) {
    .sticky .banner-position-left-top {
        top: 48px
    }

    .sticky .banner-position-right-top {
        top: 48px
    }
}

.sticky-banner {
    position: fixed;
    z-index: 1000;
    max-width: 80vw
}

.banner-position-left-top {
    top: 170px;
    left: 0
}

.banner-position-left-top.banner-under {
    top: 100px
}

.banner-position-right-top {
    top: 170px;
    right: 0
}

.banner-position-left-center {
    top: 50%;
    left: 0
}

.banner-position-right-center {
    top: 50%;
    right: 0
}

.banner-position-left-bottom {
    bottom: 70px;
    left: 0
}

.banner-position-right-bottom {
    bottom: 70px;
    right: 0
}

@media (max-width: 1199px) {
    .banner-position.sticky-left-top {
        top: 72px
    }

    .banner-position.sticky-right-top {
        top: 72px
    }

    .banner-position-left-top {
        top: 72px
    }

    .banner-position-right-top {
        top: 72px
    }

    .banner-under.banner-position-left-top {
        top: 120px
    }
}

@media (max-width: 799px) {
    .banner-under.banner-position-right-top {
        top: 120px
    }
}

html[lang|=ru] body * {
    font-family: UniversLTCYR, sans-serif !important
}

.accordion .heading-margin-bottom {
    margin-bottom: 82px
}

@media (max-width: 799px) {
    .accordion .heading-margin-bottom {
        margin-bottom: 42px
    }
}

.accordion .introduction .text {
    margin-bottom: 36px
}

.accordion .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 16px 0 17px
}

.accordion .card .collapse-header {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.accordion .card .collapse-header .heading {
    margin-bottom: 0;
    padding-right: 40px;
    line-height: 1.75rem
}

.accordion .card .collapse-header .heading:hover {
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

@media (max-width: 799px) {
    .accordion .card .collapse-header .heading {
        padding-right: 10px
    }
}

.accordion .card .collapse-header a {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #181818;
    cursor: pointer;
    padding-right: 64px;
    word-wrap: break-word;
    text-decoration: none;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.accordion .card .collapse-header a:focus, .accordion .card .collapse-header a:hover {
    text-decoration: none;
    outline: 0
}

.accordion .card .collapse-header a:hover {
    color: #004e9c
}

.accordion .card .collapse-header a::after, .accordion .card .collapse-header a::before {
    display: inline-block;
    position: absolute;
    color: #004e9c;
    width: 34px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    top: 0;
    right: 0;
    margin-top: -1px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accordion .card .collapse-header a::before {
    content: '+';
    font-size: 42px;
    font-weight: 100
}

.accordion .card .collapse-header a::after {
    content: '';
    border: 2px solid #004e9c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.accordion .card .collapse-header a[aria-expanded=true]::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion .card .collapse-content {
    margin: 14px 0 15px
}

.accordion .card .collapse-content .align-center {
    text-align: center
}

.accordion .card .collapse-content .autocomplete-suggestion, .accordion .card .collapse-content .btn-pdf-download, .accordion .card .collapse-content .link, .accordion .card .collapse-content .text {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem;
    position: relative
}

.accordion .card .collapse-content .autocomplete-suggestion p, .accordion .card .collapse-content .btn-pdf-download p, .accordion .card .collapse-content .link p, .accordion .card .collapse-content .text p {
    margin-bottom: 3px
}

.accordion .card .collapse-content a.autocomplete-suggestion, .accordion .card .collapse-content a.link {
    margin-top: 14px
}

.accordion .card .collapse-content a.autocomplete-suggestion::before, .accordion .card .collapse-content a.link::before {
    top: 9px
}

.accordion .card .collapse-content img {
    width: 100%;
    height: auto
}

@media (max-width: 799px) {
    .accordion .card .collapse-content img {
        margin-top: 10px
    }
}

.accordion .card .collapse-content video {
    max-width: 100%
}

@media (max-width: 799px) {
    .accordion .card .collapse-content video {
        width: 100%
    }
}

.accordion .card .collapse-content .teaser-tab-img-wrapper {
    margin-top: 10px
}

.accordion .card .collapse-content .teaser-tab-img-wrapper img {
    height: 100%;
    margin-top: 0
}

.accordion .accordion-item {
    margin-top: 10px
}

.accordion .accordion-item .heading {
    margin: 24px 0 14px
}

.accordion .accordion-item .btn-pdf-download {
    margin-top: 14px
}

.accordion .accordion-item .btn-pdf-download::before {
    font-size: 15px;
    margin-top: 0;
    top: 4px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.accordion .img-holder {
    position: relative;
    overflow: hidden
}

.accordion .img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.accordion .img-holder > img, .accordion .img-holder > picture, .accordion .img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.accordion .img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.accordion .img-holder img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.accordion .img-holder video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.accordion.vertical-offset .collapse-content img {
    margin-top: 23px
}

@media (max-width: 799px) {
    section.accordion {
        padding-top: 80px;
        padding-bottom: 80px
    }

    section.accordion.vertical-offset {
        padding-top: 0
    }

    section.accordion .card {
        padding: 16px 0 14px
    }

    section.accordion .card .collapse-header a::before {
        font-size: 36px
    }

    section.accordion .card .collapse-header a::after, section.accordion .card .collapse-header a::before {
        width: 32px;
        height: 32px;
        line-height: 28px;
        margin-top: -3px
    }

    section.accordion .card [class^=col-]:not(:last-of-type) .accordion-item {
        margin-bottom: 46px
    }

    .accordion-item .heading, .accordion-item .text {
        height: auto !important
    }
}

.green .card {
    border-bottom: 1px solid #fff
}

.green .card .collapse-header a, .green .card .collapse-header a.autocomplete-suggestion, .green .card .collapse-header a.link, .green .card .collapse-header a::after, .green .card .collapse-header a::before, .green .card .collapse-header a:hover {
    color: #fff
}

.green .card .collapse-header a::after {
    border-color: #fff
}

.autocomplete-suggestions {
    background-color: #fff;
    padding: 32px 40px;
    overflow: auto;
    width: 100% !important
}

.autocomplete-suggestions .btn {
    margin-top: 18px
}

@media (max-width: 1199px) {
    .autocomplete-suggestions {
        padding: 32px 16px
    }
}

.autocomplete-group {
    color: #868685;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 21px
}

.autocomplete-suggestion {
    position: relative;
    margin-bottom: 10px;
    line-height: 1.31rem;
    font-weight: 100;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

.autocomplete-suggestion::before {
    font-size: 11px;
    top: 5px
}

.autocomplete-suggestion:hover {
    cursor: pointer;
    color: #004e9c
}

.autocomplete-suggestion + .autocomplete-group {
    margin-top: 30px
}

.autocomplete-suggestion a {
    color: inherit;
    text-decoration: inherit
}

.autocomplete-suggestion strong {
    color: #004e9c
}

@media (max-width: 799px) {
    .autocomplete-suggestion {
        font-size: 1.125rem;
        margin-bottom: 14px
    }
}

.breadcrumbs-menus {
    position: fixed;
    visibility: hidden;
    top: 47px;
    opacity: 1;
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

@media (min-width: 576px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 540px) / 2 + 15px);
        left: -moz-calc((100vw - 540px) / 2 + 15px);
        left: calc((100vw - 540px) / 2 + 15px)
    }
}

@media (min-width: 800px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 720px) / 2 + 15px);
        left: -moz-calc((100vw - 720px) / 2 + 15px);
        left: calc((100vw - 720px) / 2 + 15px)
    }
}

@media (min-width: 992px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 960px) / 2 + 15px);
        left: -moz-calc((100vw - 960px) / 2 + 15px);
        left: calc((100vw - 960px) / 2 + 15px)
    }
}

@media (min-width: 1200px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 1140px) / 2 + 15px);
        left: -moz-calc((100vw - 1140px) / 2 + 15px);
        left: calc((100vw - 1140px) / 2 + 15px)
    }
}

.breadcrumbs-menus nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 333px;
    position: relative;
    z-index: 101;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.breadcrumbs-menus nav .content-breadcrumbs .content-list, .breadcrumbs-menus nav .content-breadcrumbs .page-list, .breadcrumbs-menus nav .page-breadcrumbs .content-list, .breadcrumbs-menus nav .page-breadcrumbs .page-list {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-2em);
    -moz-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    -o-transform: translateY(-2em);
    transform: translateY(-2em);
    z-index: -1;
    -webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    -o-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    -moz-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    padding: 16px 16px 16px 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.breadcrumbs-menus nav .content-breadcrumbs .content-list, .breadcrumbs-menus nav .page-breadcrumbs .content-list {
    left: 48px;
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    width: calc(100% - 48px)
}

.breadcrumbs-menus nav .content-breadcrumbs li, .breadcrumbs-menus nav .page-breadcrumbs li {
    margin-bottom: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 17px
}

.breadcrumbs-menus nav .content-breadcrumbs li a, .breadcrumbs-menus nav .page-breadcrumbs li a {
    color: #181818;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.313rem;
    text-decoration: none;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.breadcrumbs-menus nav .content-breadcrumbs li a::before, .breadcrumbs-menus nav .page-breadcrumbs li a::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'F';
    font-size: .625rem;
    color: #004e9c;
    line-height: 1.313rem;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: absolute;
    left: 0;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    -moz-transition: left .3s ease;
    transition: left .3s ease
}

.breadcrumbs-menus nav .content-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid]), .breadcrumbs-menus nav .page-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    position: static
}

.breadcrumbs-menus nav .content-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid])::after, .breadcrumbs-menus nav .page-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.breadcrumbs-menus nav .content-breadcrumbs li.cur, .breadcrumbs-menus nav .page-breadcrumbs li.cur {
    color: #004e9c;
    font-weight: 100;
    position: relative
}

.breadcrumbs-menus nav .content-breadcrumbs li.cur::before, .breadcrumbs-menus nav .page-breadcrumbs li.cur::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'F';
    font-size: .625rem;
    color: #004e9c;
    line-height: 1.313rem;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: absolute;
    top: 2px;
    left: 5px
}

.breadcrumbs-menus nav .content-breadcrumbs li:hover a, .breadcrumbs-menus nav .page-breadcrumbs li:hover a {
    color: #004e9c
}

.breadcrumbs-menus nav .content-breadcrumbs li:hover a::before, .breadcrumbs-menus nav .page-breadcrumbs li:hover a::before {
    left: 5px
}

.breadcrumbs-menus nav .content-breadcrumbs li:last-of-type, .breadcrumbs-menus nav .page-breadcrumbs li:last-of-type {
    margin-bottom: 0
}

.breadcrumbs-menus nav .content-breadcrumbs .content-list-visible, .breadcrumbs-menus nav .page-breadcrumbs .content-list-visible {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0s, 0s, .3s;
    -moz-transition-delay: 0s, 0s, .3s;
    -o-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

@media (min-width: 800px) {
    .breadcrumbs-menus nav .content-breadcrumbs:hover .content-list, .breadcrumbs-menus nav .content-breadcrumbs:hover .page-list, .breadcrumbs-menus nav .page-breadcrumbs:hover .content-list, .breadcrumbs-menus nav .page-breadcrumbs:hover .page-list {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0s, 0s, .3s;
        -moz-transition-delay: 0s, 0s, .3s;
        -o-transition-delay: 0s, 0s, .3s;
        transition-delay: 0s, 0s, .3s;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
    }
}

.breadcrumbs-menus nav .page-breadcrumbs .page-bc-toggler {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #000;
    padding: 0 14px
}

.breadcrumbs-menus nav .page-breadcrumbs .page-bc-toggler::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 2.5rem
}

.breadcrumbs-menus nav .page-breadcrumbs.active .page-bc-toggler, .breadcrumbs-menus nav .page-breadcrumbs:hover .page-bc-toggler {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 0 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 0 4px 0 rgba(24, 24, 24, .15)
}

.breadcrumbs-menus nav .page-breadcrumbs.active .page-bc-toggler::before, .breadcrumbs-menus nav .page-breadcrumbs:hover .page-bc-toggler::before {
    color: #004e9c
}

.breadcrumbs-menus nav .content-breadcrumbs .content-bc-toggler {
    background: #004e9c;
    border: 0;
    color: #fff;
    font-weight: 400;
    line-height: 2.5rem;
    width: 285px;
    height: 100%;
    padding: 0 14px;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.breadcrumbs-menus nav .content-breadcrumbs .content-bc-toggler::before {
    display: inline-block;
    content: '';
    left: 0;
    height: 12px;
    width: 16px;
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/breadcrumb.svg');
    -webkit-background-size: 16px 12px;
    -moz-background-size: 16px 12px;
    -o-background-size: 16px 12px;
    background-size: 16px 12px;
    font-size: 1rem;
    line-height: 2.5rem;
    float: left;
    margin-right: 8px;
    position: relative;
    top: 14px
}

@media (max-width: 799px) {
    .breadcrumbs-menus nav {
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .breadcrumbs-menus nav {
        width: 100%
    }
}

.breadcrumbs-menus.sticky {
    position: fixed;
    visibility: visible;
    top: 47px;
    z-index: 1000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1199px) {
    .breadcrumbs-menus, .breadcrumbs-menus.sticky {
        top: 72px;
        z-index: 111
    }
}

@media (max-width: 799px) {
    .breadcrumbs-menus {
        max-width: 100%;
        width: 510px
    }

    .breadcrumbs-menus .container {
        padding: 0
    }

    .breadcrumbs-menus nav {
        max-width: none
    }

    .breadcrumbs-menus nav .content-breadcrumbs {
        width: 100%
    }

    .breadcrumbs-menus nav .content-breadcrumbs .content-bc-toggler {
        width: 100%
    }
}

@media (max-width: 575px) {
    .breadcrumbs-menus {
        width: 100%
    }
}

.mm-slideout {
    z-index: 2
}

.share-social-links-wrapper {
    display: inline-block;
    position: relative
}

@media (max-width: 575px) {
    .share-social-links-wrapper {
        margin-top: 10px
    }
}

.social-links-tooltip {
    background-color: #004e9c;
    position: absolute;
    top: -73px;
    left: 22px;
    display: inline-block;
    padding: 16px;
    line-height: 0;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: opacity .25s ease-out, visibility .25s ease-out, -webkit-transform .2s linear;
    transition: opacity .25s ease-out, visibility .25s ease-out, -webkit-transform .2s linear;
    -o-transition: opacity .25s ease-out, visibility .25s ease-out, -o-transform .2s linear;
    -moz-transition: opacity .25s ease-out, visibility .25s ease-out, transform .2s linear, -moz-transform .2s linear;
    transition: opacity .25s ease-out, visibility .25s ease-out, transform .2s linear;
    transition: opacity .25s ease-out, visibility .25s ease-out, transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.social-links-tooltip::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 32px;
    bottom: -10px;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #004e9c #004e9c;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.social-links-tooltip.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.social-links-tooltip .share-link {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #fff
}

.social-links-tooltip .share-link::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #004e9c;
    font-size: 1.25rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social-links-tooltip .share-link + .share-link {
    margin-left: 4px
}

.social-links-tooltip .write-email-link::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "E";
    font-size: 1.125rem
}

.social-links-tooltip .facebook-social-link::before {
    content: ""
}

.social-links-tooltip .twitter-social-link::before {
    content: ""
}

.social-links-tooltip .linkedin-social-link::before {
    content: ""
}

.social-links-tooltip .googleplus-social-link::before {
    content: "";
    font-size: 1.125rem
}

.main-content-detail {
    margin-top: 30px
}

@media (min-width: 576px) {
    .btn-pdf-download + .share-social-links-wrapper {
        margin-left: 24px
    }
}

.detail-main-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .detail-main-heading {
        font-size: 1.75rem;
        word-break: break-word
    }
}

.detail-page-blur-wrapper {
    position: relative;
    position: absolute;
    max-width: 1920px;
    width: 100vw;
    max-height: 583px;
    top: -171px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden
}

.detail-page-blur-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.detail-page-blur-wrapper > img, .detail-page-blur-wrapper > picture, .detail-page-blur-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.detail-page-blur-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-page-blur-wrapper {
        max-height: 411px;
        top: -71px
    }
}

@media (max-width: 799px) {
    .detail-page-blur-wrapper .blur-ie, .detail-page-blur-wrapper .blur-wrapper, .detail-page-blur-wrapper .cover-blur {
        display: block
    }
}

@media (max-width: 799px) {
    .detail-page-blur-wrapper {
        top: -72px;
        height: 365px
    }
}

@media (max-width: 575px) {
    .detail-page-blur-wrapper {
        top: -16px;
        height: auto
    }
}

.detail-page-blur-background.cover-blur {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.detail-page-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 54px
}

.detail-page-image::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.detail-page-image > img, .detail-page-image > picture, .detail-page-image > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.detail-page-image > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 991px) {
    .detail-page-image {
        margin-bottom: 25px
    }
}

.detail-page-info-wrapper {
    margin: 32px 0
}

.detail-panel-actions {
    margin-top: 32px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 100
}

.detail-info-description {
    margin-top: 32px
}

.detail-info-description .ce-bodytext, .detail-info-description .default-list, .detail-info-description p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.detail-info-description a:link:not(.btn) {
    color: #004e9c
}

.detail-info-description .ce-bodytext h3 {
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: none
}

.detail-info-description .default-list {
    margin-bottom: 28px
}

.detail-info-description li + li {
    margin-top: 14px
}

.detail-info-description.career-description .btn {
    margin-top: 28px
}

@media (max-width: 799px) {
    .detail-info-description h3, .detail-info-description h4 {
        word-break: break-word
    }
}

.page-detail.career-detail .cover-blur, .page-detail.news .cover-blur {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.page-detail.news .detail-info-description {
    margin-top: 28px
}

.page-detail.news .detail-info-description.hat-info ul.default-list {
    font-weight: 300
}

.page-detail.news .detail-info-description section {
    padding-bottom: 28px
}

.page-detail.news .detail-info-description section .ce-bodytext > div:last-child > :last-child {
    margin-bottom: 0
}

.page-detail.news .layout-image {
    margin-top: 120px
}

@media (max-width: 799px) {
    .page-detail.news .layout-image {
        margin-top: 80px
    }
}

.page-detail .share-social-links-wrapper {
    margin-bottom: 0;
    font-weight: 100
}

.page-detail .btn-scroll-down {
    bottom: auto;
    top: 383px
}

@media (min-width: 800px) {
    .page-detail .detail-panel-actions {
        margin-top: 28px
    }
}

@media (max-width: 1199px) {
    .page-detail .main-content-detail {
        margin-top: 16px
    }

    .page-detail .detail-page-image {
        margin-bottom: 32px
    }

    .page-detail .meta-date-info {
        font-size: .875rem;
        line-height: .875rem
    }

    .page-detail .btn-scroll-down {
        top: 312px
    }
}

@media (max-width: 991px) {
    .page-detail .btn-scroll-down {
        display: none
    }
}

html.sticky .page-detail .detail-page-blur-wrapper {
    top: -122px
}

html.sticky .page-detail .btn-scroll-down {
    top: 432px
}

.teaser-capture {
    position: relative;
    padding-left: 20px;
    font-weight: 100;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px)
}

.teaser-capture:before {
    content: "Y";
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .product-detail-page-keyvisual .keyvisual-content-wrapper .keyvisual-content, .teaser-detail-page-keyvisual .keyvisual-content-wrapper .keyvisual-content {
        position: relative;
        padding: 34px 0 80px;
        left: 0;
        opacity: 1
    }
}

section[class$='-detail'] {
    position: static
}

.career-main-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .career-main-heading {
        font-size: 1.75rem;
        word-break: break-word
    }
}

.career-list {
    padding-top: 80px
}

@media (max-width: 991px) {
    .career-list {
        padding-top: 32px
    }
}

.career-list .btn-toggle {
    padding: 12px 16px 13px 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 991px) {
    .career-list .btn-toggle {
        padding: 12px 30px 13px 14px
    }

    .career-list .btn-toggle::after {
        top: 13px
    }
}

.career-list .career-main-heading {
    text-align: center
}

.career-detail .career-detail-text-info {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.career-detail .career-detail-text-info .autocomplete-suggestion + .autocomplete-suggestion, .career-detail .career-detail-text-info .autocomplete-suggestion + .link, .career-detail .career-detail-text-info .link + .autocomplete-suggestion, .career-detail .career-detail-text-info .link + .link {
    margin-top: 14px
}

.career-search-wrapper, .references-search-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px -4px 80px -2px
}

@media (max-width: 799px) {
    .career-search-wrapper, .references-search-wrapper {
        margin: 16px -4px 32px -2px;
        overflow: hidden
    }

    .career-search-wrapper .btn-search, .references-search-wrapper .btn-search {
        color: transparent;
        width: 44px
    }

    .career-search-wrapper .btn-search::before, .references-search-wrapper .btn-search::before {
        content: "M";
        font-size: 17px;
        font-weight: 100;
        left: 51%;
        margin-top: -1px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .career-search-wrapper .btn-search::after, .references-search-wrapper .btn-search::after {
        content: none
    }
}

.career-search-field, .references-search-field-wrapper, .search-teaser-field {
    font-weight: 400;
    line-height: 1;
    letter-spacing: .3px;
    color: #004e9c;
    padding: 5px 16px 8px;
    margin-right: 4px;
    display: inline-block;
    width: -webkit-calc(100% - 49px);
    width: -moz-calc(100% - 49px);
    width: calc(100% - 49px);
    border: 2px solid #004e9c;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer
}

.career-search-field:focus, .career-search-field:hover, .references-search-field-wrapper:focus, .references-search-field-wrapper:hover, .search-teaser-field:focus, .search-teaser-field:hover {
    outline: 0
}

.career-search-field:placeholder, .references-search-field-wrapper:placeholder, .search-teaser-field:placeholder {
    color: #004e9c
}

.career-filters {
    margin-bottom: 24px
}

@media (min-width: 800px) {
    .career-filters {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -8px 32px
    }
}

.dropdown-career-filter.dropdown {
    margin-top: 2px
}

.dropdown-career-filter.dropdown button {
    -webkit-transition: all;
    -o-transition: all;
    -moz-transition: all;
    transition: all
}

@media (min-width: 800px) {
    .dropdown-career-filter.dropdown {
        margin: 0 8px;
        width: -webkit-calc(100% / 3 - 16px);
        width: -moz-calc(100% / 3 - 16px);
        width: calc(100% / 3 - 16px)
    }
}

.dropdown-career-filter .autocomplete-suggestion, .dropdown-career-filter .link {
    font-weight: 100
}

.dropdown-career-filter .active.autocomplete-suggestion, .dropdown-career-filter .link.active {
    color: #004e9c
}

.dropdown-career-filter .autocomplete-suggestion::before, .dropdown-career-filter .link::before {
    color: #004e9c
}

.dropdown-career-filter .autocomplete-suggestion:hover, .dropdown-career-filter .link:hover {
    color: #004e9c
}

.career-list-results {
    position: relative;
    padding-bottom: 140px
}

.career-list-results + .text-center {
    margin-top: -90px
}

.career-list-results::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 40px;
    left: -webkit-calc(((100vw - 100%) / 2) * (-1));
    left: -moz-calc(((100vw - 100%) / 2) * (-1));
    left: calc(((100vw - 100%) / 2) * (-1));
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    width: 100vw;
    background-color: #ececec
}

.career-list-results.no-more-results {
    padding-bottom: 120px
}

@media (max-width: 799px) {
    .career-list-results.no-more-results {
        padding-bottom: 80px
    }
}

.career-list-results.no-results-wrapper {
    padding: 80px 0
}

.career-list-results.no-results-wrapper::before {
    top: 0;
    height: 100%
}

.career-list-results.no-results-wrapper .no-results {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100;
    position: relative;
    z-index: 1;
    text-align: center
}

@media (max-width: 799px) {
    .career-list-results {
        padding-bottom: 180px
    }
}

.career-result {
    background-color: #fff;
    padding: 24px 16px 20px 24px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    position: relative
}

.career-result .btn-link {
    position: absolute;
    bottom: 20px;
    right: 16px;
    z-index: 2
}

.career-result + .career-result {
    margin-top: 16px
}

@media (max-width: 799px) {
    .career-result {
        padding: 24px 16px 16px
    }
}

.career-overline-title {
    font-size: .75rem;
    font-weight: 600;
    line-height: .9375rem;
    letter-spacing: 1px;
    color: #004e9c;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (max-width: 799px) {
    .career-overline-title {
        font-size: .625rem;
        line-height: 1;
        margin-bottom: 4px
    }
}

.career-info-wrapper {
    margin-bottom: 24px
}

.career-additional-info, .career-title-result {
    font-size: 1.3125rem;
    line-height: 1.75rem;
    margin: 0
}

@media (max-width: 799px) {
    .career-additional-info, .career-title-result {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.career-title-result {
    font-weight: 400
}

.reference-detail-info:nth-child(2) {
    margin-left: 10px
}

.meta-date-info, .meta-location-info {
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.25rem;
    display: inline-block;
    position: relative;
    padding-left: 15px;
    white-space: nowrap;
    vertical-align: middle
}

.meta-date-info::before, .meta-location-info::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.meta-date-info + .career-detail-info, .meta-location-info + .career-detail-info {
    margin-left: 16px
}

@media (max-width: 799px) {
    .meta-date-info + .career-detail-info, .meta-location-info + .career-detail-info {
        margin-left: 12px
    }
}

.meta-location-info {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px
}

.meta-location-info::before {
    content: "T"
}

.meta-date-info::before {
    content: "Y"
}

.link-overlap {
    position: absolute;
    color: transparent;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    cursor: pointer
}

section.contact-person {
    padding-bottom: 0
}

section.contact-person .contact-person-heading {
    margin-bottom: 14px
}

section.contact-person .heading-xxl {
    line-height: 3rem;
    word-break: break-word;
    margin-bottom: 0
}

section.contact-person .white-text {
    color: #fff
}

section.contact-person .black-text {
    color: #000
}

section.contact-person .description-text {
    padding-bottom: 28px
}

section.contact-person .description-text :last-child {
    margin-bottom: 0
}

section.contact-person .contact-background {
    background: #004e9c center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media (max-width: 1199px) {
    section.contact-person .heading-xxl {
        font-size: 1.75rem;
        line-height: 1.75rem
    }

    section.contact-person .description-text {
        padding-bottom: 32px
    }
}

.vertical-offset-top section.contact-person {
    margin-bottom: 80px
}

.vertical-offset-top section.contact-person .contact-background {
    height: -webkit-calc(100% - 200px);
    height: -moz-calc(100% - 200px);
    height: calc(100% - 200px)
}

@media (max-width: 991px) {
    .vertical-offset-top section.contact-person {
        margin-bottom: 0
    }

    .vertical-offset-top section.contact-person .contact-background {
        height: -webkit-calc(100% - 136px);
        height: -moz-calc(100% - 136px);
        height: calc(100% - 136px)
    }
}

.contact-ce {
    position: fixed
}

.contact-ce.active .contacts-info {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.contact-ce .message-icon {
    display: block;
    height: 36px;
    width: 36px;
    background-color: #004e9c;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 11
}

.contact-ce .message-icon::before {
    display: inline-block;
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/contact-person.svg');
    -webkit-background-size: 24px 20px;
    -moz-background-size: 24px 20px;
    -o-background-size: 24px 20px;
    background-size: 24px 20px;
    position: absolute;
    height: 20px;
    width: 24px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 1200px) {
    .contact-ce {
        bottom: 24px;
        margin-bottom: -8px;
        z-index: 10;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
        -webkit-transition: -webkit-transform .05s ease-out .05s;
        transition: -webkit-transform .05s ease-out .05s;
        -o-transition: -o-transform .05s ease-out .05s;
        -moz-transition: transform .05s ease-out .05s, -moz-transform .05s ease-out .05s;
        transition: transform .05s ease-out .05s;
        transition: transform .05s ease-out .05s, -webkit-transform .05s ease-out .05s, -moz-transform .05s ease-out .05s, -o-transform .05s ease-out .05s
    }
}

@media (min-width: 1200px) and (min-width: 576px) {
    .contact-ce {
        left: -webkit-calc((100vw - 540px) / 2 + 540px - 94px);
        left: -moz-calc((100vw - 540px) / 2 + 540px - 94px);
        left: calc((100vw - 540px) / 2 + 540px - 94px)
    }
}

@media (min-width: 1200px) and (min-width: 800px) {
    .contact-ce {
        left: -webkit-calc((100vw - 720px) / 2 + 720px - 94px);
        left: -moz-calc((100vw - 720px) / 2 + 720px - 94px);
        left: calc((100vw - 720px) / 2 + 720px - 94px)
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .contact-ce {
        left: -webkit-calc((100vw - 960px) / 2 + 960px - 94px);
        left: -moz-calc((100vw - 960px) / 2 + 960px - 94px);
        left: calc((100vw - 960px) / 2 + 960px - 94px)
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .contact-ce {
        left: -webkit-calc((100vw - 1140px) / 2 + 1140px - 94px);
        left: -moz-calc((100vw - 1140px) / 2 + 1140px - 94px);
        left: calc((100vw - 1140px) / 2 + 1140px - 94px)
    }
}

@media (min-width: 1200px) {
    .contact-ce.bottom-position, .contact-ce.sticky {
        position: fixed;
        z-index: 10;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .contact-ce.bottom-position {
        position: absolute;
        bottom: 0
    }
}

@media (max-width: 1199px) {
    .contact-ce {
        margin-top: 72px;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: -1
    }

    .contact-ce.active {
        z-index: 1004
    }

    .contact-ce .contact-info-wrapper {
        height: 100%
    }

    .contact-ce .message-icon {
        display: none
    }
}

.contacts-info {
    background-color: #fff;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.contacts-info .contact-heading {
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 32px
}

.contacts-info .contact-close {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 16px;
    right: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #000;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.contacts-info .contact-close::after, .contacts-info .contact-close::before {
    content: '';
    display: inline-block;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-bottom: 2px solid #000;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.contacts-info .contact-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.contacts-info .contact-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.contacts-info .contact-close:hover {
    border-color: #004e9c
}

.contacts-info .contact-close:hover::after, .contacts-info .contact-close:hover::before {
    border-color: #004e9c
}

.contacts-info .green {
    color: #004e9c;
    display: block
}

.contacts-info .col-4 {
    padding-left: 0
}

.contacts-info .contacts-info {
    font-weight: 100
}

@media (min-width: 1200px) {
    .contacts-info {
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        z-index: -1;
        padding: 32px;
        width: 630px;
        max-width: -webkit-calc(100vw - 45px);
        max-width: -moz-calc(100vw - 45px);
        max-width: calc(100vw - 45px)
    }

    .contacts-info.active {
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        padding: 30px
    }
}

@media (max-width: 1199px) {
    .contacts-info {
        height: 100%;
        padding: 32px 0
    }

    .contacts-info .contact-content {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
        padding-left: 15px;
        margin: 0 auto
    }
}

@media (max-width: 1199px) and (min-width: 576px) {
    .contacts-info .contact-content {
        width: 540px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 800px) {
    .contacts-info .contact-content {
        width: 720px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .contacts-info .contact-content {
        width: 960px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 1200px) {
    .contacts-info .contact-content {
        width: 1140px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 576px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) and (min-width: 800px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) and (min-width: 1200px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) {
    .contacts-info img {
        max-height: 25vh;
        max-width: 100%;
        width: auto
    }

    .contacts-info .col-12 {
        padding: 0
    }

    .contacts-info .col-4 {
        padding-right: 0
    }
}

.contacts-info .h4 {
    font-size: 1.25rem
}

.contacts-info .h4 span {
    display: block
}

.contacts-info .contact-info-wrapper {
    position: relative;
    display: block
}

.contacts-info .contact-info-wrapper h4 {
    text-transform: uppercase;
    font-weight: 800
}

.contacts-info .contact-info-wrapper h4 + .contact-element {
    margin-top: 32px
}

.contacts-info .contact-info-wrapper [class*=col]:first-child {
    padding-left: 0
}

.contacts-info .contact-info-wrapper [class*=col]:nth-child(2), .contacts-info .contact-info-wrapper [class*=col]:nth-child(3) {
    padding-right: 0
}

@media (max-width: 1199px) {
    .contacts-info .contact-info-wrapper [class*=col]:first-child {
        padding-right: 0
    }

    .contacts-info .contact-info-wrapper [class*=col]:last-child {
        padding-right: 0;
        padding-left: 0
    }
}

.contacts-info .contact-info-wrapper .contact-name {
    display: block;
    margin-bottom: 0
}

.contacts-info .contact-info-wrapper .contact-position {
    margin-bottom: 8px;
    display: block
}

.contact-element .contact-name {
    display: block;
    margin-bottom: 0;
    line-height: 1.75rem
}

.contact-element .contact-position {
    display: inline-block;
    font-weight: 100;
    color: #868685;
    margin-bottom: 8px;
    line-height: 1.3125rem;
    word-break: break-word
}

.contact-element .img-wrapper {
    position: relative;
    width: 112px;
    max-height: 146px;
    margin-right: 15px;
    display: inline-block;
    float: left
}

.contact-element .img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 133.33333%
}

.contact-element .img-wrapper > img, .contact-element .img-wrapper > picture, .contact-element .img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.contact-element .img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.contact-element .img-wrapper .image {
    height: 100%
}

@media (max-width: 1199px) {
    .contact-element .img-wrapper {
        width: 99px;
        max-height: 128px
    }
}

@media (min-width: 1200px) {
    .contact-element .contact-wrapper {
        display: inline-block;
        margin-left: 14px;
        width: 100%;
        max-width: -webkit-calc(100% - 189px);
        max-width: -moz-calc(100% - 189px);
        max-width: calc(100% - 189px)
    }
}

@media (max-width: 1199px) {
    .contact-element .contact-wrapper:not(.contact-info) {
        display: inline-block;
        width: 100%;
        max-width: -webkit-calc(100% - 114px);
        max-width: -moz-calc(100% - 114px);
        max-width: calc(100% - 114px)
    }
}

.contact-element:not(:last-child) {
    margin-bottom: 30px
}

.contact-ce .phone::before, .contact-person .phone::before, .contacts-info .phone::before, .tx-hk-locations .phone::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/phone.svg')
}

.contact-ce .fax::before, .contact-person .fax::before, .contacts-info .fax::before, .tx-hk-locations .fax::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/fax.svg')
}

.contact-ce .email::before, .contact-person .email::before, .contacts-info .email::before, .tx-hk-locations .email::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/email.svg')
}

.contact-ce .v-card::before, .contact-person .v-card::before, .contacts-info .v-card::before, .tx-hk-locations .v-card::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/vcard.svg')
}

.contact-info {
    color: #3a3a3a
}

.contact-info > a, .contact-info > span {
    display: block;
    padding-left: 24px;
    position: relative
}

.contact-info > a::before, .contact-info > span::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
    position: absolute;
    height: 14px;
    width: 14px;
    top: 50%;
    left: 0
}

.contact-info a {
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    color: #3a3a3a;
    line-height: 1.75rem;
    font-weight: 100
}

.contact-info a:hover {
    color: #004e9c
}

.contact-info.white-text > a::before, .contact-info.white-text > span::before {
    color: #fff
}

.contact-info.white-text .phone::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/phone-white.svg')
}

.contact-info.white-text .fax::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/fax.svg')
}

.contact-info.white-text .email::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/email-white.svg')
}

.contact-info.white-text .v-card::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/vcard-white.svg')
}

.contact-info.white-text a {
    color: #fff
}

.contact-info.white-text a:hover {
    color: #3a3a3a
}

@media (max-width: 1199px) {
    .contact-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-top: 15px;
        width: 100%
    }

    .contact-info > a {
        border: 2px solid #004e9c;
        padding: 8px;
        width: -webkit-calc(33.33% - 10px);
        width: -moz-calc(33.33% - 10px);
        width: calc(33.33% - 10px);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(33.33% - 10px);
        -moz-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 10px);
        flex: 0 0 calc(33.33% - 10px);
        text-align: center;
        height: 40px;
        overflow: hidden;
        color: transparent;
        text-indent: -9999px
    }

    .contact-info > a:first-child {
        margin-right: 15px
    }

    .contact-info > a:last-child {
        margin-left: 15px
    }

    .contact-info > a::before {
        -webkit-background-size: 20px 22px;
        -moz-background-size: 20px 22px;
        -o-background-size: 20px 22px;
        background-size: 20px 22px;
        background-repeat: no-repeat;
        height: 22px;
        width: 22px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .contact-info > a span {
        display: none
    }

    .contact-info .v-card::before {
        width: 28px;
        height: 20px;
        -webkit-background-size: 27px 20px;
        -moz-background-size: 27px 20px;
        -o-background-size: 27px 20px;
        background-size: 27px 20px
    }

    .contact-info.white-text > a {
        border: 2px solid #fff
    }
}

.single-contact-person {
    padding: 130px 0
}

.single-contact-person .img-wrapper {
    position: relative
}

.single-contact-person .img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 133.33333%
}

.single-contact-person .img-wrapper > img, .single-contact-person .img-wrapper > picture, .single-contact-person .img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.single-contact-person .img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.single-contact-person .img-wrapper picture {
    z-index: 1
}

.single-contact-person .img-wrapper img {
    height: 100%;
    -webkit-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .2);
    -moz-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .2);
    box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .2)
}

.single-contact-person .contact-info a span {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.single-contact-person .contact-info a:hover {
    color: #fff
}

@media (min-width: 800px) {
    .single-contact-person .flex-md-last {
        position: absolute;
        top: 50%;
        right: -webkit-calc(100% / 12);
        right: -moz-calc(100% / 12);
        right: calc(100% / 12);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 800px) and (max-width: 1199px) {
    .single-contact-person {
        padding: 80px 0
    }

    .single-contact-person .contact-info {
        display: block
    }

    .single-contact-person .contact-info a {
        border: 0;
        width: 100%;
        display: inline-block;
        text-align: left;
        padding: 0 0 0 24px;
        height: auto;
        margin: 0
    }

    .single-contact-person .contact-info a::before {
        left: 0;
        -webkit-background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        -o-background-size: 14px 14px;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .single-contact-person .contact-info span {
        display: inline-block
    }
}

@media (max-width: 799px) {
    .single-contact-person {
        padding: 80px 0
    }

    .single-contact-person .img-wrapper::after {
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px);
        left: 16px
    }

    .single-contact-person .flex-md-last {
        padding-right: 0
    }

    .single-contact-person .flex-md-last .img-wrapper {
        height: 100%;
        width: 112px;
        max-height: 146px
    }

    .single-contact-person .contact-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
        padding-left: 15px
    }

    .single-contact-person .contact-info a {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0
    }

    .single-contact-person .contact-info a + * {
        margin-top: 13px
    }
}

.contact-person .group-contact-persons {
    padding: 120px 0 88px
}

.contact-person .group-contact-persons .description-text {
    padding-bottom: 80px
}

.contact-person .group-contact-persons .contact-element {
    background-color: #fff;
    padding: 24px;
    margin-bottom: 32px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    height: -webkit-calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: calc(100% - 32px)
}

.contact-person .group-contact-persons .contact-element .contact-wrapper {
    margin-left: 9px
}

@media (max-width: 1199px) {
    .contact-person .group-contact-persons .description-text {
        padding-bottom: 56px
    }

    .contact-person .group-contact-persons .contact-element {
        padding: 16px
    }

    .contact-person .group-contact-persons .contact-element .contact-wrapper {
        margin-left: 0
    }

    .contact-person .group-contact-persons .contact-element .contact-wrapper .contact-name {
        line-height: 1.5rem
    }

    .contact-person .group-contact-persons .contact-element .contact-info {
        padding-top: 24px
    }
}

@media (max-width: 991px) {
    .contact-person .group-contact-persons {
        padding: 80px 0 64px
    }

    .contact-person .group-contact-persons .contact-element {
        margin-bottom: 16px
    }
}

@media (max-width: 799px) {
    .contact-person .group-contact-persons .contact-info {
        margin-bottom: 16px
    }
}

.main-nav .contact-person::after, .main-nav .contact-person::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-nav .contact-person::before {
    z-index: 1;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.main-nav .contact-person::after {
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/close-mobile.svg');
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    opacity: 0;
    width: 20px;
    height: 20px;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.main-nav .contact-person.toggled::before {
    opacity: 0;
    z-index: 0
}

.main-nav .contact-person.toggled::after {
    opacity: 1;
    z-index: 1
}

.image-block {
    position: relative;
    min-height: 802px;
    max-height: 100vh;
    padding-top: 200px
}

.image-block [class^=col-]:first-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.image-block .content {
    color: #fff
}

@media (max-width: 991px) {
    .image-block .content {
        margin-bottom: 24px
    }
}

@media (max-width: 991px) {
    .image-block {
        padding-top: 120px
    }
}

.list-elements [class^=heading-], .list-elements h1, .list-elements h2, .list-elements h3, .list-elements h4, .list-elements h5, .list-elements h6, .list-elements p {
    word-break: break-word
}

.list-elements.green .elements-wrapper .element .popup::after, .list-elements.green .elements-wrapper .element .popup::before {
    right: 2px;
    bottom: 2px
}

.list-elements.green:not(.board-management) .element {
    color: #181818
}

.list-elements.green.board-management .element {
    color: #fff
}

.list-elements.green.board-management .btn-link:not(:hover), .list-elements.green.board-management .btn-link:not(:hover)::before {
    color: #004e9c
}

@media (max-width: 799px) {
    .list-elements.green.board-management .btn-link:not(:hover), .list-elements.green.board-management .btn-link:not(:hover)::before {
        color: #fff
    }
}

@media (max-width: 799px) {
    .list-elements.green.board-management .btn-link {
        border-color: #fff
    }
}

.list-elements.board-management.grey::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ececec));
    background: -webkit-linear-gradient(top, #fcfcfc 0, #ececec 100%);
    background: -moz-linear-gradient(top, #fcfcfc 0, #ececec 100%);
    background: -o-linear-gradient(top, #fcfcfc 0, #ececec 100%);
    background: linear-gradient(180deg, #fcfcfc 0, #ececec 100%)
}

@media (max-width: 799px) {
    .list-elements .heading-margin-bottom {
        margin-bottom: 42px
    }
}

.list-elements .elements-wrapper {
    margin-top: 34px
}

.list-elements .elements-wrapper [class^=col-] {
    margin-top: 30px
}

.list-elements .elements-wrapper .element {
    position: relative;
    background-color: #fff;
    height: 100%;
    padding: 32px 16px;
    -webkit-box-shadow: 0 20px 40px -16px rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 20px 40px -16px rgba(24, 24, 24, .15);
    box-shadow: 0 20px 40px -16px rgba(24, 24, 24, .15)
}

.list-elements .elements-wrapper .element.with-brand-img .heading {
    font-weight: 100;
    padding-top: 32px;
    border-top: 1px solid #d9d9d9
}

.list-elements .elements-wrapper .element.with-brand-img img {
    height: 82px;
    padding-bottom: 32px;
    margin-bottom: 28px;
    border-bottom: 1px solid #d9d9d9
}

.list-elements .elements-wrapper .element .heading {
    font-size: 1rem;
    line-height: 1.5rem
}

.list-elements .elements-wrapper .element .popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.list-elements .elements-wrapper .element .popup::after, .list-elements .elements-wrapper .element .popup::before {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    bottom: 0;
    right: 0
}

.list-elements .elements-wrapper .element .popup::before {
    content: '+';
    color: #fff;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center;
    line-height: 28px
}

.list-elements .elements-wrapper .element .popup::after {
    content: '';
    background-color: #004e9c
}

@media (max-width: 799px) {
    .list-elements .elements-wrapper {
        margin-top: 8px
    }
}

.hero {
    position: relative
}

.hero .background {
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hero .background::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.hero .background > img, .hero .background > picture, .hero .background > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.hero .background > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .hero .background {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        left: -15px
    }
}

.hero .content {
    position: absolute;
    width: 100%;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%)
}

.hero .content .main-heading, .hero .content .video-text {
    margin-bottom: 15px
}

@media (max-width: 799px) {
    .hero .content .main-heading, .hero .content .video-text {
        margin-top: 32px
    }
}

.hero .content .text {
    margin-bottom: 28px
}

.hero .content .text p {
    margin-bottom: 0
}

@media (max-width: 799px) {
    .hero .content {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .hero .content .heading {
        margin-bottom: 0
    }
}

.hero .elements-wrapper {
    margin-top: 10px
}

.hero .elements-wrapper .element {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.hero .elements-wrapper .element .img-wrapper {
    position: relative;
    margin-bottom: 16px
}

.hero .elements-wrapper .element .heading {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 16px;
    margin-bottom: 0
}

.hero .elements-wrapper .element p {
    margin-bottom: 0
}

@media (max-width: 799px) {
    .hero .elements-wrapper {
        margin-top: 0
    }
}

.tx-hk-locations {
    background: #fff
}

.tx-hk-locations .bottom-section, .tx-hk-locations .keyvisual-wrapper {
    background: center/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.tx-hk-locations .keyvisual-wrapper {
    position: relative;
    overflow: visible;
    margin-top: -72px;
    background-color: #d9d9d9
}

.tx-hk-locations .keyvisual-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.tx-hk-locations .keyvisual-wrapper > img, .tx-hk-locations .keyvisual-wrapper > picture, .tx-hk-locations .keyvisual-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.tx-hk-locations .keyvisual-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.tx-hk-locations .keyvisual-wrapper .keyvisual-background {
    background: #fff
}

.tx-hk-locations .keyvisual-wrapper .keyvisual-background::after, .tx-hk-locations .keyvisual-wrapper .keyvisual-background::before {
    content: none
}

.tx-hk-locations .keyvisual-wrapper .keyvisual-content-wrapper {
    position: absolute;
    top: 72px;
    left: 0;
    height: -webkit-calc(100% - 72px);
    height: -moz-calc(100% - 72px);
    height: calc(100% - 72px);
    width: 100%
}

.tx-hk-locations .keyvisual-wrapper .huge-text {
    font-size: 2.25rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 60px rgba(24, 24, 24, .5);
    word-break: break-word
}

.tx-hk-locations .locations-additional-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tx-hk-locations .dropdown-container {
    width: 100%;
    padding-top: 32px
}

.tx-hk-locations .dropdown-container .dropdown {
    max-width: 345px;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    border-color: #fff
}

.tx-hk-locations .dropdown-container .dropdown.show {
    border-color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .btn-toggle {
    background-color: #fff;
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .btn-toggle.btn-indicator .loader-icon {
    border: 2px solid #004e9c;
    border-top: 2px solid transparent
}

.tx-hk-locations .dropdown-container .dropdown.show .btn-toggle::after {
    color: #004e9c;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field::-webkit-input-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field:-moz-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field::-moz-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field:-ms-input-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .btn-toggle {
    background-color: rgba(255, 255, 255, .15);
    color: #fff;
    padding: 0
}

.tx-hk-locations .dropdown-container .btn-toggle.btn-indicator::after {
    content: none
}

.tx-hk-locations .dropdown-container .btn-toggle::after {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'F';
    font-size: .625rem;
    color: #004e9c;
    line-height: 1.313rem;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    color: #fff;
    height: auto;
    width: auto;
    right: 17px;
    top: 50%;
    margin-top: -5px;
    line-height: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    pointer-events: none
}

.tx-hk-locations .dropdown-container .search-dropdown-field {
    display: inline-block;
    height: 40px;
    color: #fff;
    border: 0;
    background-color: transparent;
    width: 100%;
    padding: 0 39px 0 14px;
    line-height: 40px;
    cursor: pointer
}

.tx-hk-locations .dropdown-container .search-dropdown-field, .tx-hk-locations .dropdown-container .search-dropdown-field:focus {
    outline: 0
}

.tx-hk-locations .dropdown-container .search-dropdown-field::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .search-dropdown-field:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .search-dropdown-field::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .search-dropdown-field:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .autocomplete-suggestions, .tx-hk-locations .dropdown-container .no-results {
    padding: 2px 14px;
    position: absolute;
    border: 2px solid #004e9c;
    border-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    width: -webkit-calc(100% + 4px) !important;
    width: -moz-calc(100% + 4px) !important;
    width: calc(100% + 4px) !important;
    left: -2px;
    z-index: 5 !important;
    overflow: hidden
}

.tx-hk-locations .dropdown-container .no-results {
    font-size: 1rem;
    line-height: 1.3125rem;
    padding-bottom: 14px
}

.tx-hk-locations .dropdown-container .locations-country-selector a, .tx-hk-locations .dropdown-container .locations-country-selector li {
    font-weight: 100;
    line-height: 1.3125rem
}

.tx-hk-locations .dropdown-container .locations-country-selector a:focus, .tx-hk-locations .dropdown-container .locations-country-selector a:hover, .tx-hk-locations .dropdown-container .locations-country-selector li:focus, .tx-hk-locations .dropdown-container .locations-country-selector li:hover {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .locations-country-selector a + li, .tx-hk-locations .dropdown-container .locations-country-selector li + li {
    margin-top: 10px
}

.tx-hk-locations .dropdown-container .locations-country-selector a::before {
    top: 5px
}

.tx-hk-locations .title {
    display: block;
    font-weight: 400
}

.tx-hk-locations .bottom-section {
    padding-top: 140px;
    padding-bottom: 80px;
    background-color: #004e9c
}

.tx-hk-locations .bottom-section .paragraph-thicker-size {
    color: #fff;
    margin-bottom: 32px;
    font-weight: 400
}

.tx-hk-locations .bottom-section .locations-columns {
    margin-bottom: 30px
}

@media (max-width: 799px) {
    .tx-hk-locations .bottom-section .locations-columns {
        margin-bottom: 0
    }

    .tx-hk-locations .bottom-section .locations-columns > div {
        margin-bottom: 16px
    }
}

.tx-hk-locations .bottom-section .locations-columns .location-item {
    background-color: #fff;
    padding: 16px 24px 24px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

@media (min-width: 800px) {
    .tx-hk-locations .bottom-section .locations-columns .location-item {
        height: 100%
    }
}

[class*=col-] .tx-hk-locations .bottom-section .locations-columns:not(:last-child) {
    margin-bottom: 14px
}

.tx-hk-locations .bottom-section .title {
    padding-bottom: 14px
}

.tx-hk-locations .bottom-section .description {
    font-size: 1rem
}

.tx-hk-locations .bottom-section .description * {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 0
}

.tx-hk-locations .bottom-section .address, .tx-hk-locations .bottom-section .contact-info {
    color: #3a3a3a;
    font-weight: 100
}

.tx-hk-locations .contact-items[item-count='1'] + .bottom-section {
    padding-top: 100px
}

.tx-hk-locations .contact-items[item-count='1']:not(:last-child) {
    margin-bottom: 0
}

.tx-hk-locations .contact-items + .bottom-section {
    padding-top: 136px
}

.tx-hk-locations .contact-items:not(:last-child) {
    margin-bottom: -72px
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items {
        margin-top: 30px
    }
}

.tx-hk-locations .contact-items:last-child {
    margin-bottom: 120px
}

@media (min-width: 800px) {
    .row .tx-hk-locations .contact-items:not(:last-child) {
        margin-bottom: 33px
    }
}

@media (max-width: 799px) {
    .row .tx-hk-locations .contact-items:not(:last-child) .contact-info-wrapper {
        margin-bottom: 33px
    }
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items .row:last-child .col-md-6:first-child .contact-info-wrapper {
        margin-bottom: 33px
    }
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items .row:last-child .col-md-6:first-child .contact-info-wrapper {
        margin-bottom: auto
    }
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items .row > div {
        margin-bottom: 16px
    }
}

.tx-hk-locations .contact-items .contact-info-wrapper {
    background-color: #fff;
    padding: 16px 24px 24px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.tx-hk-locations .contact-items .contact-info-wrapper .sub-title {
    display: block;
    font-weight: 100;
    color: #868685;
    margin-top: -2px
}

@media (min-width: 800px) {
    .tx-hk-locations .keyvisual-wrapper {
        position: relative;
        position: relative
    }

    .tx-hk-locations .keyvisual-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .tx-hk-locations .keyvisual-wrapper > img, .tx-hk-locations .keyvisual-wrapper > picture, .tx-hk-locations .keyvisual-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .tx-hk-locations .keyvisual-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .tx-hk-locations .keyvisual-wrapper .keyvisual-content-wrapper {
        padding: 120px 0 125px
    }

    .tx-hk-locations .keyvisual-wrapper .huge-text {
        font-size: 4.5rem;
        line-height: 4.5rem;
        margin-bottom: 0
    }

    .tx-hk-locations .bottom-section {
        padding-top: 100px;
        padding-bottom: 90px
    }

    .tx-hk-locations .bottom-section .address + .contact-info {
        margin-top: 14px
    }

    [class*=col-] .tx-hk-locations .bottom-section .locations-columns:last-child, [class*=col-] .tx-hk-locations .bottom-section .locations-columns:not(:last-child) {
        margin-bottom: 30px
    }

    .tx-hk-locations .bottom-section .locations-columns .location-item {
        padding: 24px
    }

    .tx-hk-locations .contact-items {
        margin-bottom: -80px;
        margin-top: -70px;
        min-height: 335px
    }

    .tx-hk-locations .contact-items[item-count='1'] + .bottom-section, .tx-hk-locations .contact-items[item-count='2'] + .bottom-section {
        padding-top: 120px
    }

    .tx-hk-locations .contact-items[item-count='1']:not(:last-child), .tx-hk-locations .contact-items[item-count='2']:not(:last-child) {
        margin-bottom: -55px
    }

    .tx-hk-locations .contact-items:not(:last-child) {
        margin-bottom: -113px
    }

    .tx-hk-locations .contact-items .row {
        margin-bottom: 33px
    }

    .tx-hk-locations .contact-items + .bottom-section {
        padding-top: 200px
    }

    .tx-hk-locations .contact-items .contact-info-wrapper {
        padding: 24px;
        height: 100%
    }

    .tx-hk-locations .contact-items .contact-info-wrapper .contact-info {
        margin-top: 8px
    }

    .tx-hk-locations .contact-items .contact-info-wrapper .contact-info a {
        display: inline-block;
        white-space: nowrap;
        margin-right: 100%
    }
}

@media (min-width: 1200px) {
    .tx-hk-locations .keyvisual-wrapper {
        margin-top: -163px
    }

    .tx-hk-locations .keyvisual-wrapper .keyvisual-content-wrapper {
        top: 170px;
        height: -webkit-calc(100% - 170px);
        height: -moz-calc(100% - 170px);
        height: calc(100% - 170px)
    }
}

.magnific-modal {
    max-height: 75%;
    background-color: #fcfcfc;
    padding: 0;
    overflow: hidden;
    -webkit-animation-name: fadeInUp200;
    -moz-animation-name: fadeInUp200;
    -o-animation-name: fadeInUp200;
    animation-name: fadeInUp200;
    margin-left: 0;
    margin-right: 0
}

.magnific-modal .modal-image-holder {
    width: 101%
}

@media (min-width: 800px) {
    .magnific-modal.layout-modal-square .modal-image-holder, .magnific-modal.layout-modal-square .video-wrapper {
        position: relative
    }

    .magnific-modal.layout-modal-square .modal-image-holder::before, .magnific-modal.layout-modal-square .video-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .magnific-modal.layout-modal-square .modal-image-holder > img, .magnific-modal.layout-modal-square .modal-image-holder > picture, .magnific-modal.layout-modal-square .modal-image-holder > video, .magnific-modal.layout-modal-square .video-wrapper > img, .magnific-modal.layout-modal-square .video-wrapper > picture, .magnific-modal.layout-modal-square .video-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .magnific-modal.layout-modal-square .modal-image-holder > video, .magnific-modal.layout-modal-square .video-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder, .magnific-modal.layout-modal-portrait .video-wrapper {
        position: relative
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder::before, .magnific-modal.layout-modal-portrait .video-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 150%
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder > img, .magnific-modal.layout-modal-portrait .modal-image-holder > picture, .magnific-modal.layout-modal-portrait .modal-image-holder > video, .magnific-modal.layout-modal-portrait .video-wrapper > img, .magnific-modal.layout-modal-portrait .video-wrapper > picture, .magnific-modal.layout-modal-portrait .video-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder > video, .magnific-modal.layout-modal-portrait .video-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (max-width: 799px) {
    .magnific-modal {
        overflow-y: auto;
        height: 100%;
        width: 100%;
        min-height: -webkit-calc(100vh - 30px);
        min-height: -moz-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        max-height: -webkit-calc(100% - 30px);
        max-height: -moz-calc(100% - 30px);
        max-height: calc(100% - 30px);
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px)
    }
}

@media (min-width: 800px) {
    .magnific-modal .modal-teaser-column {
        height: 100%
    }

    .magnific-modal .modal-teaser-column::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 10px;
        height: 80px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fcfcfc));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fcfcfc 100%)
    }
}

.magnific-modal .modal-teaser-inner {
    padding: 32px 15px;
    width: 100%
}

@media (min-width: 800px) {
    .magnific-modal .modal-teaser-inner {
        position: absolute;
        height: 100%;
        padding: 0 0 0 32px;
        overflow-y: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -moz-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .magnific-modal .modal-teaser-inner .mCSB_container {
        padding: 32px 0
    }
}

.magnific-modal .modal-teaser-text {
    width: 100%
}

.magnific-modal .modal-teaser-text h4 {
    line-height: 1.75rem;
    margin-bottom: 14px
}

.magnific-modal .modal-teaser-text p:last-child::after {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: 32px;
    left: 0;
    width: 100%;
    background: #fff
}

.magnific-modal .modal-teaser-branding-image {
    z-index: 1;
    width: 100%
}

.magnific-modal .image {
    position: relative;
    height: 100%;
    width: 100%
}

.magnific-modal .brand-image {
    margin-top: 60px;
    width: auto;
    max-width: 100%;
    height: 50px
}

@media (min-width: 800px) {
    .magnific-modal .brand-image {
        margin-top: 40px
    }
}

.magnific-modal .mfp-close, .magnific-modal + .mfp-close {
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    -webkit-transition: border-color .5s;
    -o-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
    top: 16px;
    right: 17px;
    line-height: 1;
    opacity: 0
}

.magnific-modal .mfp-close::after, .magnific-modal .mfp-close::before, .magnific-modal + .mfp-close::after, .magnific-modal + .mfp-close::before {
    content: '';
    background-color: #fff;
    height: 2px;
    width: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.magnific-modal .mfp-close::before, .magnific-modal + .mfp-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.magnific-modal .mfp-close::after, .magnific-modal + .mfp-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.magnific-modal .mfp-close:focus, .magnific-modal + .mfp-close:focus {
    outline: 0
}

.magnific-modal .mfp-close:hover, .magnific-modal + .mfp-close:hover {
    border-color: #004e9c
}

.magnific-modal .mfp-close:hover::after, .magnific-modal .mfp-close:hover::before, .magnific-modal + .mfp-close:hover::after, .magnific-modal + .mfp-close:hover::before {
    background-color: #004e9c;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    transition: background-color .5s ease
}

@media (max-width: 799px) {
    .magnific-modal .mfp-close.sticky, .magnific-modal + .mfp-close.sticky {
        position: fixed;
        top: 30px;
        right: 32px;
        background-color: #004e9c;
        border: 0
    }

    .magnific-modal .mfp-close.sticky::after, .magnific-modal .mfp-close.sticky::before, .magnific-modal + .mfp-close.sticky::after, .magnific-modal + .mfp-close.sticky::before {
        background-color: #fff
    }

    .magnific-modal .mfp-close:hover, .magnific-modal + .mfp-close:hover {
        border-color: #fff
    }
}

.magnific-modal .index-add {
    z-index: 999;
    position: relative
}

.magnific-modal.close-button-black .mfp-close {
    border: 2px solid #000
}

.magnific-modal.close-button-black .mfp-close::after, .magnific-modal.close-button-black .mfp-close::before {
    background: #000
}

.magnific-modal.close-button-black .mfp-close:hover {
    border: 2px solid #004e9c
}

.magnific-modal.close-button-black .mfp-close:hover::after, .magnific-modal.close-button-black .mfp-close:hover::before {
    background: #004e9c
}

.magnific-modal video {
    display: block;
    width: 100%
}

.mfp-fade .magnific-modal {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.mfp-fade.mfp-bg {
    opacity: 0;
    background: #181818;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.mfp-fade.mfp-ready .mfp-close {
    opacity: 1
}

.mfp-fade.mfp-ready.mfp-removing .mfp-close {
    display: none
}

.mfp-fade.mfp-ready.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-fade.mfp-ready.mfp-bg {
    opacity: .8;
    background: #181818;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.mfp-removing .magnific-modal {
    -webkit-animation-name: fadeOutDown200;
    -moz-animation-name: fadeOutDown200;
    -o-animation-name: fadeOutDown200;
    animation-name: fadeOutDown200
}

.mfp-gallery img.mfp-img {
    max-height: 75vh !important;
    max-width: -webkit-calc(100vw - 30px);
    max-width: -moz-calc(100vw - 30px);
    max-width: calc(100vw - 30px);
    padding: 0
}

@media (min-width: 1920px) {
    .mfp-gallery img.mfp-img {
        max-width: 1920px
    }
}

.mfp-gallery .mfp-arrow {
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
    opacity: 1;
    height: 30px;
    width: 30px;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mfp-gallery .mfp-arrow::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    position: absolute;
    width: 21px;
    height: 15px;
    color: #fff;
    font-weight: 800;
    border: 0;
    opacity: 1;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear
}

.mfp-gallery .mfp-arrow:hover::before {
    color: #004e9c
}

.mfp-gallery .mfp-arrow::after {
    content: none
}

.mfp-gallery .mfp-arrow.mfp-arrow-left {
    left: 32px
}

@media (max-width: 799px) {
    .mfp-gallery .mfp-arrow.mfp-arrow-left {
        left: 16px
    }
}

.mfp-gallery .mfp-arrow.mfp-arrow-right {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: 32px
}

@media (max-width: 799px) {
    .mfp-gallery .mfp-arrow.mfp-arrow-right {
        right: 16px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (max-width: 799px) {
    .mfp-gallery .mfp-arrow {
        top: auto;
        bottom: 32px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.mfp-with-zoom .mfp-container {
    padding: 15px;
    height: 100%
}

.mfp-with-zoom .mfp-figure::after {
    content: none
}

.mfp-with-zoom .mfp-content .mfp-close {
    display: none
}

.mfp-with-zoom .mfp-close {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 32px;
    right: 32px;
    cursor: pointer;
    opacity: 1
}

.mfp-with-zoom .mfp-close::before {
    font-family: Univers;
    content: '+';
    position: absolute;
    font-size: 42px;
    font-weight: 100;
    width: 32px;
    height: 32px;
    line-height: 23px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.mfp-with-zoom .mfp-close:hover {
    background-color: transparent !important
}

@media (max-width: 799px) {
    .mfp-with-zoom .mfp-close {
        top: 16px;
        right: 16px
    }
}

.mfp-with-zoom .mfp-bottom-bar {
    position: relative;
    margin-top: 0
}

.mfp-with-zoom .mfp-bottom-bar .mfp-title, .mfp-with-zoom .mfp-bottom-bar .mfp-title p {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 12px
}

@media (min-width: 800px) {
    .mfp-with-zoom .mfp-bottom-bar .mfp-title, .mfp-with-zoom .mfp-bottom-bar .mfp-title p {
        text-align: center
    }
}

.mfp-with-zoom .mfp-bottom-bar .mfp-counter {
    position: fixed;
    top: auto;
    bottom: 32px;
    right: 32px;
    font-size: .94rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px
}

@media (max-width: 799px) {
    .mfp-with-zoom .mfp-bottom-bar .mfp-counter {
        left: 50%;
        right: auto;
        bottom: 22px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 799px) {
    .mfp-with-zoom .mfp-container {
        height: 100%;
        padding: 0 15px
    }
}

.mfp-iframe-holder .mfp-content {
    max-width: none
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0)
}

@-webkit-keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        -webkit-transform: translate3d(0, 67px, 0);
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-moz-keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        -moz-transform: translate3d(0, 67px, 0);
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-o-keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        transform: translate3d(0, 65px, 0);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 65px, 0);
        -moz-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        -webkit-transform: translate3d(0, 67px, 0);
        -moz-transform: translate3d(0, 67px, 0);
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.newsroom-wrapper {
    margin-bottom: 80px;
    margin-top: 40px
}

.newsroom-wrapper .fa-facebook::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/facebook.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-youtube::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/youtube.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-instagram::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/instagram.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-linkedin::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/linkedin.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-youku::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/youku.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-wechat {
    height: 30px;
    background-color: #fff
}

.newsroom-wrapper .plugin-header {
    color: #004e9c;
    text-align: center;
    margin: 0 auto 56px
}

.newsroom-wrapper .tabs .tabs-wrap {
    margin-bottom: 32px
}

.newsroom-wrapper .news-item-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5
}

.newsroom-wrapper .news-item-link:hover + .instagram-image .instagram-text {
    opacity: 1;
    visibility: visible
}

@media (min-width: 992px) {
    .newsroom-wrapper .slide {
        width: -webkit-calc(100% / 3 - 18px) !important;
        width: -moz-calc(100% / 3 - 18px) !important;
        width: calc(100% / 3 - 18px) !important
    }
}

@media (min-width: 800px) {
    .newsroom-wrapper {
        margin-top: 80px;
        margin-bottom: 120px
    }

    .newsroom-wrapper .plugin-header {
        margin-bottom: 80px
    }

    .newsroom-wrapper .hidden {
        visibility: hidden
    }

    .newsroom-wrapper .custom-slider {
        height: auto !important
    }

    .newsroom-wrapper .custom-slider .slide-content-wrapper {
        margin-left: 0
    }

    .newsroom-wrapper .custom-slider .grid-item {
        opacity: 0;
        -webkit-transition: opacity .03s linear 5ms;
        -o-transition: opacity .03s linear 5ms;
        -moz-transition: opacity .03s linear 5ms;
        transition: opacity .03s linear 5ms
    }

    .newsroom-wrapper .slide {
        height: auto !important;
        opacity: 1 !important;
        left: 0
    }

    .newsroom-wrapper .slide.ghost-slide, .newsroom-wrapper .slide.next {
        left: 0
    }

    .newsroom-wrapper .slide.duplicate-slide {
        display: none
    }

    .newsroom-wrapper .qty-slides {
        display: none
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .newsroom-wrapper .slide {
        width: -webkit-calc(50% - 14px) !important;
        width: -moz-calc(50% - 14px) !important;
        width: calc(50% - 14px) !important
    }
}

.newsroom-wrapper .grid-item, .newsroom-wrapper .grid-sizer, .newsroom-wrapper .stamp {
    width: -webkit-calc(33.3% - 18px);
    width: -moz-calc(33.3% - 18px);
    width: calc(33.3% - 18px);
    height: auto
}

@media (max-width: 991px) {
    .newsroom-wrapper .grid-item, .newsroom-wrapper .grid-sizer, .newsroom-wrapper .stamp {
        width: -webkit-calc(50% - 14px);
        width: -moz-calc(50% - 14px);
        width: calc(50% - 14px)
    }
}

@media (max-width: 799px) {
    .newsroom-wrapper .grid-item, .newsroom-wrapper .grid-sizer, .newsroom-wrapper .stamp {
        width: 100%;
        display: none
    }
}

@media (max-width: 799px) {
    .newsroom-wrapper .grid-sizer {
        display: none
    }
}

.newsroom-wrapper .stamp {
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible
}

.newsroom-wrapper .teaser-thumbnails-slider .slider-text-wrapper {
    padding-top: 0;
    padding-bottom: 12px
}

.newsroom-wrapper .news-img-wrapper:not(.instagram-image) a, .newsroom-wrapper .news-img:not(.instagram-image) a, .newsroom-wrapper .press-img:not(.instagram-image) a {
    width: 100%
}

.newsroom-wrapper .slider-over-full-width img {
    position: static
}

.newsroom-wrapper .slider-over-full-width video {
    display: block;
    max-width: 100%;
    width: 100% !important
}

.newsroom-wrapper .instagram-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    max-height: 100%;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    -webkit-transition: opacity .25s ease-out, visibility .25s ease-out;
    -o-transition: opacity .25s ease-out, visibility .25s ease-out;
    -moz-transition: opacity .25s ease-out, visibility .25s ease-out;
    transition: opacity .25s ease-out, visibility .25s ease-out
}

.newsroom-wrapper .grid-item {
    margin-bottom: 32px
}

.newsroom-wrapper .grid-item .slide-content-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

@media (min-width: 800px) {
    .newsroom-wrapper .grid-item.hidden {
        visibility: hidden
    }
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper::before {
    padding: 0
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper.instagram-image + .slider-text-wrapper .news-bottom-block {
    padding-top: 10px
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper .img-popup {
    display: block
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper img {
    position: static
}

.newsroom-wrapper .social-block {
    background-color: #004e9c;
    color: #fff;
    padding: 50px 25px;
    margin-bottom: 32px;
    text-align: center;
    opacity: 1
}

@media (max-width: 991px) {
    .newsroom-wrapper .social-block {
        display: none
    }
}

.newsroom-wrapper .social-block a {
    vertical-align: top
}

.newsroom-wrapper .social-block a::after {
    content: none !important
}

.newsroom-wrapper .social-block a:focus, .newsroom-wrapper .social-block a:hover {
    opacity: .8
}

.newsroom-wrapper .social-block .stamp-heading {
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 13px
}

.newsroom-wrapper .social-block .fa {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #004e9c;
    font-size: 20px !important;
    margin-right: 4px;
    width: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsroom-wrapper a:not(.btn-link) {
    color: inherit;
    text-decoration: none
}

.newsroom-wrapper a:not(.btn-link):hover {
    color: #004e9c
}

.newsroom-wrapper .news-date {
    font-size: .75rem;
    float: right
}

.newsroom-wrapper .news-date::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Y";
    font-size: 11px;
    color: inherit;
    display: inline;
    margin-right: 5px
}

.newsroom-wrapper .news-content-wrapper {
    padding: 0 25px 25px;
    word-break: break-word
}

.newsroom-wrapper .news-content-wrapper p {
    line-height: 1.5rem
}

.newsroom-wrapper .news-content-wrapper .news-bottom-block {
    padding-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 100
}

.newsroom-wrapper .news-content-wrapper .news-category, .newsroom-wrapper .news-content-wrapper .news-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsroom-wrapper .slide-wrapper .slick-next {
    top: 0
}

.newsroom-wrapper .news-text {
    font-weight: 100;
    padding-top: 24px
}

.newsroom-wrapper .news-text > * .newsroom-wrapper .news-text:last-child {
    margin-bottom: 0
}

.newsroom-wrapper .news-text a {
    word-break: break-all
}

.newsroom-wrapper .newsroom-title {
    padding-top: 25px;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem
}

.newsroom-wrapper .newsroom-title + :not(.news-bottom-block) {
    margin-top: 12px;
    padding-top: 0
}

.newsroom-wrapper .custom-animated.fadeInUpNewsCustom {
    -webkit-animation-name: fadeInUpNewsCustom;
    -moz-animation-name: fadeInUpNewsCustom;
    -o-animation-name: fadeInUpNewsCustom;
    animation-name: fadeInUpNewsCustom;
    -webkit-animation-duration: .45s;
    -moz-animation-duration: .45s;
    -o-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-delay: 5ms;
    -moz-animation-delay: 5ms;
    -o-animation-delay: 5ms;
    animation-delay: 5ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.newsroom-wrapper .news-container.count-1 .fadeInUpNewsCustom:nth-child(1n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-1 .fadeInUpNewsCustom:nth-child(1n+1) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-2 .fadeInUpNewsCustom:nth-child(2n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-2 .fadeInUpNewsCustom:nth-child(2n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-2 .fadeInUpNewsCustom:nth-child(2n+1) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+1) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+1) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+1) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+1) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+1) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+1) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+1) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+1) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+1) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+1) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+1) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+1) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+1) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+1) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+19) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+1) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+19) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+20) {
    -webkit-animation-delay: .38s;
    -moz-animation-delay: .38s;
    -o-animation-delay: .38s;
    animation-delay: .38s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+1) {
    -webkit-animation-delay: .38s;
    -moz-animation-delay: .38s;
    -o-animation-delay: .38s;
    animation-delay: .38s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+19) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+20) {
    -webkit-animation-delay: .38s;
    -moz-animation-delay: .38s;
    -o-animation-delay: .38s;
    animation-delay: .38s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+21) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+1) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.newsroom-wrapper .load-more {
    text-align: center;
    margin-top: 48px
}

.newsroom-wrapper .load-more.fadeIn {
    -webkit-animation-delay: .95s;
    -moz-animation-delay: .95s;
    -o-animation-delay: .95s;
    animation-delay: .95s;
    -webkit-animation-duration: .15s;
    -moz-animation-duration: .15s;
    -o-animation-duration: .15s;
    animation-duration: .15s
}

.newsroom-wrapper .load-more.fadeOut {
    -webkit-animation-duration: .1s;
    -moz-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s
}

@media (max-width: 799px) {
    .newsroom-wrapper .newsroom-load-more {
        display: none
    }

    .newsroom-wrapper .slider-over-full-width .slick-slide {
        margin-left: 16px;
        padding-left: 0
    }

    .newsroom-wrapper .teaser-thumbnails-slider .slider-text-wrapper {
        padding-top: 0;
        padding-bottom: 10px
    }

    .newsroom-wrapper .news-slider-mobile {
        height: auto !important
    }

    .newsroom-wrapper .slide {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important
    }

    .newsroom-wrapper .slide.ghost-slide, .newsroom-wrapper .slide.next {
        left: 100% !important
    }

    .newsroom-wrapper .slide.custom-animated.fadeInUpNewsCustom {
        display: none
    }

    .newsroom-wrapper .grid .custom-slider {
        margin-bottom: 20px
    }
}

.news-list-single {
    margin-bottom: 40px;
    position: relative
}

.news-list-single .link-to-list {
    margin-top: 23px;
    text-align: center
}

@media (min-width: 800px) {
    .news-list-single .link-to-list {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.news-list-single .newsroom-wrapper.single-block {
    margin-top: 0
}

.news-list-single .newsroom-wrapper.single-block .grid-sizer {
    margin-bottom: 0
}

@media (max-width: 799px) {
    .news-list-single .newsroom-wrapper.single-block .teaser-thumbnails-slider {
        margin-top: 8px
    }
}

.news-category {
    font-size: .75rem
}

.news-category::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px
}

.news-category.presse::before {
    content: "N"
}

.news-category.presse._wechat svg, .news-category.presse._youku svg {
    display: block;
    width: 24px;
    height: auto;
    margin-right: 5px
}

.news-category.presse._wechat::before, .news-category.presse._youku::before {
    display: none
}

.news-category.facebook::before {
    content: url(/typo3conf/ext/hk_content/Resources/Public/Icons/facebook-meta.svg)
}

.news-category.instagram::before {
    content: url(/typo3conf/ext/hk_content/Resources/Public/Icons/instagram-meta.svg)
}

.news-category.linkedin::before {
    content: url(/typo3conf/ext/hk_content/Resources/Public/Icons/linkedin-meta.svg)
}

.news-category.youtube::before {
    width: 14px;
    vertical-align: text-bottom;
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/youtube-meta.svg')
}

.events-list {
    margin-top: 20px
}

.events-list a {
    text-decoration: none
}

.events-list .events {
    margin: 80px 0
}

.events-list .country-wrap {
    font-weight: 100
}

.events-list .event-item {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.events-list .event-item .heading div:nth-child(1) {
    max-width: 390px
}

.events-list .event-item:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 800px) {
    .events-list .event-links-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.events-list .green-section {
    background-color: #004e9c;
    color: #fff;
    padding: 16px
}

.events-list .space-adapting {
    padding: 0 15px
}

.events-list .white-wrapper {
    padding: 16px 16px 24px
}

.events-list .white-wrapper .btn-link::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/external-link.svg');
    margin-top: 1px;
    width: 11px
}

.events-list .white-wrapper .btn-link:hover::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/external-link-white.svg')
}

.events-list .white-wrapper .event-place {
    font-weight: 100;
    max-width: 360px
}

.events-list .white-wrapper .heading {
    margin-bottom: auto
}

.events-list .white-wrapper .contact-person, .events-list .white-wrapper .ics-element {
    position: relative;
    padding-left: 24px;
    color: #004e9c;
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.events-list .white-wrapper .contact-person::before, .events-list .white-wrapper .ics-element::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}

.events-list .white-wrapper .ics-element::before {
    content: "V"
}

.events-list .white-wrapper .contact-person, .events-list .white-wrapper .download {
    margin-top: 5px
}

.events-list .white-wrapper .contact-person::before {
    content: "U"
}

.events-list .load-more {
    margin: 80px -15px 0;
    text-align: center
}

@media (max-width: 799px) {
    .events-list {
        max-width: -webkit-calc(100vw - 30px);
        max-width: -moz-calc(100vw - 30px);
        max-width: calc(100vw - 30px)
    }

    .events-list .green-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .events-list .green-section .green-text, .events-list .green-section .medium-heading, .events-list .green-section .teaser-thumbnails.layout-special .slide-text :first-child, .events-list .green-section .teaser-thumbnails.layout-standart .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .slide-text .events-list .green-section :first-child, .teaser-thumbnails.layout-standart .events-list .green-section .teaser-thumbnails-heading {
        font-size: 1.25rem;
        line-height: 1.25rem;
        margin-bottom: 0;
        margin-right: 15px
    }

    .events-list .green-section .country-wrap {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: right
    }

    .events-list .white-wrapper .event-links-wrapper {
        margin-top: 37px
    }

    .events-list .white-wrapper .event-links-wrapper div:not(:last-child) .contact-person {
        margin-bottom: 22px
    }

    .events-list .white-wrapper .event-links-wrapper div:not(:last-child) .ics-element {
        margin-bottom: 10px
    }

    .events-list .white-wrapper .btn-link {
        display: block
    }

    .events-list .white-wrapper .btn-link::before {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .events-list .row.event-item {
        display: block
    }

    .events-list .events-list.country-wrap {
        padding-left: 15px
    }

    .events-list .load-more {
        margin-top: 55px
    }

    .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_submit, .events-list .load-more .btn-green, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .events-list .load-more .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .events-list .load-more .powermail_fieldwrap_type_submit {
        background-color: transparent;
        color: #004e9c
    }

    .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_submit::before, .events-list .load-more .btn-green::before, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_field::before, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_submit::before, .events-list .load-more .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .events-list .load-more .powermail_fieldwrap_type_submit::before {
        color: #004e9c
    }

    .events-list .events {
        margin-top: 55px
    }

    .events-list .plugin-header.heading-xxl {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

@media (min-width: 800px) {
    .events-list {
        margin-top: 40px
    }

    .events-list .green-section {
        padding: 24px
    }

    .events-list .green-section .green-text, .events-list .green-section .medium-heading, .events-list .green-section .teaser-thumbnails.layout-special .slide-text :first-child, .events-list .green-section .teaser-thumbnails.layout-standart .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .slide-text .events-list .green-section :first-child, .teaser-thumbnails.layout-standart .events-list .green-section .teaser-thumbnails-heading {
        margin-bottom: auto
    }

    .events-list .download + div > .contact-person {
        margin-left: 24px
    }

    .events-list .white-wrapper {
        padding: 24px 16px 16px 24px
    }

    .events-list .white-wrapper .external-link {
        float: right;
        margin-left: auto
    }

    .events-list .green-section, .events-list .white-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 180px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .events-list .country-wrap {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .events-list .events {
        margin-bottom: 120px
    }
}

.slider-over-full-width.static-image-position .slider-img-wrapper::before {
    content: none
}

.slider-over-full-width.static-image-position .slider-img-wrapper .image {
    position: static
}

.keyvisual {
    padding-bottom: 0;
    margin-left: 0;
    z-index: 3;
    overflow: hidden;
    opacity: 0
}

.keyvisual.keyvisual-ready {
    opacity: 1
}

.keyvisual .custom-slider {
    margin: 0
}

.keyvisual .custom-slider .slide {
    opacity: 1;
    -webkit-transition: left .2s linear, opacity .1s linear, -webkit-transform .2s linear;
    transition: left .2s linear, opacity .1s linear, -webkit-transform .2s linear;
    -o-transition: left .2s linear, opacity .1s linear, -o-transform .2s linear;
    -moz-transition: left .2s linear, transform .2s linear, opacity .1s linear, -moz-transform .2s linear;
    transition: left .2s linear, transform .2s linear, opacity .1s linear;
    transition: left .2s linear, transform .2s linear, opacity .1s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.keyvisual .custom-slider .slide-content-wrapper {
    margin-left: 0
}

.keyvisual .custom-slider .qty-slides {
    background-color: #fcfcfc;
    bottom: -8px;
    height: 36px;
    border: 0
}

@media (min-width: 576px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 540px) / 2 + 540px - 196px);
        left: -moz-calc((100vw - 540px) / 2 + 540px - 196px);
        left: calc((100vw - 540px) / 2 + 540px - 196px)
    }
}

@media (min-width: 800px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 720px) / 2 + 720px - 196px);
        left: -moz-calc((100vw - 720px) / 2 + 720px - 196px);
        left: calc((100vw - 720px) / 2 + 720px - 196px)
    }
}

@media (min-width: 992px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 960px) / 2 + 960px - 196px);
        left: -moz-calc((100vw - 960px) / 2 + 960px - 196px);
        left: calc((100vw - 960px) / 2 + 960px - 196px)
    }
}

@media (min-width: 1200px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 1140px) / 2 + 1140px - 196px);
        left: -moz-calc((100vw - 1140px) / 2 + 1140px - 196px);
        left: calc((100vw - 1140px) / 2 + 1140px - 196px)
    }
}

.keyvisual .custom-slider .qty-slides .button-slide {
    height: 36px
}

.keyvisual .custom-slider .qty-slides .button-slide-prev {
    left: 5px
}

.keyvisual .custom-slider .qty-slides .button-slide-next {
    right: 5px
}

@media (max-width: 799px) {
    .keyvisual .custom-slider .qty-slides {
        left: auto
    }
}

@media (max-width: 799px) and (min-width: 576px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 540px) / 2 + 15px);
        right: -moz-calc((100vw - 540px) / 2 + 15px);
        right: calc((100vw - 540px) / 2 + 15px)
    }
}

@media (max-width: 799px) and (min-width: 800px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 720px) / 2 + 15px);
        right: -moz-calc((100vw - 720px) / 2 + 15px);
        right: calc((100vw - 720px) / 2 + 15px)
    }
}

@media (max-width: 799px) and (min-width: 992px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 960px) / 2 + 15px);
        right: -moz-calc((100vw - 960px) / 2 + 15px);
        right: calc((100vw - 960px) / 2 + 15px)
    }
}

@media (max-width: 799px) and (min-width: 1200px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 1140px) / 2 + 15px);
        right: -moz-calc((100vw - 1140px) / 2 + 15px);
        right: calc((100vw - 1140px) / 2 + 15px)
    }
}

@media (max-width: 575px) {
    .keyvisual .custom-slider .qty-slides {
        left: auto;
        right: 15px
    }
}

.keyvisual .custom-slider .bounce-in-big-right {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.keyvisual .custom-slider .bounce-in-big-right, .keyvisual .custom-slider .bounce-in-big-right * {
    -webkit-animation: bounceInBigRight .5s ease-in-out both;
    -moz-animation: bounceInBigRight .5s ease-in-out both;
    -o-animation: bounceInBigRight .5s ease-in-out both;
    animation: bounceInBigRight .5s ease-in-out both
}

.keyvisual .custom-slider .bounce-in-left {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.keyvisual .custom-slider .bounce-in-left, .keyvisual .custom-slider .bounce-in-left * {
    -webkit-animation: bounceInLeft .5s ease-in-out both;
    -moz-animation: bounceInLeft .5s ease-in-out both;
    -o-animation: bounceInLeft .5s ease-in-out both;
    animation: bounceInLeft .5s ease-in-out both
}

@media (min-width: 800px) {
    .keyvisual .custom-slider {
        height: 100% !important;
        max-height: 1080px
    }

    .keyvisual .custom-slider .slide {
        height: 100% !important
    }
}

@media (max-width: 799px) {
    .keyvisual .custom-slider .slider-wrapper {
        position: relative
    }

    .keyvisual .custom-slider .slide-content {
        padding: 34px 0 80px
    }

    .keyvisual .custom-slider .slide-content-wrapper {
        position: relative;
        max-height: 475px
    }

    .keyvisual .custom-slider .slide-content-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .keyvisual .custom-slider .slide-content-wrapper > img, .keyvisual .custom-slider .slide-content-wrapper > picture, .keyvisual .custom-slider .slide-content-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual .custom-slider .slide-content-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (max-width: 799px) {
    .keyvisual .custom-slider .slide-content {
        max-width: 510px;
        left: -webkit-calc((100vw - 540px) / 2 + 15px);
        left: -moz-calc((100vw - 540px) / 2 + 15px);
        left: calc((100vw - 540px) / 2 + 15px)
    }
}

@media (max-width: 575px) {
    .keyvisual .custom-slider .slide-content {
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px);
        left: 15px
    }
}

.keyvisual .container, .keyvisual .row, .keyvisual [class*=col-] {
    height: 100%
}

@media (max-width: 799px) {
    .keyvisual .container, .keyvisual .row, .keyvisual [class*=col-] {
        position: static
    }
}

.keyvisual:not(.keyvisual-blur) {
    margin-top: -72px
}

@media (min-width: 800px) {
    .keyvisual:not(.keyvisual-blur) {
        margin-bottom: 80px;
        height: -webkit-calc(100vh - 8px);
        height: -moz-calc(100vh - 8px);
        height: calc(100vh - 8px);
        max-height: -webkit-calc(1080px - 8px);
        max-height: -moz-calc(1080px - 8px);
        max-height: calc(1080px - 8px);
        overflow: hidden
    }

    .keyvisual .with-mobile-image .mobile-bg {
        display: none
    }

    .keyvisual .slide-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .keyvisual .btn-scroll-down {
        bottom: -8px
    }
}

@media (min-width: 1200px) {
    .keyvisual:not(.keyvisual-blur) {
        margin-top: -170px
    }
}

@media (max-width: 799px) {
    .keyvisual .with-mobile-image .mobile-bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual .with-mobile-image .mobile-bg img {
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .keyvisual .parallax-layer {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}

.keyvisual .keyvisual-content-width {
    width: 730px
}

.keyvisual-slider, .keyvisual-wrapper {
    width: 100vw;
    height: -webkit-calc(100vh - 8px);
    height: -moz-calc(100vh - 8px);
    height: calc(100vh - 8px);
    max-height: 1072px;
    position: relative;
    padding-bottom: 0;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden
}

.keyvisual-slider .slide.animated, .keyvisual-wrapper .slide.animated {
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1
}

.keyvisual-slider .slide.animated.next, .keyvisual-wrapper .slide.animated.next {
    left: 100%
}

.keyvisual-slider .slide.animated.next.direction-prev, .keyvisual-wrapper .slide.animated.next.direction-prev {
    z-index: 3
}

.keyvisual-slider .slide.animated.next.direction-next, .keyvisual-wrapper .slide.animated.next.direction-next {
    z-index: -1
}

.keyvisual-slider .slide.animated.active, .keyvisual-wrapper .slide.animated.active {
    z-index: 2
}

@media (min-width: 800px) {
    .keyvisual-slider .slide.animated.prev:not(.visible), .keyvisual-wrapper .slide.animated.prev:not(.visible) {
        z-index: 1;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: left .35s linear, opacity .05s linear, -webkit-transform .35s linear;
        transition: left .35s linear, opacity .05s linear, -webkit-transform .35s linear;
        -o-transition: left .35s linear, opacity .05s linear, -o-transform .35s linear;
        -moz-transition: left .35s linear, transform .35s linear, opacity .05s linear, -moz-transform .35s linear;
        transition: left .35s linear, transform .35s linear, opacity .05s linear;
        transition: left .35s linear, transform .35s linear, opacity .05s linear, -webkit-transform .35s linear, -moz-transform .35s linear, -o-transform .35s linear
    }
}

.keyvisual-slider .keyvisual-background, .keyvisual-wrapper .keyvisual-background {
    background: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform .05s linear;
    transition: -webkit-transform .05s linear;
    -o-transition: -o-transform .05s linear;
    -moz-transition: transform .05s linear, -moz-transform .05s linear;
    transition: transform .05s linear;
    transition: transform .05s linear, -webkit-transform .05s linear, -moz-transform .05s linear, -o-transform .05s linear
}

.keyvisual-slider .keyvisual-background::after, .keyvisual-slider .keyvisual-background::before, .keyvisual-wrapper .keyvisual-background::after, .keyvisual-wrapper .keyvisual-background::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.keyvisual-slider .keyvisual-background::before, .keyvisual-wrapper .keyvisual-background::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, .2)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%)
}

.keyvisual-slider .keyvisual-background.overlay::after, .keyvisual-wrapper .keyvisual-background.overlay::after {
    background-color: rgba(24, 24, 24, .3)
}

.keyvisual-slider .video-bg, .keyvisual-wrapper .video-bg {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (max-width: 575px) {
    .keyvisual-slider .video-bg.hidden-video, .keyvisual-wrapper .video-bg.hidden-video {
        display: none
    }
}

.keyvisual-slider .video-wrapper, .keyvisual-wrapper .video-wrapper {
    height: 100%;
    max-height: 1080px;
    width: auto;
    margin: 0 auto
}

.keyvisual-slider .video-wrapper::before, .keyvisual-wrapper .video-wrapper::before {
    content: none
}

.keyvisual-slider .video-wrapper .video-responsive, .keyvisual-wrapper .video-wrapper .video-responsive {
    max-height: 100%
}

.keyvisual-slider .video-wrapper .video-responsive video, .keyvisual-wrapper .video-wrapper .video-responsive video {
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 1080px;
    min-width: 100% !important;
    min-height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.keyvisual-slider .hidden, .keyvisual-wrapper .hidden {
    display: none
}

@media (max-width: 799px) {
    .keyvisual-slider, .keyvisual-wrapper {
        position: relative;
        height: auto;
        max-height: 475px;
        width: 100%
    }

    .keyvisual-slider::before, .keyvisual-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .keyvisual-slider > img, .keyvisual-slider > picture, .keyvisual-slider > video, .keyvisual-wrapper > img, .keyvisual-wrapper > picture, .keyvisual-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual-slider > video, .keyvisual-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (min-width: 576px) and (max-width: 799px) {
    .keyvisual-slider > .container, .keyvisual-wrapper > .container {
        position: absolute;
        top: 0;
        left: -webkit-calc((100vw - 540px) / 2);
        left: -moz-calc((100vw - 540px) / 2);
        left: calc((100vw - 540px) / 2)
    }
}

.slider-progress-bar {
    position: absolute;
    top: -4px;
    left: 0;
    background-color: rgba(125, 183, 19, .5);
    height: 4px;
    width: 100%
}

.slider-progress-bar .loading-line {
    display: inline-block;
    position: absolute;
    height: 4px;
    background-color: #004e9c;
    left: 0;
    width: 0
}

.keyvisual-content-wrapper {
    height: auto;
    z-index: 3
}

.keyvisual-content-wrapper .keyvisual-content {
    position: absolute;
    -webkit-transition: all .3s linear .05s;
    -o-transition: all .3s linear .05s;
    -moz-transition: all .3s linear .05s;
    transition: all .3s linear .05s;
    left: auto
}

.keyvisual-content-wrapper .keyvisual-content.visible {
    z-index: 1
}

.keyvisual-content-wrapper .keyvisual-content.top-right {
    top: 259px;
    right: 0;
    text-align: right
}

@media (min-width: 800px) and (max-width: 1199px) {
    .keyvisual-content-wrapper .keyvisual-content.top-right {
        top: 159px;
        right: 0;
        text-align: right
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.top-right {
        top: auto;
        text-align: right;
        right: 15px
    }
}

.keyvisual-content-wrapper .keyvisual-content.center-right {
    top: 50%;
    right: 15px;
    text-align: right;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.keyvisual-content-wrapper .keyvisual-content.bottom-right {
    bottom: 88px;
    right: 0;
    text-align: right
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.bottom-right {
        bottom: auto;
        text-align: right;
        right: 15px
    }
}

.keyvisual-content-wrapper .keyvisual-content.bottom-left {
    bottom: 88px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.bottom-left {
        bottom: auto
    }
}

.keyvisual-content-wrapper .keyvisual-content.top-left {
    top: 259px
}

@media (min-width: 800px) and (max-width: 1199px) {
    .keyvisual-content-wrapper .keyvisual-content.top-left {
        top: 159px
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.top-left {
        top: auto
    }
}

.keyvisual-content-wrapper .keyvisual-content.center-left {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.keyvisual-content-wrapper .keyvisual-content.light {
    color: #fff
}

.keyvisual-content-wrapper .keyvisual-content.light.text-shadow {
    text-shadow: 0 16px 64px rgba(24, 24, 24, .75)
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.light.text-shadow {
        text-shadow: none
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.light {
        color: #181818
    }
}

.keyvisual-content-wrapper .keyvisual-content.dark {
    color: #181818
}

.keyvisual-content-wrapper .keyvisual-content.active {
    opacity: 1;
    z-index: 1
}

.keyvisual-content-wrapper .keyvisual-content .skyline {
    margin-left: 38px;
    margin-bottom: 13px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .skyline {
        margin-left: 0
    }
}

.keyvisual-content-wrapper .keyvisual-content h2 {
    margin-bottom: 0
}

.keyvisual-content-wrapper .keyvisual-content .h2 p, .keyvisual-content-wrapper .keyvisual-content .headline p {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .h2 p, .keyvisual-content-wrapper .keyvisual-content .headline p {
        font-size: 2.25rem;
        word-break: break-word
    }
}

.keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .keyvisual-content-wrapper .keyvisual-content .subheadline, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
    margin-left: 72px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .keyvisual-content-wrapper .keyvisual-content .subheadline, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
        margin-left: 0
    }
}

.keyvisual-content-wrapper .keyvisual-content .subheadline p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 8px 0 0
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .subheadline p {
        font-weight: 100;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin: 12px 0 0
    }
}

.keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
    margin-top: 14px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content {
        opacity: 0;
        -webkit-transition: opacity .15s ease-out;
        -o-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out;
        width: 100%
    }

    .keyvisual-content-wrapper .keyvisual-content.bottom-left, .keyvisual-content-wrapper .keyvisual-content.center-left, .keyvisual-content-wrapper .keyvisual-content.top-left {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
        color: #004e9c;
        border-color: #004e9c
    }

    .keyvisual-content-wrapper .keyvisual-content .btn-black::before, .keyvisual-content-wrapper .keyvisual-content .btn-white::before, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link::before {
        color: #004e9c
    }

    .keyvisual-content-wrapper .keyvisual-content .with-mobile-image {
        margin-top: -83px
    }

    .keyvisual-content-wrapper .keyvisual-content h2 {
        font-size: 2.25rem;
        line-height: 1;
        word-break: break-word
    }

    .keyvisual-content-wrapper .keyvisual-content h2.skyline {
        font-size: .75rem
    }

    .keyvisual-content-wrapper .keyvisual-content .subheadline {
        margin-top: 10px
    }

    .keyvisual-content-wrapper .keyvisual-content .subheadline p {
        margin-bottom: 0
    }

    .keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
        margin-top: 28px
    }
}

@media (min-width: 800px) {
    .keyvisual-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual-content-wrapper [class^=col-] {
        height: auto !important
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper {
        height: auto
    }

    .keyvisual-content-wrapper .container, .keyvisual-content-wrapper .row, .keyvisual-content-wrapper [class^=col-] {
        position: static
    }
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(1) {
    -webkit-animation-delay: 85ms;
    -moz-animation-delay: 85ms;
    -o-animation-delay: 85ms;
    animation-delay: 85ms
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(2) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(3) {
    -webkit-animation-delay: .155s;
    -moz-animation-delay: .155s;
    -o-animation-delay: .155s;
    animation-delay: .155s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(4) {
    -webkit-animation-delay: .19s;
    -moz-animation-delay: .19s;
    -o-animation-delay: .19s;
    animation-delay: .19s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(5) {
    -webkit-animation-delay: .225s;
    -moz-animation-delay: .225s;
    -o-animation-delay: .225s;
    animation-delay: .225s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(6) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(7) {
    -webkit-animation-delay: .295s;
    -moz-animation-delay: .295s;
    -o-animation-delay: .295s;
    animation-delay: .295s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(8) {
    -webkit-animation-delay: .33s;
    -moz-animation-delay: .33s;
    -o-animation-delay: .33s;
    animation-delay: .33s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(9) {
    -webkit-animation-delay: .365s;
    -moz-animation-delay: .365s;
    -o-animation-delay: .365s;
    animation-delay: .365s
}

.press-list {
    margin-top: 56px;
    margin-bottom: 80px
}

.press-list .press-row {
    margin-top: 32px
}

.press-list .press-text-wrapper {
    padding: 24px 16px
}

.press-list .press-img {
    position: relative;
    text-align: center;
    overflow: hidden
}

.press-list .press-img::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.press-list .press-img > img, .press-list .press-img > picture, .press-list .press-img > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.press-list .press-img > video {
    -o-object-fit: contain;
    object-fit: contain
}

.press-list a {
    text-decoration: none
}

.press-list a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    color: #181818
}

.press-list a:not([class]):not([data-toggle]):not([data-tag-uid]):focus, .press-list a:not([class]):not([data-toggle]):not([data-tag-uid]):hover {
    color: #181818
}

.press-list a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.press-list .press-date {
    font-size: .75rem;
    font-weight: 100
}

.press-list .press-date::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Y";
    font-size: 11px;
    color: inherit;
    display: inline;
    margin-right: 1px
}

.press-list .description-column > * .press-list .description-column:last-child {
    margin-bottom: 0
}

.press-list .newsroom-title {
    font-weight: 400
}

.press-list .shadow-layout {
    display: block;
    position: absolute;
    bottom: 0;
    left: 16px;
    top: 50%;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    -webkit-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .08)
}

.press-list .press-column {
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    margin-bottom: 16px;
    background-color: #fff
}

.press-list .press-column > [class*=press] {
    background-color: #fff;
    z-index: 1
}

@media (min-width: 800px) {
    .press-list .press-column.col-md-6 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .press-list .press-column.col-md-6 .newsroom-title {
        margin-bottom: 0
    }

    .press-list .press-column.col-md-6 .description-column {
        padding-bottom: 52px
    }

    .press-list .press-column.col-md-6 .press-content-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .press-list .press-column.col-md-6 .press-content-wrapper .press-text-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .press-list .press-column.col-md-6 .press-content-wrapper .press-text-wrapper .row {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .press-list .press-column.col-md-12 .press-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .press-list .press-column.col-md-12 .press-text-wrapper {
        height: 100%
    }

    .press-list .press-column .press-text-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media screen and (min-width: 800px) and (-ms-high-contrast: active),(min-width: 800px) and (-ms-high-contrast: none) {
    .press-list .press-column .press-img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.press-list .autocomplete-suggestion, .press-list .btn-pdf-download, .press-list .link, .press-list .news-related-files-link {
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.press-list .news-related-files-link:hover {
    color: #004e9c
}

.press-list .autocomplete-suggestion::before, .press-list .link::before {
    top: 8px
}

.press-list .load-more {
    width: 100%;
    text-align: center;
    margin-top: 80px
}

@media (max-width: 799px) {
    .press-list {
        margin-top: 0
    }

    .press-list .plugin-header {
        font-size: 1.75rem;
        line-height: 1.75rem
    }

    .press-list .load-more, .press-list .press-row {
        margin-top: 56px
    }

    .press-list .link-column {
        margin-left: auto;
        text-align: right
    }

    .press-list .description-column {
        margin-bottom: 24px
    }

    .press-list .press-column {
        max-width: -webkit-calc(100vw - 30px);
        max-width: -moz-calc(100vw - 30px);
        max-width: calc(100vw - 30px);
        padding: 0
    }

    .press-list .press-text-wrapper {
        padding-bottom: 16px
    }

    .press-list .news-related-files-link {
        display: none
    }

    .press-list .shadow-layout {
        left: 0;
        top: 0;
        width: 100%
    }
}

@media (max-width: 991px) {
    .press-list .autocomplete-suggestion, .press-list .btn-pdf-download, .press-list .link, .press-list .newsroom-title {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 800px) {
    .press-list {
        margin-top: 80px;
        margin-bottom: 120px
    }

    .press-list .press-text-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }

    .press-list .press-date {
        padding-top: 8px;
        float: right
    }

    .press-list .press-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .press-list .link-column {
        text-align: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .press-list .date-column {
        padding-left: 0;
        text-align: right
    }

    .press-list .press-column.col-md-6 {
        max-width: -webkit-calc(50% - 15px);
        max-width: -moz-calc(50% - 15px);
        max-width: calc(50% - 15px);
        padding: 0
    }

    .press-list .press-column.col-md-6:first-child {
        margin-right: 30px
    }

    .press-list .press-column.col-md-12 {
        padding: 0
    }

    .press-list .press-column.col-md-12 .press-img-wrapper {
        max-width: 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 16px 0 16px 16px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }

    .press-list .press-column.col-md-12 .press-img-wrapper .press-img {
        overflow: hidden;
        height: 100%;
        min-height: 116px
    }

    .press-list .press-column.col-md-12 .press-img-wrapper + .press-text-wrapper {
        padding-left: 30px;
        padding-right: 9px;
        max-width: 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .press-list .press-column.col-md-12 .press-img-wrapper .press-text-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .press-list .press-column.col-md-12 .press-text-wrapper .row {
        height: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .press-list .press-column.col-md-12 > [class*=press]:last-of-type {
        padding-right: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .press-list .btn-pdf-download + .autocomplete-suggestion, .press-list .btn-pdf-download + .link {
        margin-left: 24px
    }
}

.product-detail-wrapper {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    max-width: 1920px;
    margin: auto
}

.product-detail-wrapper.custom-layout h2 {
    word-break: break-word
}

.product-detail-wrapper.custom-layout .btn-scroll-down {
    bottom: -8px
}

@media (max-width: 799px) {
    .product-detail-wrapper {
        margin-top: -72px;
        padding-bottom: 0;
        background-image: none !important
    }

    .product-detail-wrapper .product-detail {
        background-color: #ececec
    }

    .product-detail-wrapper .bg-product-detail-wrapper, .product-detail-wrapper .product-detail-image {
        top: 0 !important;
        max-height: 575px
    }

    .product-detail-wrapper .product-detail-block {
        opacity: 1 !important
    }

    .product-detail-wrapper .geology-value::before {
        top: 0
    }

    .product-detail-wrapper .geologies-3 {
        padding-bottom: 10px
    }
}

.bg-product-detail-wrapper {
    position: relative;
    max-height: 1072px;
    max-width: 1920px;
    margin: auto;
    overflow: hidden
}

@media (max-width: 799px) {
    .bg-product-detail-wrapper {
        position: relative
    }

    .bg-product-detail-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .bg-product-detail-wrapper > img, .bg-product-detail-wrapper > picture, .bg-product-detail-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .bg-product-detail-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.img-product-detail {
    display: block;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 100%;
    margin: 0 auto;
    opacity: 0
}

.bg-product-detail {
    background: bottom center no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.bg-product-detail::-webkit-scrollbar {
    display: none
}

@media (max-width: 799px) {
    .bg-product-detail {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: auto;
        min-width: 100%;
        height: auto;
        min-height: 100%;
        right: 0;
        bottom: 0;
        left: -75%
    }
}

.product-detail-info li {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.product-detail-info li + li {
    margin-top: 14px
}

@media (max-width: 799px) {
    .product-detail-block {
        padding-top: 32px
    }

    .product-detail-block + .product-detail-block {
        padding: 56px 0 80px
    }
}

.product-detail-image {
    margin: 32px 0;
    visibility: hidden
}

.product-detail-image .bg-product-detail {
    width: 100vw;
    left: -webkit-calc(((100vw - 100%) / 2) * (-1));
    left: -moz-calc(((100vw - 100%) / 2) * (-1));
    left: calc(((100vw - 100%) / 2) * (-1))
}

.product-detail-image img {
    position: relative;
    z-index: 1
}

@media (max-width: 799px) {
    .product-detail-image {
        position: relative;
        margin: 0
    }

    .product-detail-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-top: 36px
    }
}

.product-detail-properties {
    width: 100%;
    position: relative;
    margin-top: 56px
}

.product-detail-properties td, .product-detail-properties td span {
    font-size: .875rem !important;
    line-height: 1.25rem
}

@media (min-width: 800px) {
    .product-detail-properties {
        margin-top: 0
    }

    .product-detail-properties .column-with-arrow {
        width: 40%
    }

    .product-detail-properties .diameter, .product-detail-properties .excavation-depth, .product-detail-properties .geology, .product-detail-properties .pull-force {
        width: 60%
    }

    .product-detail-properties .geology {
        padding-left: 40px;
        padding-top: 0;
        margin-top: 16px
    }

    .product-detail-properties .geology-value::before {
        left: 16px
    }

    .product-detail-properties .geologies-3::before {
        left: 14px
    }

    .product-detail-properties::after, .product-detail-properties::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        background-color: #d9d9d9
    }

    .product-detail-properties::before {
        width: -webkit-calc(40% - 6px);
        width: -moz-calc(40% - 6px);
        width: calc(40% - 6px)
    }

    .product-detail-properties::after {
        left: 40%;
        width: -webkit-calc(60% - 6px);
        width: -moz-calc(60% - 6px);
        width: calc(60% - 6px)
    }
}

@media (max-width: 799px) {
    .product-detail-properties {
        border-bottom: 1px solid #d9d9d9
    }

    .product-detail-properties .table-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px 0;
        border-top: 1px solid #d9d9d9
    }

    .product-detail-properties .table-column {
        padding: 0 16px 0 25px
    }

    .product-detail-properties .table-column::after {
        content: none
    }

    .product-detail-properties .table-column.geology {
        margin-left: 25px
    }

    .product-detail-properties .table-column + .table-column {
        margin-top: 10px
    }
}

.product-detail-info-title {
    font-size: 2rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 14px
}

.product-title-description {
    font-size: 1.5rem;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .product-title-description {
        font-size: 1.25rem;
        margin-bottom: 28px
    }
}

.geologies-3, [class$='-value'] {
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.25rem;
    display: inline-block
}

.geologies-3::before, [class$='-value']::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    margin-top: 2px;
    height: 16px;
    width: 16px
}

.diameter-value, .excavation-depth-value, .pull-force-value {
    position: relative;
    padding-left: 25px
}

.diameter-value::before, .excavation-depth-value::before, .pull-force-value::before {
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px
}

.diameter-value::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/diameter.svg')
}

.pull-force-value::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/pull-force.svg')
}

.excavation-depth-value::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/excavation-depth.svg')
}

.geology {
    position: relative;
    padding-left: 25px
}

.geology .geology-text {
    font-weight: 100;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 800px) {
    .geology.table-value-column {
        padding-left: 42px
    }
}

.geologies-3::before {
    height: 36px;
    width: 20px;
    left: -1px;
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/geology-3circles.svg');
    -webkit-background-size: 20px 36px;
    -moz-background-size: 20px 36px;
    -o-background-size: 20px 36px;
    background-size: 20px 36px
}

.geologies-3 span::before {
    content: none
}

.geologies-2 .geology-value:nth-of-type(1)::before {
    z-index: 1;
    margin-top: 2px
}

.geology-value {
    display: inline-block;
    width: 100%
}

.geology-value::before {
    top: 3px;
    border: 4px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 0 1px #fcfcfc;
    -moz-box-shadow: 0 0 0 1px #fcfcfc;
    box-shadow: 0 0 0 1px #fcfcfc
}

.geology-value:nth-of-type(1)::before {
    z-index: 2
}

.geology-value:nth-of-type(2)::before {
    margin-top: 11px
}

.geology-value:not(:last-child)::after {
    content: ','
}

.geology-value + .geology-value {
    padding-left: 0
}

.geology-value-1::before {
    border-color: #bf9178
}

.geology-value-2::before {
    border-color: #cdb582
}

.geology-value-3::before {
    border-color: #8ba4b4
}

@media (min-width: 800px) {
    .product-detail-wrapper {
        position: relative;
        overflow-y: auto;
        top: 0;
        width: 100vw;
        margin: -72px auto 80px;
        max-height: 100vh;
        padding-bottom: 0
    }

    .product-detail-wrapper .btn-scroll-down {
        bottom: 0
    }

    .bg-product-detail-wrapper {
        height: 100%
    }

    .bg-product-detail {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
        max-width: 1920px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .product-detail {
        position: absolute;
        top: 112px
    }
}

@media (min-width: 800px) and (min-width: 576px) {
    .product-detail {
        right: -webkit-calc((100vw - 540px) / 2);
        right: -moz-calc((100vw - 540px) / 2);
        right: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 800px) {
    .product-detail {
        right: -webkit-calc((100vw - 720px) / 2);
        right: -moz-calc((100vw - 720px) / 2);
        right: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 992px) {
    .product-detail {
        right: -webkit-calc((100vw - 960px) / 2);
        right: -moz-calc((100vw - 960px) / 2);
        right: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 1200px) {
    .product-detail {
        right: -webkit-calc((100vw - 1140px) / 2);
        right: -moz-calc((100vw - 1140px) / 2);
        right: calc((100vw - 1140px) / 2)
    }
}

@media (min-width: 800px) {
    .product-headings {
        width: 100%
    }

    .product-headings .product-detail-info-title {
        z-index: 1;
        position: relative
    }

    .product-detail-block {
        opacity: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        visibility: visible;
        padding-bottom: 40px;
        min-height: 420px;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .product-detail-block-1 {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .product-detail-block-2 {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        visibility: visible
    }

    .product-headings {
        margin-bottom: 70px
    }

    .product-headings .product-detail-info-title {
        z-index: 1;
        position: relative
    }

    .product-detail-image {
        margin: 0;
        position: absolute;
        top: 0;
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px);
        visibility: hidden
    }

    .product-detail-info {
        position: absolute;
        width: 100%;
        padding-right: 16px
    }
}

@media (min-width: 800px) and (min-width: 576px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((540px) / 2);
        width: -moz-calc((540px) / 2);
        width: calc((540px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 800px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((720px) / 2);
        width: -moz-calc((720px) / 2);
        width: calc((720px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 992px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((960px) / 2);
        width: -moz-calc((960px) / 2);
        width: calc((960px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 1200px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((1140px) / 2);
        width: -moz-calc((1140px) / 2);
        width: calc((1140px) / 2)
    }
}

@media (min-width: 800px) {
    .product-title-description {
        margin-bottom: 42px
    }
}

@media (min-width: 1200px) {
    .product-detail-wrapper {
        margin: -170px auto 80px
    }

    .product-detail {
        top: 210px
    }
}

@media (min-width: 992px) {
    .product-detail-block-1 {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .product-headings {
        margin-bottom: 170px
    }
}

.hk-ce, .product-detail-wrapper {
    -ms-overflow-style: none
}

.hk-ce::-webkit-scrollbar, .product-detail-wrapper::-webkit-scrollbar {
    display: none
}

.products.default-tabs .tab-content {
    margin-top: 0
}

.products .heading-margin-bottom + .tab-content [class^=layout-] {
    padding-top: 0
}

.products .teaser-product-content h4 {
    line-height: 1.75rem
}

@media (max-width: 991px) {
    .products .product-blocks-wrapper + .subcategory-title {
        margin-top: 56px
    }

    .products .teaser-product {
        padding-bottom: 80px
    }

    .products .teaser-product [class^=layout-] {
        margin-bottom: 56px
    }

    .products .teaser-product-content p {
        margin-bottom: 0
    }
}

[class^=layout-] {
    width: 100%;
    padding-top: 56px
}

@media (max-width: 991px) {
    [class^=layout-] {
        margin-bottom: 80px
    }

    [class^=layout-] .autocomplete-suggestion, [class^=layout-] .link, [class^=layout-] [class$='-value'] {
        display: none
    }

    [class^=layout-] .geologies-3::before {
        content: none
    }
}

.subcategory-title {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #004e9c;
    text-transform: none;
    margin-bottom: 32px
}

.product {
    position: relative
}

.product .picture {
    position: relative;
    overflow: hidden
}

.product .autocomplete-suggestion, .product .link {
    font-size: 1.125rem;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s linear;
    transition: opacity .3s ease-out, -webkit-transform .3s linear;
    -o-transition: opacity .3s ease-out, -o-transform .3s linear;
    -moz-transition: opacity .3s ease-out, transform .3s linear, -moz-transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

.product .hover .autocomplete-suggestion, .product .hover .link {
    opacity: 1;
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    -ms-transform: translateY(35px);
    -o-transform: translateY(35px);
    transform: translateY(35px)
}

.product .link-overlap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: -webkit-calc(100% + 220px);
    height: -moz-calc(100% + 220px);
    height: calc(100% + 220px);
    width: 100%
}

@media (max-width: 991px) {
    .product > div {
        position: relative;
        margin-top: -1px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product > div::after {
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "F";
        position: absolute;
        font-size: 16px;
        color: #004e9c;
        right: 0;
        margin-top: -1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .product > div .product-description {
        display: none
    }

    .product > div .link-overlap {
        left: 0;
        height: 100%;
        width: 100%
    }
}

.product-properties {
    position: relative
}

.product-properties a::before {
    top: 9px
}

.product-properties p {
    margin-bottom: 0
}

.product-properties .link-overlap {
    height: 100%
}

@media (max-width: 991px) {
    .product-properties {
        height: 100%;
        padding: 0 26px 0 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-default-width {
    position: relative;
    padding: 0 16px;
    width: 100%
}

@media (min-width: 992px) {
    .product-default-width {
        width: 20%;
        padding-right: 0
    }

    .product-default-width .product-properties {
        left: 0;
        width: 100%
    }
}

.product-image {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    -moz-transition: transform .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

@media (max-width: 991px) {
    .product-image {
        width: 95px;
        min-height: 77px;
        margin: 8px 0
    }
}

.product-title {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 24px 0 12px
}

.product-title.blocks-5 {
    font-size: 1rem;
    line-height: 1.5rem
}

.product-title, .product-title:focus, .product-title:hover {
    color: #181818
}

@media (max-width: 991px) {
    .product-title {
        font-size: 1rem;
        line-height: 1.125rem;
        margin: 0
    }
}

.intro-text {
    margin-top: 32px
}

.intro-text p {
    font-size: 1.3125rem;
    line-height: 2rem;
    font-weight: 100
}

@media (max-width: 991px) {
    .intro-text p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .intro-text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 25%;
        text-align: center;
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .products .container, .products .row {
        position: relative
    }

    .products .row.hidden-md-down {
        padding-bottom: 120px
    }

    .products .product-blocks-wrapper:last-of-type .product-overlay-gradient::after {
        display: block;
        min-height: 350px;
        left: -webkit-calc(((100vw - 100%) / 2) * (-1));
        left: -moz-calc(((100vw - 100%) / 2) * (-1));
        left: calc(((100vw - 100%) / 2) * (-1))
    }

    .products .layout-grid-s-hero .product-blocks-wrapper:last-of-type .product-overlay-gradient::after {
        min-height: 400px
    }

    .products .product-default-width, .products [class^=col-] {
        z-index: 1
    }

    .products .product-overlay-gradient {
        top: -50%;
        display: inline-block;
        position: absolute;
        left: -webkit-calc(((100vw - 100%) / 2) * (-1));
        left: -moz-calc(((100vw - 100%) / 2) * (-1));
        left: calc(((100vw - 100%) / 2) * (-1));
        height: 100%;
        width: 100vw;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e8e8e8));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #e8e8e8);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #e8e8e8);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #e8e8e8);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), #e8e8e8)
    }

    .products.default-tabs .tabs-wrap {
        margin-bottom: 32px;
        position: relative;
        z-index: 2
    }

    .products.default-tabs .tab-content {
        width: 100%
    }

    .products .teaser-product {
        padding-bottom: 120px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 0)), to(#e8e8e8));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%)
    }

    .products .teaser-product .row.hidden-md-down {
        padding-bottom: 80px
    }

    .products .teaser-product .row:last-of-type .product-overlay-gradient::after {
        min-height: 483px
    }

    .products .teaser-product .teaser-product-content {
        margin-bottom: 20px
    }

    .products .teaser-product .teaser-product-content h4 {
        margin-bottom: 0
    }

    .products .teaser-product .btn-link {
        margin-top: 15px
    }

    .layout-image-grid-l-products .row:last-of-type .product-overlay-gradient::after {
        display: block;
        min-height: 417px
    }

    .layout-image-grid-l-products .product .hover .product-image {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .layout-grid-s .product .hover .product-image, .layout-grid-s-hero .product .hover .product-image, .layout-image-s-grid .product .hover .product-image {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .layout-grid-s .autocomplete-suggestion, .layout-grid-s .link, .layout-grid-s-hero .autocomplete-suggestion, .layout-grid-s-hero .link, .layout-image-s-grid .autocomplete-suggestion, .layout-image-s-grid .link {
        margin-top: 14px
    }

    .product-image-hero {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: -o-transform .3s linear;
        -moz-transition: transform .3s linear, -moz-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
    }

    .col-lg-4 .geologies-3 + .autocomplete-suggestion, .col-lg-4 .geologies-3 + .link {
        bottom: -10px
    }
}

.references-grid .default-tabs .tab-content {
    margin-top: 0
}

.references-grid .default-tabs .tabs-wrap {
    position: absolute;
    top: -webkit-calc(100vh - 162px);
    top: -moz-calc(100vh - 162px);
    top: calc(100vh - 162px);
    left: 50%;
    width: 100%;
    opacity: 1;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.references-grid .default-tabs .tabs-wrap .nav::after {
    background-color: #fff;
    opacity: .5
}

.references-grid .default-tabs .tabs-wrap .nav li a, .references-grid .default-tabs .tabs-wrap .nav.slick-slider li a {
    color: #fff
}

.references-grid .default-tabs .tabs-wrap .nav li .active, .references-grid .default-tabs .tabs-wrap .nav.slick-slider li .active {
    color: #004e9c
}

@media (max-width: 991px) {
    .references-grid .default-tabs .tabs-wrap .dropdown {
        display: block;
        margin-top: 32px
    }

    .references-grid .default-tabs .tabs-wrap .dropdown li {
        background-color: #fff
    }

    .references-grid .default-tabs .tabs-wrap .dropdown li a {
        color: #181818
    }

    .references-grid .default-tabs .tabs-wrap .dropdown li a.active {
        color: #fff
    }
}

.references-grid .references-tabs {
    position: relative
}

.references-grid .references-tabs.show-list .references-stage {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px)
}

.references-grid .references-tabs.show-list .tags-list-link::before {
    opacity: 0
}

.references-grid .references-tabs.show-list .tags-list-link::after {
    opacity: 1
}

.references-grid .references-tabs.show-list .tags-list {
    opacity: 1;
    z-index: 1
}

.references-grid .references-tabs.show-list .tabs-wrap {
    opacity: 0
}

@media (max-width: 991px) {
    .references-grid .references-tabs.show-list .tabs-wrap {
        opacity: 1;
        z-index: -1
    }
}

@media (max-width: 991px) {
    .references-grid .references-tabs.show-list .large-heading, .references-grid .references-tabs.show-list .references-grid-bg-image {
        opacity: 0
    }

    .references-grid .references-tabs.show-list .references-search-wrapper, .references-grid .references-tabs.show-list .tags-list-wrapper {
        position: relative;
        z-index: 5
    }
}

.references-grid .bg-overlay {
    opacity: 0;
    background-color: rgba(24, 24, 24, .95);
    position: fixed;
    top: 72px;
    left: 0;
    width: 100vw;
    height: -webkit-calc(100vh - 72px);
    height: -moz-calc(100vh - 72px);
    height: calc(100vh - 72px);
    z-index: -1;
    -webkit-transition: opacity .3s ease, z-index .01s linear;
    -o-transition: opacity .3s ease, z-index .01s linear;
    -moz-transition: opacity .3s ease, z-index .01s linear;
    transition: opacity .3s ease, z-index .01s linear
}

.references-grid .autocomplete {
    display: none;
    position: absolute;
    top: -webkit-calc(100% + 4px);
    top: -moz-calc(100% + 4px);
    top: calc(100% + 4px);
    left: 0;
    background: #fff;
    width: -webkit-calc(100% - 119px);
    width: -moz-calc(100% - 119px);
    width: calc(100% - 119px);
    text-align: left;
    padding: 16px 16px 10px;
    z-index: 5
}

@media (max-width: 799px) {
    .references-grid .autocomplete {
        width: -webkit-calc(100% - 49px);
        width: -moz-calc(100% - 49px);
        width: calc(100% - 49px)
    }
}

.references-grid .autosuggest-tag {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #181818
}

.references-grid .autosuggest-tag::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "X";
    position: absolute;
    left: 0;
    top: 2px
}

.references-grid .autosuggest-tag:hover {
    color: #004e9c
}

.references-grid .search-tags-section {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.references-grid .selected-tag {
    color: #181818;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 20px 6px 8px;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #fff;
    font-size: .94rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 2px
}

.references-grid .selected-tag:last-of-type {
    margin-right: 0
}

.references-grid .selected-tag [data-role=remove] {
    margin-left: 3px;
    float: right
}

.references-grid .selected-tag [data-role=remove]::after {
    content: '×';
    background-color: transparent;
    color: #004e9c;
    font-weight: 400;
    font-size: 17px;
    position: absolute;
    top: 4px;
    right: 5px
}

.references-grid .selected-tag [data-role=remove]:hover::after {
    background-color: transparent
}

.references-grid .references-no-result {
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    padding: 40px 40px 24px
}

@media (max-width: 799px) {
    .references-grid .references-no-result {
        background: #ececec;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 -15px;
        padding: 80px 15px 64px
    }
}

.references-grid-bg-wrapper {
    position: relative;
    top: 0;
    left: -webkit-calc(((100vw - 100%) / 2) * (-1));
    left: -moz-calc(((100vw - 100%) / 2) * (-1));
    left: calc(((100vw - 100%) / 2) * (-1));
    height: -webkit-calc(100vh - 32px);
    height: -moz-calc(100vh - 32px);
    height: calc(100vh - 32px);
    max-height: 1048px;
    width: 100vw;
    max-width: 1920px;
    overflow: hidden;
    margin: -72px auto 0;
    padding: 72px 0 125px
}

.references-grid-bg-wrapper .references-grid-bg-video {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1920px) {
    .references-grid-bg-wrapper {
        left: -webkit-calc(((1920px - 100%) / 2) * (-1));
        left: -moz-calc(((1920px - 100%) / 2) * (-1));
        left: calc(((1920px - 100%) / 2) * (-1))
    }
}

@media (min-width: 1200px) {
    .references-grid-bg-wrapper {
        margin: -171px auto 0;
        padding: 171px 0 125px
    }
}

@media (max-width: 799px) {
    .references-grid-bg-wrapper {
        position: relative;
        height: auto;
        padding: 0;
        max-height: 475px
    }

    .references-grid-bg-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .references-grid-bg-wrapper > img, .references-grid-bg-wrapper > picture, .references-grid-bg-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .references-grid-bg-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.references-grid-bg::after, .references-grid-bg::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.references-grid-bg::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 24, 0)), color-stop(80.48%, rgba(24, 24, 24, 0)), to(rgba(24, 24, 24, .5)));
    background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%);
    background: -moz-linear-gradient(top, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%);
    background: -o-linear-gradient(top, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%);
    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%)
}

.references-grid-bg.overlay::after {
    background-color: rgba(24, 24, 24, .5)
}

.references-grid-bg-image, .references-grid-bg-video {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.references-additional-wrapper {
    position: absolute;
    top: 72px;
    left: 0;
    bottom: 125px;
    width: 100%
}

@media (min-width: 1200px) {
    .references-additional-wrapper {
        top: 171px
    }
}

@media (max-width: 991px) {
    .references-additional-wrapper {
        bottom: 0
    }
}

.references-items-wrapper {
    margin: 104px 0 56px;
    position: relative;
    z-index: 1
}

@media (min-width: 992px) {
    .references-items-wrapper {
        margin: -70px 0 48px
    }
}

.references-stage-wrapper {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    max-width: 510px;
    z-index: 2
}

.references-stage-wrapper .large-heading {
    text-shadow: 0 2px 60px rgba(0, 0, 0, .5);
    opacity: 1
}

@media (max-width: 799px) {
    .references-stage-wrapper .large-heading {
        font-size: 2.25rem
    }
}

.references-stage-wrapper .stage-text {
    margin-top: 12px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (min-width: 800px) {
    .references-stage-wrapper {
        max-width: 690px
    }

    .references-stage-wrapper .skyline {
        margin-left: 55px
    }

    .references-stage-wrapper .stage-text {
        margin: 8px 0 0 100px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .references-stage-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .references-stage-wrapper {
        max-width: -webkit-calc(.66 * 1140px);
        max-width: -moz-calc(.66 * 1140px);
        max-width: calc(.66 * 1140px)
    }
}

.references-stage {
    text-align: center;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease
}

.references-search-wrapper {
    margin: 16px 0 0;
    overflow: visible;
    position: relative
}

@media (min-width: 992px) {
    .references-search-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin: 32px auto 0
    }
}

@media (max-width: 991px) {
    .references-search-wrapper .btn-search::before {
        font-weight: 100;
        left: 49%;
        margin-top: 0
    }
}

.references-search-field-wrapper, .search-teaser-field {
    border-color: #fff;
    background-color: rgba(255, 255, 255, .15);
    overflow: hidden;
    height: 40px;
    width: 100%;
    white-space: nowrap;
    padding: 5px 6px;
    text-align: left;
    overflow: -moz-scrollbars-none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.references-search-field-wrapper::-webkit-scrollbar, .search-teaser-field::-webkit-scrollbar {
    display: none
}

.references-search-field-wrapper .references-search-field, .references-search-field-wrapper .search-teaser-field input, .search-teaser-field .references-search-field, .search-teaser-field .references-search-field-wrapper input, .search-teaser-field input {
    background: 0 0;
    border: 0;
    outline: 0;
    color: #fff;
    position: relative;
    padding: 0 4px;
    font-weight: 400;
    line-height: 27px
}

.references-search-field-wrapper .references-search-field::-webkit-input-placeholder, .references-search-field-wrapper .search-teaser-field input::-webkit-input-placeholder, .search-teaser-field .references-search-field-wrapper input::-webkit-input-placeholder, .search-teaser-field .references-search-field::-webkit-input-placeholder, .search-teaser-field input::-webkit-input-placeholder {
    color: #fff
}

.references-search-field-wrapper .references-search-field:-moz-placeholder, .references-search-field-wrapper .search-teaser-field input:-moz-placeholder, .search-teaser-field .references-search-field-wrapper input:-moz-placeholder, .search-teaser-field .references-search-field:-moz-placeholder, .search-teaser-field input:-moz-placeholder {
    color: #fff
}

.references-search-field-wrapper .references-search-field::-moz-placeholder, .references-search-field-wrapper .search-teaser-field input::-moz-placeholder, .search-teaser-field .references-search-field-wrapper input::-moz-placeholder, .search-teaser-field .references-search-field::-moz-placeholder, .search-teaser-field input::-moz-placeholder {
    color: #fff
}

.references-search-field-wrapper .references-search-field:-ms-input-placeholder, .references-search-field-wrapper .search-teaser-field input:-ms-input-placeholder, .search-teaser-field .references-search-field-wrapper input:-ms-input-placeholder, .search-teaser-field .references-search-field:-ms-input-placeholder, .search-teaser-field input:-ms-input-placeholder {
    color: #fff
}

@media (max-width: 991px) {
    .references-search-field-wrapper .references-search-field, .references-search-field-wrapper .search-teaser-field input, .search-teaser-field .references-search-field, .search-teaser-field .references-search-field-wrapper input, .search-teaser-field input {
        width: 140px
    }
}

.references-search-field-wrapper.width-overflow, .width-overflow.search-teaser-field {
    display: inline-block
}

.references-search-field-wrapper.width-overflow .field-with-tags, .width-overflow.search-teaser-field .field-with-tags {
    width: auto;
    float: right;
    overflow: auto;
    overflow: -moz-scrollbars-none
}

.references-search-field-wrapper.width-overflow .field-with-tags::-webkit-scrollbar, .width-overflow.search-teaser-field .field-with-tags::-webkit-scrollbar {
    display: none
}

.references-search-field-wrapper .field-with-tags, .search-teaser-field .field-with-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tags-list-wrapper {
    margin-top: 8px
}

.tags-list-link {
    font-size: 1rem;
    line-height: 1.3125rem;
    position: relative;
    display: inline-block;
    padding-right: 15px;
    cursor: pointer
}

.tags-list-link::after, .tags-list-link::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    margin-top: 2px;
    top: 50%;
    right: 0;
    font-weight: 800;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.tags-list-link::before {
    content: "F";
    font-size: 10px;
    opacity: 1;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.tags-list-link::after {
    content: "f";
    font-size: 8px;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tags-list {
    position: absolute;
    left: 50%;
    width: 100%;
    margin-top: 12px;
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.tags-list .tag-item {
    display: inline-block;
    font-size: .94rem;
    line-height: 1;
    margin-top: 20px;
    margin-right: 0
}

.tags-list .tag-item a {
    color: #fff;
    font-weight: 300;
    letter-spacing: .3px;
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    cursor: pointer;
    text-transform: none;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.tags-list .tag-item a:focus, .tags-list .tag-item a:focus::before, .tags-list .tag-item a:hover, .tags-list .tag-item a:hover::before {
    color: #004e9c
}

.tags-list .tag-item a::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "X";
    color: #fff;
    background-color: transparent;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.tags-list .tag-item a.active {
    color: #fff;
    background-color: transparent
}

.tags-list .tag-item a.active::before {
    color: #fff
}

.tags-list .tag-item a.active::after {
    content: none
}

.tags-list .tag-item + .tag-item {
    margin-left: 15px
}

.tags-list .tag-item .active, .tags-list .tag-item .active::before {
    opacity: .52;
    pointer-events: none
}

@media (max-width: 799px) {
    .tags-list {
        margin-top: 18px
    }

    .tags-list .tag-item {
        font-size: 1rem;
        padding: 0;
        margin-top: 24px
    }
}

.references-teaser {
    position: relative;
    margin-bottom: 32px
}

.references-teaser.references-large-teaser:hover img {
    -webkit-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1)
}

.references-teaser .autocomplete-suggestion, .references-teaser .link {
    font-size: 1.125rem;
    font-weight: 100;
    opacity: 0;
    z-index: 2;
    position: absolute;
    bottom: 10px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s linear;
    transition: opacity .3s ease-out, -webkit-transform .3s linear;
    -o-transition: opacity .3s ease-out, -o-transform .3s linear;
    -moz-transition: opacity .3s ease-out, transform .3s linear, -moz-transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

.references-teaser .autocomplete-suggestion::before, .references-teaser .link::before {
    top: 9px
}

@media (min-width: 800px) {
    .references-teaser:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .references-teaser:hover .autocomplete-suggestion, .references-teaser:hover .link {
        opacity: 1;
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }

    .references-teaser:hover .meta-information {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@media (max-width: 991px) {
    .references-teaser {
        position: relative;
        margin-top: -1px;
        margin-bottom: 0;
        padding: 28px 0;
        background-color: #fcfcfc;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .references-teaser::after {
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "F";
        position: absolute;
        font-size: 16px;
        color: #004e9c;
        right: 0;
        margin-top: -1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .references-teaser .autocomplete-suggestion, .references-teaser .link {
        display: none
    }
}

.references-large-teaser .references-teaser-img-holder {
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px)
}

.references-large-teaser .references-teaser-img-holder::before {
    content: none
}

.references-large-teaser .references-teaser-img-holder img {
    height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    display: block
}

@media (min-width: 992px) {
    .references-large-teaser {
        height: -webkit-calc(100% - 32px);
        height: -moz-calc(100% - 32px);
        height: calc(100% - 32px)
    }

    .references-large-teaser .references-teaser-description {
        padding: 12px 24px 16px
    }

    .references-large-teaser .references-teaser-heading-wrapper {
        padding: 24px;
        height: 100px;
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%)
    }

    .references-large-teaser .references-teaser-heading {
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .references-large-teaser .autocomplete-suggestion, .references-large-teaser .link {
        left: 24px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .references-large-teaser {
        height: 623px
    }
}

@media (min-width: 1200px) {
    .references-large-teaser {
        height: 690px
    }
}

.references-teaser-img-holder {
    position: relative;
    overflow: hidden
}

.references-teaser-img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 43%
}

.references-teaser-img-holder > img, .references-teaser-img-holder > picture, .references-teaser-img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.references-teaser-img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.references-teaser-img-holder img {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (max-width: 991px) {
    .references-teaser-img-holder {
        min-width: 95px;
        min-height: 86px
    }

    .references-teaser-img-holder::before {
        content: none
    }

    .references-teaser-img-holder img {
        width: 95px;
        height: 86px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.references-teaser-description {
    background-color: #fff;
    padding: 24px 24px 16px;
    -webkit-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .08);
    box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .08)
}

@media (max-width: 991px) {
    .references-teaser-description {
        background-color: #fcfcfc;
        padding: 0 16px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        min-height: 86px
    }

    .references-teaser-description .references-teaser-heading-wrapper {
        width: 100%
    }
}

.references-teaser-heading {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    height: 56px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 24px;
    overflow: hidden
}

@media (max-width: 991px) {
    .references-teaser-heading {
        font-size: 1rem;
        line-height: 1.125rem;
        height: auto;
        margin-bottom: 0;
        width: 100%
    }
}

.meta-information {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease-out;
    transition: opacity .2s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .2s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .2s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .2s linear;
    transition: transform .3s ease-out, opacity .2s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.meta-information .references-date-info, .meta-information .references-location-info {
    font-size: .75rem;
    line-height: 1;
    display: block;
    margin-top: 12px
}

@media (max-width: 799px) {
    .meta-information .references-date-info, .meta-information .references-location-info {
        white-space: normal;
        word-break: break-word
    }
}

@media (min-width: 992px) {
    .meta-information {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .meta-information .references-date-info, .meta-information .references-location-info {
        margin-top: 0;
        display: inline-block
    }
}

.green-block-quote-wrapper {
    position: relative;
    width: 100%;
    height: -webkit-calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: calc(100% - 32px);
    background-color: #004e9c;
    margin-bottom: 32px;
    overflow: hidden
}

@media (max-width: 991px) {
    .green-block-quote-wrapper {
        position: relative;
        height: auto !important;
        max-height: 375px;
        margin: 28px 0
    }

    .green-block-quote-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .green-block-quote-wrapper > img, .green-block-quote-wrapper > picture, .green-block-quote-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .green-block-quote-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (max-width: 799px) {
    .green-block-quote-wrapper {
        max-height: none
    }

    .green-block-quote-wrapper::before {
        content: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .green-block-quote-wrapper {
        height: 295px
    }
}

@media (min-width: 1200px) {
    .green-block-quote-wrapper {
        height: 329px
    }
}

.green-block-quote {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.green-block-quote .block-with-quotation-marks {
    position: relative;
    padding: 30px 16px;
    width: 100%;
    height: 100%
}

.green-block-quote .block-with-quotation-marks::after, .green-block-quote .block-with-quotation-marks::before {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: -webkit-calc(100% - 64px);
    width: -moz-calc(100% - 64px);
    width: calc(100% - 64px)
}

.green-block-quote .block-with-quotation-marks::before {
    top: 16px;
    right: 16px
}

.green-block-quote .block-with-quotation-marks::after {
    bottom: 16px;
    left: 16px
}

.green-block-quote::after, .green-block-quote::before {
    content: '“';
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 42px;
    height: 14px;
    line-height: .75
}

.green-block-quote::before {
    top: 16px;
    left: 16px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.green-block-quote::after {
    bottom: 16px;
    right: 16px
}

@media (max-width: 799px) {
    .green-block-quote {
        position: relative
    }
}

.quote-content-wrapper {
    position: absolute;
    text-align: center;
    color: #fff;
    top: 50%;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .quote-content-wrapper {
        position: relative;
        width: 100%;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.quote-text {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.5rem;
    text-transform: uppercase
}

.quote-author-text {
    font-size: .875rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 12px
}

.quote-author-text .quote-author-position {
    font-weight: 100
}

.reference-main-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .reference-main-heading {
        font-size: 1.75rem;
        word-break: break-word
    }
}

.reference-main-subheadline {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400
}

.reference-detail .reference-detail-info-wrapper {
    margin: 32px 0
}

.reference-detail .reference-detail-text-info {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.reference-detail .reference-detail-text-info .autocomplete-suggestion + .autocomplete-suggestion, .reference-detail .reference-detail-text-info .autocomplete-suggestion + .link, .reference-detail .reference-detail-text-info .link + .autocomplete-suggestion, .reference-detail .reference-detail-text-info .link + .link {
    margin-top: 14px
}

.reference-description {
    margin-top: 14px;
    margin-bottom: -1rem
}

.reference-description .default-list, .reference-description p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.reference-description .default-list {
    margin-bottom: 28px
}

.reference-description li + li {
    margin-top: 14px
}

@media (max-width: 799px) {
    .reference-description h3, .reference-description h4 {
        word-break: break-word
    }
}

@media (max-width: 991px) {
    html.no-scrollable .references-grid .bg-overlay {
        opacity: 1;
        z-index: 1
    }

    html.no-scrollable .references-grid .references-grid-bg-wrapper {
        overflow: visible
    }
}

.table-block {
    background-color: #ececec;
    padding-top: 120px;
    font-weight: 100
}

@media (max-width: 799px) {
    .table-block {
        padding-top: 25px;
        background-color: #fcfcfc
    }
}

.table-block .table .table-row:last-child p {
    margin-bottom: -1rem
}

.tabs .dropdown .dropdown-menu {
    right: 0;
    width: -webkit-calc(100% + 4px) !important;
    width: -moz-calc(100% + 4px) !important;
    width: calc(100% + 4px) !important
}

.teaser-tabs .tab-content > .tab-pane {
    display: block
}

.teaser-tabs .accordion {
    display: none
}

@media (max-width: 799px) {
    .teaser-tabs .accordion {
        display: block
    }

    .teaser-tabs .accordion .card {
        padding: 16px 0
    }
}

.teaser-tabs .accordion .teaser-tab-description {
    margin-top: 26px;
    margin-bottom: 16px
}

.teaser-tabs .accordion .title {
    font-size: 1.25rem;
    margin-bottom: 0
}

.teaser-tabs-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: height .3s linear .1s;
    -o-transition: height .3s linear .1s;
    -moz-transition: height .3s linear .1s;
    transition: height .3s linear .1s;
    min-height: 620px
}

@media (max-width: 799px) {
    .teaser-tabs-wrap {
        display: none
    }
}

.teaser-nav-tabs {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 15px;
    top: 352px;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    border-bottom: 0;
    -webkit-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15)
}

.teaser-nav-item {
    position: relative;
    width: 100%;
    padding: 0 32px;
    background-color: #fff;
    z-index: 2;
    overflow: hidden
}

.teaser-nav-item a {
    display: inline-block;
    width: 100%;
    padding: 16px 0 18px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    color: #181818;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.teaser-nav-item a .title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0
}

.teaser-nav-item a.active {
    color: #004e9c
}

.teaser-nav-item a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d9d9d9
}

.teaser-nav-item:first-of-type a::before {
    content: none
}

.teaser-nav-item::after {
    content: '';
    display: block;
    width: 500px;
    height: 500px;
    background-color: #004e9c;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    z-index: -1;
    -webkit-transform: translate(-125%, -100%) rotate(45deg);
    -moz-transform: translate(-125%, -100%) rotate(45deg);
    -ms-transform: translate(-125%, -100%) rotate(45deg);
    -o-transform: translate(-125%, -100%) rotate(45deg);
    transform: translate(-125%, -100%) rotate(45deg);
    -webkit-transition: all .7s cubic-bezier(.165, .84, .44, 1);
    -o-transition: all .7s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all .7s cubic-bezier(.165, .84, .44, 1);
    transition: all .7s cubic-bezier(.165, .84, .44, 1)
}

.teaser-nav-item:hover {
    text-decoration: none
}

.teaser-nav-item:hover a {
    color: #fff
}

.teaser-nav-item:hover a::before {
    z-index: -1
}

.teaser-nav-item:hover + li a::before {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.teaser-nav-item:hover::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "F";
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    right: 30px;
    top: 50%;
    bottom: auto;
    left: auto;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.teaser-nav-item:hover::after {
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
}

.teaser-tab-pane {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .6s ease-out;
    -o-transition: opacity .6s ease-out;
    -moz-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}

.teaser-tab-pane.active {
    opacity: 1;
    z-index: 1
}

.teaser-tab-pane:not([aria-expanded]) .teaser-tab-description {
    display: block
}

.teaser-tab-img-wrapper img {
    height: 100%
}

@media (min-width: 800px) {
    .teaser-tab-img-wrapper {
        margin-left: 8.33333%;
        max-height: 432px;
        position: relative;
        overflow: hidden
    }
}

.teaser-tab-description {
    margin-top: 32px;
    display: none
}

.teaser-tab-description .heading {
    line-height: 1.75rem;
    margin-bottom: 14px
}

.teaser-tab-description .text {
    margin-bottom: 28px
}

@media (max-width: 799px) {
    .teaser-tab-description {
        display: block
    }
}

.default-tabs .tab-content {
    margin-top: 80px
}

.default-tabs .tab-content header {
    position: relative;
    background: 0 0;
    z-index: 10
}

.default-tabs .tabs-wrap {
    position: relative;
    text-align: center;
    margin: 0 auto;
    overflow: hidden
}

.default-tabs .nav {
    position: relative;
    display: inline-block
}

.default-tabs .nav.slick-slider {
    display: block;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    margin: 0 auto
}

.default-tabs .nav.slick-slider .slick-list {
    z-index: 1
}

.default-tabs .nav.slick-slider .slick-slide li:last-of-type {
    margin-right: 32px
}

.default-tabs .nav.slick-slider a {
    color: #181818
}

.default-tabs .nav.slick-slider a.active, .default-tabs .nav.slick-slider a:focus, .default-tabs .nav.slick-slider a:hover {
    color: #004e9c
}

.default-tabs .nav.slick-slider .slick-next::before, .default-tabs .nav.slick-slider .slick-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    content: "F";
    color: #004e9c;
    font-size: 20px;
    left: 0;
    top: 50%;
    position: relative;
    z-index: 2
}

.default-tabs .nav.slick-slider .slick-next::after, .default-tabs .nav.slick-slider .slick-prev::after {
    content: '';
    width: 75px;
    position: absolute;
    display: block;
    height: 30px;
    bottom: 0;
    z-index: 1
}

.default-tabs .nav.slick-slider .slick-next::before {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%)
}

.default-tabs .nav.slick-slider .slick-next::after {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fcfcfc));
    background: -webkit-linear-gradient(left, #fff 0, #fcfcfc 100%);
    background: -moz-linear-gradient(left, #fff 0, #fcfcfc 100%);
    background: -o-linear-gradient(left, #fff 0, #fcfcfc 100%);
    background: linear-gradient(to right, #fff 0, #fcfcfc 100%);
    right: 25px
}

.default-tabs .nav.slick-slider .slick-prev::before {
    -webkit-transform: translateY(-15%) rotate(180deg);
    -moz-transform: translateY(-15%) rotate(180deg);
    -ms-transform: translateY(-15%) rotate(180deg);
    -o-transform: translateY(-15%) rotate(180deg);
    transform: translateY(-15%) rotate(180deg)
}

.default-tabs .nav.slick-slider .slick-prev::after {
    background: -webkit-gradient(linear, left top, right top, from(#fcfcfc), to(#fff));
    background: -webkit-linear-gradient(left, #fcfcfc 0, #fff 100%);
    background: -moz-linear-gradient(left, #fcfcfc 0, #fff 100%);
    background: -o-linear-gradient(left, #fcfcfc 0, #fff 100%);
    background: linear-gradient(to right, #fcfcfc 0, #fff 100%);
    left: 25px
}

.default-tabs .nav.slick-slider .slick-arrow {
    z-index: 3;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s
}

.default-tabs .nav.slick-slider .slick-arrow.slick-disabled::after, .default-tabs .nav.slick-slider .slick-arrow.slick-disabled::before {
    content: '';
    display: none
}

.default-tabs .nav::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    bottom: 1px
}

@media (max-width: 799px) {
    .default-tabs .nav::after {
        display: none
    }
}

.default-tabs li {
    margin-right: 32px;
    display: inline-block;
    text-align: left;
    white-space: nowrap
}

.default-tabs li:last-of-type {
    margin-right: 0
}

.default-tabs li a:not(.tag-item-link) {
    color: #181818;
    font-size: .94rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    padding: 5px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.default-tabs li a:not(.tag-item-link) h2 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0
}

.default-tabs li a:not(.tag-item-link).active, .default-tabs li a:not(.tag-item-link):focus, .default-tabs li a:not(.tag-item-link):hover {
    color: #004e9c
}

.default-tabs li a:not(.tag-item-link).active::after {
    content: '';
    display: block;
    background: #004e9c;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

@media (max-width: 799px) {
    .default-tabs li a:not(.tag-item-link).active {
        background: #004e9c
    }
}

.default-tabs li a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.default-tabs li.year a {
    color: #181818
}

.default-tabs li.year a.active, .default-tabs li.year a:focus, .default-tabs li.year a:hover {
    color: #004e9c
}

@media (max-width: 799px) {
    .default-tabs li {
        display: block;
        margin-right: 0;
        padding: 0 14px
    }
}

@media (max-width: 991px) {
    .default-tabs .dropdown {
        display: block;
        max-width: 510px;
        width: 100%;
        margin: 0 auto
    }

    .default-tabs .dropdown .dropdown-menu {
        position: relative;
        float: none;
        border: 0;
        line-height: 2.5rem;
        padding: 0;
        max-height: none;
        overflow: hidden;
        background-color: transparent
    }

    .default-tabs .dropdown li {
        display: block;
        background: 0 0;
        text-transform: uppercase;
        color: #181818;
        font-size: .94rem;
        font-weight: 400;
        padding: 0;
        letter-spacing: 1px;
        margin-bottom: -1px;
        width: 100%;
        -webkit-transition: all ease .2s;
        -o-transition: all ease .2s;
        -moz-transition: all ease .2s;
        transition: all ease .2s
    }

    .default-tabs .dropdown li a {
        display: block;
        color: #004e9c;
        line-height: 2.5rem;
        padding: 0 14px
    }

    .default-tabs .dropdown li a::before {
        content: '';
        display: block;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
        height: 1px;
        background: #d9d9d9;
        position: absolute
    }

    .default-tabs .dropdown li a::after {
        display: none
    }

    .default-tabs .dropdown li a.active {
        background: #004e9c;
        color: #fff
    }

    .default-tabs .dropdown li a.active::before {
        background: #004e9c
    }

    .default-tabs .dropdown li h2 {
        line-height: 2.5rem
    }

    .default-tabs .dropdown li:hover {
        background: #004e9c
    }

    .default-tabs .dropdown li:hover a {
        color: #fff
    }

    .default-tabs .dropdown li:hover a:not([class]):not([data-toggle]):not([data-tag-uid]) {
        color: #fff
    }

    .default-tabs .dropdown li:hover a::before {
        background: #004e9c
    }

    .default-tabs .dropdown li:hover + .nav-item a::before {
        background: #004e9c
    }

    .default-tabs .dropdown li:first-of-type a::before {
        content: none
    }

    .default-tabs .dropdown li:last-of-type a::after {
        display: none
    }

    .default-tabs .dropdown.show .dropdown-toggle::after {
        -webkit-transform: translateY(-50%) rotate(270deg);
        -moz-transform: translateY(-50%) rotate(270deg);
        -ms-transform: translateY(-50%) rotate(270deg);
        -o-transform: translateY(-50%) rotate(270deg);
        transform: translateY(-50%) rotate(270deg);
        margin-top: -1px
    }

    .default-tabs .dropdown.show .dropdown-menu {
        border: 2px solid #004e9c;
        border-bottom: 0
    }
}

.hk-ce.grey .default-tabs .slick-slider .slick-next::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(236, 236, 236, 0)), to(#ececec));
    background: -webkit-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -moz-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -o-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: linear-gradient(to right, rgba(236, 236, 236, 0) 0, #ececec 100%)
}

.hk-ce.grey .default-tabs .slick-slider .slick-prev::after {
    background: -webkit-gradient(linear, left top, right top, from(#ececec), to(rgba(236, 236, 236, 0)));
    background: -webkit-linear-gradient(left, #ececec 0, rgba(236, 236, 236, 0) 100%);
    background: -moz-linear-gradient(left, #ececec 0, rgba(236, 236, 236, 0) 100%);
    background: -o-linear-gradient(left, #ececec 0, rgba(236, 236, 236, 0) 100%);
    background: linear-gradient(to right, #ececec 0, rgba(236, 236, 236, 0) 100%)
}

.hk-ce.green .default-tabs .slick-slider .slick-next::before, .hk-ce.green .default-tabs .slick-slider .slick-prev::before {
    color: #fff
}

.hk-ce.green .default-tabs .slick-slider .slick-next::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(125, 183, 19, 0)), to(#004e9c));
    background: -webkit-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
    background: -moz-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
    background: -o-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
    background: linear-gradient(to right, rgba(125, 183, 19, 0) 0, #004e9c 100%)
}

.hk-ce.green .default-tabs .slick-slider .slick-prev::after {
    background: -webkit-gradient(linear, left top, right top, from(#004e9c), to(rgba(125, 183, 19, 0)));
    background: -webkit-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
    background: -moz-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
    background: -o-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
    background: linear-gradient(to right, #004e9c 0, rgba(125, 183, 19, 0) 100%)
}

@media screen and (max-width: 799px) {
    .hk-ce .green .tabs-wrap .dropdown, .hk-ce .white .tabs-wrap .dropdown {
        margin-top: 0
    }

    .hk-ce .green .tab-content, .hk-ce .white .tab-content {
        margin-top: 56px
    }

    .hk-ce .green .tab-content .vertical-offset-top, .hk-ce .green .tab-content section, .hk-ce .white .tab-content .vertical-offset-top, .hk-ce .white .tab-content section {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .hk-ce .green .tabs-wrap .nav::after {
        background-color: #fff
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-next::before {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-next::after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(125, 183, 19, 0)), to(#004e9c));
        background: -webkit-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
        background: -moz-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
        background: -o-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
        background: linear-gradient(to right, rgba(125, 183, 19, 0) 0, #004e9c 100%)
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-prev::before {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-prev::after {
        background: -webkit-gradient(linear, left top, right top, from(#004e9c), to(rgba(125, 183, 19, 0)));
        background: -webkit-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
        background: -moz-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
        background: -o-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
        background: linear-gradient(to right, #004e9c 0, rgba(125, 183, 19, 0) 100%)
    }

    .hk-ce .green .tabs-wrap .nav li a {
        color: rgba(255, 255, 255, .75)
    }

    .hk-ce .green .tabs-wrap .nav li a::before {
        background-color: #fff
    }

    .hk-ce .green .tabs-wrap .nav li a.active, .hk-ce .green .tabs-wrap .nav li a:focus, .hk-ce .green .tabs-wrap .nav li a:hover {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .nav li a.active::after {
        background: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown {
        margin-top: 0;
        border: 2px solid #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-toggle {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-toggle::after {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu {
        background: 0 0
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li.active a::after, .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li.active::after {
        background: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li a {
        background: 0 0;
        color: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li a::before {
        background: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li a.active {
        background: #fff;
        color: #004e9c
    }

    .hk-ce .green .tabs-wrap .dropdown.show .dropdown-menu {
        border: 2px solid #fff;
        border-bottom: 0
    }
}

.h1, h1, h2, h3 {
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .h1, h1, h2, h3 {
        word-break: break-word
    }
}

.h1, h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 3rem
}

@media (max-width: 799px) {
    h2 {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

.main-heading, .play-button-wrapper .video-text, .video-text, h3 {
    font-size: 2.25rem
}

@media (max-width: 799px) {
    .main-heading, .play-button-wrapper .video-text, .video-text, h3 {
        font-size: 1.25rem;
        line-height: 1.25rem
    }
}

.heading, h4 {
    font-size: 1.125rem;
    font-weight: 400
}

.large-heading {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 4rem;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .large-heading {
        font-size: 2.5rem;
        line-height: 1
    }
}

.green-text, .medium-heading, .teaser-thumbnails.layout-special .slide-text :first-child, .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 24px
}

.heading {
    text-transform: none
}

p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.paragraph-large-size {
    font-size: 1.75rem;
    line-height: 2.5rem
}

@media (max-width: 799px) {
    .paragraph-large-size {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.paragraph-small-size, .product-description-image-s-grid, .product-description-image-s-grid p, .product-title-image-s-grid, .product-title-image-s-grid p, .teaser-thumbnails.layout-special .slide-text * {
    font-size: 1rem;
    line-height: 1.5rem
}

.paragraph-bu-size {
    font-size: .875rem;
    line-height: 1rem
}

.paragraph-thicker-size {
    font-size: 1.3125rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 42px
}

.green-text, .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    line-height: 1;
    color: #004e9c;
    margin-bottom: 0
}

.skyline {
    display: inline-block;
    padding: 2px;
    background-color: #004e9c;
    color: #fff;
    font-size: .94rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

h1.heading-bu, h1.heading-l, h1.heading-m, h1.heading-s, h1.heading-xl, h1.heading-xxl, h2.heading-bu, h2.heading-l, h2.heading-m, h2.heading-s, h2.heading-xl, h2.heading-xxl, h3.heading-bu, h3.heading-l, h3.heading-m, h3.heading-s, h3.heading-xl, h3.heading-xxl, h4.heading-bu, h4.heading-l, h4.heading-m, h4.heading-s, h4.heading-xl, h4.heading-xxl, h5.heading-bu, h5.heading-l, h5.heading-m, h5.heading-s, h5.heading-xl, h5.heading-xxl, h6.heading-bu, h6.heading-l, h6.heading-m, h6.heading-s, h6.heading-xl, h6.heading-xxl, p.heading-bu, p.heading-l, p.heading-m, p.heading-s, p.heading-xl, p.heading-xxl {
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

h1.heading-xxl, h2.heading-xxl, h3.heading-xxl, h4.heading-xxl, h5.heading-xxl, h6.heading-xxl, p.heading-xxl {
    font-size: 3rem;
    margin-bottom: 80px
}

@media (max-width: 799px) {
    h1.heading-xxl, h2.heading-xxl, h3.heading-xxl, h4.heading-xxl, h5.heading-xxl, h6.heading-xxl, p.heading-xxl {
        font-size: 2.25rem;
        margin-bottom: 56px
    }
}

h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl, p.heading-xl {
    font-size: 2.25rem;
    margin-bottom: 56px
}

@media (max-width: 799px) {
    h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl, p.heading-xl {
        font-size: 1.75rem;
        margin-bottom: 42px
    }
}

h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l, p.heading-l {
    font-size: 1.5rem;
    margin-bottom: 42px
}

@media (max-width: 799px) {
    h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l, p.heading-l {
        font-size: 1.25rem;
        margin-bottom: 28px
    }
}

h1.heading-bu, h1.heading-m, h1.heading-s, h2.heading-bu, h2.heading-m, h2.heading-s, h3.heading-bu, h3.heading-m, h3.heading-s, h4.heading-bu, h4.heading-m, h4.heading-s, h5.heading-bu, h5.heading-m, h5.heading-s, h6.heading-bu, h6.heading-m, h6.heading-s, p.heading-bu, p.heading-m, p.heading-s {
    font-weight: 400;
    text-transform: none
}

h1.heading-s, h2.heading-s, h3.heading-s, h4.heading-s, h5.heading-s, h6.heading-s, p.heading-s {
    font-size: 1rem;
    line-height: 1.5rem
}

h1.heading-bu, h2.heading-bu, h3.heading-bu, h4.heading-bu, h5.heading-bu, h6.heading-bu, p.heading-bu {
    font-size: .875rem;
    line-height: 1.25rem
}

h1.heading-m, h2.heading-m, h3.heading-m, h4.heading-m, h5.heading-m, h6.heading-m, p.heading-m {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: .5rem
}

h1.heading-m:not(:first-of-type), h2.heading-m:not(:first-of-type), h3.heading-m:not(:first-of-type), h4.heading-m:not(:first-of-type), h5.heading-m:not(:first-of-type), h6.heading-m:not(:first-of-type), p.heading-m:not(:first-of-type) {
    margin-top: .5rem
}

h4.heading-m:not(:first-of-type) {
    margin-top: .5rem
}

sup {
    top: -3px
}

.fact-l, .fact-l-mobile, .fact-m, .fact-s, .fact-xl, .fact-xs, .fact-xs-mobile, .fact-xxl {
    font-weight: 800;
    line-height: 1;
    color: #004e9c;
    text-transform: uppercase;
    margin-bottom: 4px
}

.fact-xxl {
    font-size: 6rem
}

.fact-xl {
    font-size: 4.5rem
}

.fact-l {
    font-size: 3rem
}

@media (max-width: 799px) {
    .fact-l {
        font-size: 2.5rem
    }
}

.fact-m {
    font-size: 2rem
}

.fact-s {
    font-size: 1.5rem
}

.fact-xs {
    font-size: 1rem
}

@media (max-width: 799px) {
    .fact-xs {
        font-size: .875rem
    }
}

.green-rte {
    color: #004e9c
}

.white-rte {
    color: #fff
}

.search-teaser {
    padding: 120px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.search-teaser h2 {
    color: #fff;
    line-height: 1;
    text-align: center
}

@media (max-width: 799px) {
    .search-teaser h2 {
        font-size: 2.25rem;
        margin-bottom: 16px
    }
}

.search-teaser .autocomplete-suggestions {
    position: relative !important;
    margin-top: 4px;
    padding: 16px;
    z-index: 10 !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.search-teaser .autocomplete-suggestion {
    display: none
}

.search-teaser .autocomplete-suggestion::before, .search-teaser .autocomplete-suggestion:hover {
    color: #004e9c
}

.search-teaser .autocomplete-suggestion:nth-child(-n+5) {
    display: block
}

@media (min-width: 992px) {
    .search-teaser .search-teaser-form {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin: 32px auto 0
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .search-teaser .search-teaser-form {
        margin-top: 32px
    }
}

@media (max-width: 799px) {
    .search-teaser {
        padding: 80px 0
    }

    .search-teaser .autocomplete-suggestion {
        font-size: 1rem;
        line-height: 1.3125rem;
        margin-bottom: 10px
    }

    .search-teaser .autocomplete-suggestion, .search-teaser .autocomplete-suggestion .internal-link {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%
    }
}

.search-teaser-field-wrapper {
    width: 100%;
    min-height: 40px
}

@media (max-width: 799px) {
    .search-teaser-field-wrapper {
        width: -webkit-calc(100% - 49px);
        width: -moz-calc(100% - 49px);
        width: calc(100% - 49px)
    }
}

.search-teaser-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.search-teaser-wrapper .tx-solr-submit {
    background-color: #fff;
    border-color: #fff;
    margin-left: 4px;
    font-weight: 400
}

.search-teaser-wrapper .tx-solr-submit::before {
    color: #004e9c
}

@media (min-width: 800px) {
    .search-teaser-wrapper .tx-solr-submit {
        color: #004e9c
    }
}

@media (max-width: 799px) {
    .search-teaser-wrapper .tx-solr-submit {
        color: transparent;
        width: 44px
    }

    .search-teaser-wrapper .tx-solr-submit::before {
        display: inline-block;
        content: '';
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search-mobile-green.svg');
        -webkit-background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -o-background-size: 18px 18px;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .search-teaser-wrapper .tx-solr-submit::after {
        content: none
    }
}

.search-teaser-field {
    padding: 0;
    width: 100%;
    height: 40px
}

.search-teaser-field input {
    width: 100%;
    padding: 8px 16px
}

.search-teaser-field input::-webkit-input-placeholder {
    opacity: 1
}

.search-teaser-field input:-moz-placeholder {
    opacity: 1
}

.search-teaser-field input::-moz-placeholder {
    opacity: 1
}

.search-teaser-field input:-ms-input-placeholder {
    opacity: 1
}

.search-results .autocomplete-suggestions {
    display: none !important
}

.search-results .qty-slides {
    position: relative;
    font-weight: 400;
    padding: 5px 0;
    height: 40px;
    width: 140px;
    text-align: center;
    border: 2px solid #004e9c;
    color: #004e9c;
    margin: 40px auto 0
}

.search-results .qty-slides .number-slide, .search-results .qty-slides .qty {
    position: relative;
    display: inline-block
}

.search-results .qty-slides .number-slide {
    margin-right: 3px
}

.search-results .qty-slides .number-slide::after {
    content: '/';
    position: absolute;
    right: -6px
}

.search-results .qty-slides .qty {
    margin-left: 3px
}

.search-results .qty-slides .button-slide-next, .search-results .qty-slides .button-slide-prev {
    position: absolute;
    top: 0;
    height: 38px;
    width: 38px;
    z-index: 5;
    cursor: pointer;
    border: 0;
    background-color: transparent
}

.search-results .qty-slides .button-slide-next::before, .search-results .qty-slides .button-slide-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 15px;
    color: #004e9c;
    font-size: 20px;
    line-height: 20px;
    font-weight: 100;
    opacity: 1
}

.search-results .qty-slides .button-slide-next.disabled, .search-results .qty-slides .button-slide-prev.disabled {
    opacity: .5
}

.search-results .qty-slides .button-slide-prev {
    left: 0
}

.search-results .qty-slides .button-slide-next {
    right: 0
}

.search-results .qty-slides .button-slide-next::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 13px
}

@media (max-width: 799px) {
    .search-results .qty-slides {
        margin-top: 16px
    }
}

.search-results .search-line {
    background: #ececec;
    margin-bottom: 80px;
    position: relative
}

.search-results .search-line form {
    position: relative
}

.search-results .search-line .overlay-shadow-left, .search-results .search-line .overlay-shadow-right {
    position: absolute;
    top: 28px;
    height: 40px;
    width: 120px;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.search-results .search-line .overlay-shadow-left.visible, .search-results .search-line .overlay-shadow-right.visible {
    opacity: 1
}

.search-results .search-line .search-btn {
    position: absolute;
    background: 0 0;
    z-index: 99;
    left: -5px;
    top: 50%;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-results .search-line .search-btn i::before {
    font-size: 27px
}

.search-results .search-line input, .search-results .search-line textarea {
    margin-bottom: 0;
    padding: 35px 20px 35px 0;
    position: relative;
    background: #ececec;
    width: auto;
    outline: 0;
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    border: 0
}

.search-results .search-line .btn-link {
    min-width: 185px;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.search-results .search-line .btn-link::before {
    margin-top: -1px
}

.search-results .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-y: auto;
    margin-left: 40px;
    overflow: -moz-scrollbars-none
}

.search-results .input-wrapper [class*=overlay-shadow-]:not(.visible) {
    visibility: hidden
}

.search-results .input-wrapper .input-search-result.width-full {
    width: 100%
}

.search-results .input-wrapper::-webkit-scrollbar {
    display: none
}

.search-results .overlay-shadow-left {
    left: 40px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(236, 236, 236, 0)), to(#ececec));
    background: -webkit-linear-gradient(right, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -moz-linear-gradient(right, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -o-linear-gradient(right, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: linear-gradient(270deg, rgba(236, 236, 236, 0) 0, #ececec 100%)
}

.search-results .overlay-shadow-right {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(236, 236, 236, 0)), to(#ececec));
    background: -webkit-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -moz-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -o-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: linear-gradient(90deg, rgba(236, 236, 236, 0) 0, #ececec 100%)
}

.search-results .result-quantiny {
    font-weight: 100
}

.search-results .results:not(:last-of-type) {
    padding-bottom: 40px
}

.search-results .results h4 {
    margin-bottom: 14px;
    line-height: 1.6
}

.search-results .results .description {
    margin-bottom: 14px
}

.search-results .results .autocomplete-suggestion, .search-results .results .link {
    font-size: 1.125rem;
    font-weight: 100
}

.search-results .results .images {
    position: relative;
    overflow: hidden
}

.search-results .results .images::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.search-results .results .images > img, .search-results .results .images > picture, .search-results .results .images > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.search-results .results .images > video {
    -o-object-fit: contain;
    object-fit: contain
}

.search-results .results .images > img {
    top: auto
}

@media (max-width: 799px) {
    .search-results .results .images {
        display: none
    }
}

.search-results .search-result-title a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-decoration: inherit;
    padding-left: 0;
    max-width: 100%;
    word-break: break-word;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.search-results .search-result-title a::after, .search-results .search-result-title a::before {
    content: none
}

.search-results .search-result-title a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

@media (max-width: 799px) {
    .search-results .default-tabs .tab-content {
        margin-top: 56px
    }

    .search-results .mCSB_inside > .mCSB_container {
        margin-right: 0
    }

    .search-results .overlay-shadow-left, .search-results .overlay-shadow-right {
        width: 60px;
        top: 18px
    }

    .search-results .overlay-shadow-left {
        left: 0
    }

    .search-results .search-line {
        margin-bottom: 40px
    }

    .search-results .search-line::before {
        display: none
    }

    .search-results .search-line .input-wrapper {
        margin-left: 0
    }

    .search-results .search-line input, .search-results .search-line textarea {
        padding: 26px 0;
        font-size: 1.125rem
    }

    .search-results .search-line .btn-link {
        display: none
    }

    .search-results .search-btn {
        display: none
    }

    .search-results .results .description {
        word-break: break-word
    }
}

.searched-for {
    font-size: 18px;
    font-weight: 100;
    line-height: 28px
}

.solution-finder .heading-margin-bottom {
    margin-bottom: 70px
}

@media (max-width: 799px) {
    .solution-finder .heading-margin-bottom {
        margin-bottom: 40px
    }
}

.solution-finder .category-title {
    opacity: 0;
    position: absolute;
    top: -80px;
    left: 50%;
    z-index: -1;
    white-space: nowrap;
    display: block;
    color: #004e9c;
    font-size: 48px;
    font-weight: 800;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, 30px);
    -moz-transform: translate(-50%, 30px);
    -ms-transform: translate(-50%, 30px);
    -o-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
    -webkit-transition: opacity .12s linear, -webkit-transform .3s ease-out;
    transition: opacity .12s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .12s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .12s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .12s linear;
    transition: transform .3s ease-out, opacity .12s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (max-width: 799px) {
    .solution-finder .category-title {
        display: none
    }
}

.solution-finder .reverse .category-title {
    -webkit-transform: translate(-50%, -15px);
    -moz-transform: translate(-50%, -15px);
    -ms-transform: translate(-50%, -15px);
    -o-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px)
}

.solution-finder .tab-content {
    margin-top: 56px;
    position: relative
}

.solution-finder .tab-content [class*=col-] {
    padding: 0
}

@media (min-width: 992px) {
    .solution-finder .tab-content {
        position: relative;
        margin-bottom: 90px
    }

    .solution-finder .tab-content::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .solution-finder .tab-content > img, .solution-finder .tab-content > picture, .solution-finder .tab-content > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .solution-finder .tab-content > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .solution-finder .tab-content > .tab-pane {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0
    }

    .solution-finder .tab-content > .tab-pane.active {
        opacity: 1;
        z-index: 1
    }

    .solution-finder .tab-content > .tab-pane.active [class$='-8'] .category-block-image {
        opacity: 1
    }

    .solution-finder .tab-content [class*=col-] {
        position: static
    }

    .solution-finder .tab-content [class$='-8'] .category-block-image {
        top: 0;
        left: 0;
        width: -webkit-calc(100% / 12 * 8 + 1px);
        width: -moz-calc(100% / 12 * 8 + 1px);
        width: calc(100% / 12 * 8 + 1px);
        height: -webkit-calc(100% / 12 * 8 + 1px);
        height: -moz-calc(100% / 12 * 8 + 1px);
        height: calc(100% / 12 * 8 + 1px);
        z-index: 2;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        -o-transition: opacity .25s ease-out;
        -moz-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
        -webkit-animation: lgReverseDiagonal .3s;
        -moz-animation: lgReverseDiagonal .3s;
        -o-animation: lgReverseDiagonal .3s;
        animation: lgReverseDiagonal .3s
    }

    .solution-finder .tab-content [class$='-4'] .category-block-green, .solution-finder .tab-content [class$='-4'] .category-block-image {
        width: -webkit-calc(100% / 12 * 4);
        width: -moz-calc(100% / 12 * 4);
        width: calc(100% / 12 * 4);
        height: -webkit-calc(100% / 12 * 4 + 1px);
        height: -moz-calc(100% / 12 * 4 + 1px);
        height: calc(100% / 12 * 4 + 1px);
        right: 0;
        z-index: 1
    }

    .solution-finder .tab-content [class$='-4'] .category-block-image {
        top: 0;
        -webkit-animation: smReverseDiagonal .3s;
        -moz-animation: smReverseDiagonal .3s;
        -o-animation: smReverseDiagonal .3s;
        animation: smReverseDiagonal .3s
    }

    .solution-finder .tab-content [class$='-4'] .category-block-green {
        position: absolute;
        top: -webkit-calc(100% / 12 * 4 - 1px);
        top: -moz-calc(100% / 12 * 4 - 1px);
        top: calc(100% / 12 * 4 - 1px);
        -webkit-animation: greenBlockReverseDiagonal .3s;
        -moz-animation: greenBlockReverseDiagonal .3s;
        -o-animation: greenBlockReverseDiagonal .3s;
        animation: greenBlockReverseDiagonal .3s
    }

    .solution-finder .tab-content [class$='-6'] .category-block-image {
        top: -webkit-calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 8);
        top: calc(100% / 12 * 8);
        width: -webkit-calc(100% / 12 * 6);
        width: -moz-calc(100% / 12 * 6);
        width: calc(100% / 12 * 6);
        height: -webkit-calc(100% / 12 * 6 + 1px);
        height: -moz-calc(100% / 12 * 6 + 1px);
        height: calc(100% / 12 * 6 + 1px);
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .solution-finder .tab-content [class$='-6'] .block-image-1 {
        left: 0
    }

    .solution-finder .tab-content [class$='-6'] .block-image-2 {
        right: 0
    }

    .solution-finder .tab-content.reverse [class$='-8'] .category-block-image {
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6);
        left: inherit;
        right: 0;
        -webkit-animation: lgDiagonal .3s;
        -moz-animation: lgDiagonal .3s;
        -o-animation: lgDiagonal .3s;
        animation: lgDiagonal .3s
    }

    .solution-finder .tab-content.reverse [class$='-4'] .category-block-green, .solution-finder .tab-content.reverse [class$='-4'] .category-block-image {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8)
    }

    .solution-finder .tab-content.reverse [class$='-4'] .category-block-image {
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6);
        -webkit-animation: smDiagonal .3s;
        -moz-animation: smDiagonal .3s;
        -o-animation: smDiagonal .3s;
        animation: smDiagonal .3s
    }

    .solution-finder .tab-content.reverse [class$='-4'] .category-block-green {
        top: -webkit-calc(100% / 12 * 10);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10);
        -webkit-animation: greenBlockDiagonal .3s;
        -moz-animation: greenBlockDiagonal .3s;
        -o-animation: greenBlockDiagonal .3s;
        animation: greenBlockDiagonal .3s
    }

    .solution-finder .tab-content.reverse [class$='-6'] .category-block-image {
        top: 0;
        z-index: 3
    }

    .solution-finder .tab-content.reverse [class$='-6'] .block-image-1 {
        right: 0;
        left: inherit
    }

    .solution-finder .tab-content.reverse [class$='-6'] .block-image-2 {
        left: 0;
        right: inherit
    }
}

@media (min-width: 800px) {
    .solution-finder .tab-content {
        margin-top: 32px
    }
}

@media (max-width: 991px) {
    .solution-finder .tab-content [class^=col-lg-]:last-of-type figcaption {
        padding-bottom: 0
    }

    .solution-finder .tab-content.reverse .active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(1) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(1) figcaption {
        padding-bottom: 0
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(4) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(4) figcaption {
        padding-bottom: 32px
    }
}

.category-nav {
    position: relative;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .category-nav {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        margin-left: 16.66667%
    }
}

@media (min-width: 800px) {
    .category-nav .nav-item {
        margin: 6px 10px;
        padding-left: 20px
    }

    .category-nav .link-item {
        font-weight: 100;
        font-size: 1.125rem;
        line-height: 1.75rem;
        -webkit-transition: color .3s ease-out;
        -o-transition: color .3s ease-out;
        -moz-transition: color .3s ease-out;
        transition: color .3s ease-out;
        color: #000
    }

    .category-nav .link-item::before {
        font-size: 16px;
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "X";
        color: #000;
        position: absolute;
        margin-right: 5px;
        left: -22px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: color .3s ease-out;
        -o-transition: color .3s ease-out;
        -moz-transition: color .3s ease-out;
        transition: color .3s ease-out
    }

    .category-nav .link-item:hover {
        color: #004e9c
    }

    .category-nav .link-item:hover::before {
        color: #004e9c
    }

    .category-nav .link-item.active {
        opacity: .5;
        pointer-events: none
    }

    .category-nav .link-item.active + .category-title {
        opacity: 1;
        z-index: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .category-nav .link-item:focus {
        color: #181818
    }

    .category-nav .dropdown {
        display: none
    }
}

.category-block-image {
    position: relative
}

.category-block-image figure {
    height: 100%
}

.category-block-image figure .category-img-wrapper {
    height: 100%
}

.category-block-image figcaption {
    padding: 10px 0;
    margin: 0
}

.category-block-image .autocomplete-suggestion, .category-block-image .link, .category-block-image p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100;
    margin: 14px 0 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease-out;
    transition: opacity .2s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .2s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .2s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .2s linear;
    transition: transform .3s ease-out, opacity .2s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.category-block-image .block-content {
    opacity: 1;
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease-out;
    transition: opacity .2s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .2s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .2s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .2s linear;
    transition: transform .3s ease-out, opacity .2s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (min-width: 992px) {
    .category-block-image {
        position: absolute
    }

    .category-block-image:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .category-block-image figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 24px
    }

    .category-block-image figcaption.bg-gradient {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%)
    }

    .category-block-image figcaption.bg-gradient .block-content * {
        color: #fff
    }

    .category-block-image figcaption p {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300
    }

    .category-block-image .autocomplete-suggestion, .category-block-image .link {
        display: inline-block;
        position: absolute;
        bottom: 0;
        padding: 11px 14px 11px 27px;
        text-transform: uppercase;
        font-size: .94rem;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-decoration: none;
        border: 2px solid #004e9c;
        opacity: 0
    }

    .category-block-image .autocomplete-suggestion::before, .category-block-image .link::before {
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "F";
        position: absolute;
        left: 10px;
        font-size: 11px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
    }

    .category-block-image .bg-gradient .autocomplete-suggestion, .category-block-image .bg-gradient .link {
        color: #fff;
        border-color: #fff
    }

    .category-block-image .bg-gradient .autocomplete-suggestion::before, .category-block-image .bg-gradient .link::before {
        color: #fff
    }

    .category-block-image .link-overlap {
        position: absolute;
        color: transparent;
        display: inline-block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1
    }

    .category-block-image .link-overlap:hover + figcaption .block-content {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .category-block-image .link-overlap:hover + figcaption .autocomplete-suggestion, .category-block-image .link-overlap:hover + figcaption .link {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@media (max-width: 991px) {
    .category-block-image figcaption {
        padding: 10px 0 32px
    }
}

.category-block-green, .category-img-wrapper {
    position: relative;
    position: relative;
    overflow: hidden
}

.category-block-green::before, .category-img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.category-block-green > img, .category-block-green > picture, .category-block-green > video, .category-img-wrapper > img, .category-img-wrapper > picture, .category-img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.category-block-green > video, .category-img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.category-block-green .info-text-wrapper, .category-block-green img, .category-img-wrapper .info-text-wrapper, .category-img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (max-width: 575px) {
    .category-block-green, .category-img-wrapper {
        width: 100vw;
        margin-left: -15px
    }
}

.category-block-green {
    background-color: #004e9c;
    color: #fff
}

.category-block-green .info-text-wrapper {
    padding: 24px
}

.category-block-green .info-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.category-block-green .info-text p {
    font-weight: 800;
    line-height: 1;
    margin: 0
}

.category-block-green .info-text p:not(.green-block-large-text) {
    text-transform: uppercase
}

.category-block-green .info-text p:last-of-type {
    margin-bottom: 0
}

.green-block-large-text {
    font-size: 4.5rem
}

@media (min-width: 992px) and (max-width: 1199px) {
    .green-block-large-text {
        font-size: 3.5rem
    }
}

.green-block-medium-text {
    font-size: 1.5rem
}

.green-block-small-text {
    font-size: 1rem
}

@-webkit-keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: -webkit-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-moz-keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-o-keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: calc(100% / 12 * 4);
        top: calc(100% / 12 * 6)
    }
}

@keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: -webkit-calc(100% / 12 * 4);
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-webkit-keyframes lgReverseDiagonal {
    0% {
        left: -webkit-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@-moz-keyframes lgReverseDiagonal {
    0% {
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@-o-keyframes lgReverseDiagonal {
    0% {
        left: calc(100% / 12 * 4);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@keyframes lgReverseDiagonal {
    0% {
        left: -webkit-calc(100% / 12 * 4);
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes smDiagonal {
    0% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-moz-keyframes smDiagonal {
    0% {
        right: 0;
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
    100% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-o-keyframes smDiagonal {
    0% {
        right: 0;
        top: calc(100% / 12 * 4)
    }
    100% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 6)
    }
}

@keyframes smDiagonal {
    0% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-webkit-keyframes smReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@-moz-keyframes smReverseDiagonal {
    0% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@-o-keyframes smReverseDiagonal {
    0% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@keyframes smReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@-webkit-keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
}

@-moz-keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
}

@-o-keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 10)
    }
}

@keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
}

@-webkit-keyframes greenBlockReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
}

@-moz-keyframes greenBlockReverseDiagonal {
    0% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
}

@-o-keyframes greenBlockReverseDiagonal {
    0% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: calc(100% / 12 * 4)
    }
}

@keyframes greenBlockReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
}

.form-wrapper.form-preloader {
    position: relative !important
}

.form-wrapper.form-preloader::before {
    display: block;
    position: absolute;
    top: -webkit-calc(50% - 50px);
    top: -moz-calc(50% - 50px);
    top: calc(50% - 50px);
    left: -webkit-calc(50% - 50px);
    left: -moz-calc(50% - 50px);
    left: calc(50% - 50px);
    z-index: 100;
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Images/preloader.gif');
    width: 100px;
    height: 100px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.form-wrapper.form-preloader form {
    pointer-events: none;
    opacity: .3
}

.dropzone-wrap {
    position: relative;
    font-size: 0
}

.dropzone-wrap .dropzone-label {
    margin-bottom: 0
}

.dropzone-wrap .dropzone-label .parsley-errors-list {
    margin-left: 0
}

.dropzone-wrap .dropzone-label-text.hidden {
    display: none
}

.dropzone-wrap .dropzone-input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 1px;
    height: 1px
}

.dropzone-wrap .dropzone-file {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #dad9d9;
    margin-right: 50px;
    margin-bottom: 16px;
    padding: 7px 8px;
    font: 16px/1.2 Univers;
    color: #595959;
    margin-left: 1px
}

.dropzone-wrap .dropzone-file.error {
    border-color: #e83200
}

.dropzone-wrap .dropzone-file .file-size {
    font-weight: 300;
    margin-left: 8px
}

.dropzone-wrap .dropzone-file .file-close {
    position: absolute;
    top: 50%;
    left: -webkit-calc(100% + 8px);
    left: -moz-calc(100% + 8px);
    left: calc(100% + 8px);
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent
}

.dropzone-wrap .dropzone-file .file-close::before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 22px
}

.w-video-wrapper.w-css-reset {
    background: 0 0 !important
}

.gallery-images-wrapper::after {
    display: block;
    content: "";
    clear: both
}

.negative-top-margin {
    margin-top: -176px
}

.gallery-item-image-box {
    position: relative;
    overflow: hidden
}

.gallery-item-image-box .video-item, .gallery-item-image-box .video-overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gallery-item-image-box .video-item .w-bottom-bar, .gallery-item-image-box .video-overlap .w-bottom-bar {
    opacity: 0 !important
}

.gallery-item-image-box .video-overlap {
    z-index: 2
}

.gallery-item {
    position: relative;
    float: left;
    width: 50%
}

.gallery-item .hidden {
    display: none
}

.gallery-item .image-title {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 2rem;
    margin-top: 15px;
    text-align: center
}

@media (max-width: 799px) {
    .gallery-item {
        width: 100%;
        padding: 0
    }

    .gallery-item:not(:last-child) {
        margin-bottom: 15px
    }
}

.gallery-item .capture-title p {
    font-size: 1.875rem;
    z-index: 9;
    position: relative;
    color: #181818
}

.gallery-item .mfp-title {
    line-height: 1.25rem;
    text-align: center
}

.gallery-item-1 {
    margin-top: 176px;
    padding-right: 15px
}

@media (max-width: 799px) {
    .gallery-item-1 {
        padding-right: 0
    }
}

.gallery-item-2 {
    margin-bottom: 30px;
    padding-left: 15px
}

@media (max-width: 799px) {
    .gallery-item-2 {
        padding-left: 0
    }
}

.image-lightbox-link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.image-lightbox-link::after, .image-lightbox-link::before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.image-lightbox-link::before {
    content: '+';
    color: #fff;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center;
    line-height: .9
}

.image-lightbox-link::after {
    content: '';
    background-color: #004e9c
}

.image-lightbox-link:hover::after, .image-lightbox-link:hover::before {
    width: 28px;
    height: 28px
}

.gallery-image-figure {
    margin-bottom: 0;
    height: 100%;
    overflow: hidden
}

.gallery-image-figure img {
    height: auto;
    width: auto;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    image-rendering: crisp-edges
}

.gallery-image-figure img:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.gallery-image-figure figcaption {
    display: none
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box, .gallery-layout-a .gallery-item-2 .gallery-item-image-box, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box {
    position: relative
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-a .gallery-item-2 .gallery-item-image-box::before, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-a .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 800px) {
    .gallery-layout-a .gallery-item-2, .gallery-layout-teaser-a .gallery-item-2 {
        padding-left: 15px
    }
}

.gallery-layout-a .gallery-item-3, .gallery-layout-teaser-a .gallery-item-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box {
    position: relative
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box::before, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-a .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-a .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .gallery-layout-a .gallery-item-3, .gallery-layout-teaser-a .gallery-item-3 {
        max-width: 100%;
        padding-left: 0
    }
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box, .gallery-layout-b .gallery-item-4 .gallery-item-image-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-b .gallery-item-4 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .gallery-layout-b .gallery-item-1 .gallery-item-image-box, .gallery-layout-b .gallery-item-4 .gallery-item-image-box {
        max-width: 100%
    }
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box, .gallery-layout-b .gallery-item-3 .gallery-item-image-box {
    position: relative
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box::before, .gallery-layout-b .gallery-item-3 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 800px) {
    .gallery-layout-b .gallery-item-1 .gallery-item-image-box {
        left: 50%
    }

    .gallery-layout-b .gallery-item-3 {
        padding-right: 15px
    }

    .gallery-layout-b .gallery-item-4 {
        padding-left: 15px
    }
}

.gallery-layout-c .gallery-item-1, .gallery-layout-teaser-b .gallery-item-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-right: 15px
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box {
    position: relative
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 133.33333%
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

.gallery-layout-c .gallery-item-1 img, .gallery-layout-teaser-b .gallery-item-1 img {
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px)
}

.gallery-layout-c .gallery-item-2, .gallery-layout-teaser-b .gallery-item-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    width: -webkit-calc(7 * 100% / 12);
    width: -moz-calc(7 * 100% / 12);
    width: calc(7 * 100% / 12)
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box {
    position: relative
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

.gallery-layout-c .gallery-item-3, .gallery-layout-c .gallery-item-4, .gallery-layout-teaser-b .gallery-item-3, .gallery-layout-teaser-b .gallery-item-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box, .gallery-layout-c .gallery-item-4 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box {
    position: relative
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box::before, .gallery-layout-c .gallery-item-4 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

.gallery-layout-c .gallery-item-4, .gallery-layout-teaser-b .gallery-item-4 {
    margin-left: 15px
}

@media (max-width: 799px) {
    .gallery-layout-c .gallery-item, .gallery-layout-teaser-b .gallery-item {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-left: 0
    }

    .gallery-layout-c .gallery-item img, .gallery-layout-teaser-b .gallery-item img {
        width: 100%;
        left: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .gallery-layout-c .gallery-item .image-lightbox-link, .gallery-layout-teaser-b .gallery-item .image-lightbox-link {
        width: 100%;
        left: 0
    }
}

.gallery-layout-teaser .gallery-item-1 .gallery-item-content-box {
    left: 0
}

.gallery-layout-teaser .gallery-item-content-box {
    margin: 16px 0 41px
}

.gallery-layout-teaser .gallery-item-content-box .heading {
    line-height: 1.75rem;
    margin-bottom: 0
}

@media (min-width: 800px) {
    .gallery-layout-teaser .gallery-item-content-box {
        position: absolute;
        left: 15px;
        bottom: 0;
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px);
        margin: 0;
        padding: 24px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 24, 0)), to(#181818));
        background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0) 0, #181818 100%);
        background: -moz-linear-gradient(top, rgba(24, 24, 24, 0) 0, #181818 100%);
        background: -o-linear-gradient(top, rgba(24, 24, 24, 0) 0, #181818 100%);
        background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0, #181818 100%)
    }

    .gallery-layout-teaser .gallery-item-content-box .heading {
        color: #fff;
        line-height: 1.75rem;
        margin-bottom: 0
    }
}

@media (max-width: 799px) {
    .gallery-layout-teaser .gallery-item:last-of-type .gallery-item-content-box {
        margin-bottom: 0
    }
}

.image-gallery .wistia_embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%
}

.image-gallery .wistia_embed video {
    width: auto !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.image-gallery a.gallery-link {
    display: block;
    color: inherit
}

.image-gallery a.gallery-link:hover .gallery-image-figure .image {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.image-gallery a.gallery-link .gallery-item-content-box {
    width: auto;
    right: 0;
    left: 0
}

.image-gallery a.gallery-link .gallery-item-content-box .inner-link {
    position: relative;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    font-weight: 400
}

@media (min-width: 800px) {
    .image-gallery a.gallery-link .inner-link {
        display: inline-block;
        background-color: #004e9c;
        color: #fff;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0 10px 0 21px;
        margin-top: 10px
    }

    .image-gallery a.gallery-link .inner-link::before {
        color: #fff;
        font-size: 8px;
        left: 7px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.mfp-wrap.mfp-gallery .mfp-iframe-holder {
    padding: 200px 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mfp-wrap.mfp-gallery .mfp-iframe-holder .mfp-content {
    max-width: 100%
}

.mfp-wrap.mfp-gallery .mfp-iframe-holder .mfp-content iframe {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media (max-width: 799px) {
    .mfp-iframe-holder {
        padding: 150px 20px !important
    }
}

.mfp-zoom-out-cur {
    cursor: pointer
}

.mfp-zoom-out-cur .mfp-close {
    -webkit-transition: color .2s ease, border-color .2s ease;
    -o-transition: color .2s ease, border-color .2s ease;
    -moz-transition: color .2s ease, border-color .2s ease;
    transition: color .2s ease, border-color .2s ease;
    z-index: 9999
}

.mfp-zoom-out-cur .mfp-close:hover {
    background: rgba(0, 0, 0, .3);
    color: #004e9c;
    border-color: #004e9c
}

@-webkit-keyframes customFadeInOut {
    from {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes customFadeInOut {
    from {
        opacity: 0;
        -moz-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@-o-keyframes customFadeInOut {
    from {
        opacity: 0;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@keyframes customFadeInOut {
    from {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes customFadeOutIn {
    from {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes customFadeOutIn {
    from {
        opacity: 1;
        -moz-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

@-o-keyframes customFadeOutIn {
    from {
        opacity: 1;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

@keyframes customFadeOutIn {
    from {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

.mfp-bg.customFadeInOut {
    -webkit-animation-name: customFadeInOut;
    -moz-animation-name: customFadeInOut;
    -o-animation-name: customFadeInOut;
    animation-name: customFadeInOut;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
    background-color: rgba(24, 24, 24, .8)
}

.mfp-bg.customFadeInOut.mfp-removing {
    -webkit-animation-name: customFadeOutIn;
    -moz-animation-name: customFadeOutIn;
    -o-animation-name: customFadeOutIn;
    animation-name: customFadeOutIn
}

.image-map-wrap {
    position: relative;
    margin-top: 80px
}

@media (max-width: 799px) {
    .image-map-wrap:not(.mobile-map) {
        display: none
    }
}

.image-map-wrap .image-map {
    margin: 0
}

.image-map-wrap .image-map img {
    height: auto;
    width: 100%
}

.image-map-wrap .image-map video {
    display: block;
    width: 100%;
    height: auto
}

.image-map-wrap .marker-wrapper {
    position: absolute
}

.image-map-wrap .marker-wrapper .marker-point {
    display: inline-block;
    position: relative;
    margin-left: -16px;
    margin-top: -16px;
    height: 32px;
    width: 32px;
    background-color: #004e9c;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 8
}

.image-map-wrap .marker-wrapper .marker-point::before {
    content: '+';
    position: absolute;
    color: #fff;
    height: 100%;
    width: 100%;
    font-size: 26px;
    line-height: 28px;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 799px) {
    .image-map-wrap .marker-wrapper .marker-point {
        margin-left: -13px;
        margin-top: -13px;
        height: 26px;
        width: 26px;
        line-height: 20px
    }

    .image-map-wrap .marker-wrapper .marker-point::before {
        content: none
    }
}

.image-map-wrap .marker-wrapper .marker-point .fa-plus-circle, .image-map-wrap .marker-wrapper .marker-point .fa-question-circle, .image-map-wrap .marker-wrapper .marker-point .fa-search, .image-map-wrap .marker-wrapper .marker-point .marker-index {
    display: none
}

@media (max-width: 799px) {
    .image-map-wrap .marker-wrapper .marker-point .marker-index {
        display: inline-block;
        font-weight: 400;
        color: #fff;
        font-size: 14px
    }
}

.image-map-wrap .marker-wrapper .marker-teaser {
    visibility: hidden;
    opacity: 0;
    width: 392px;
    position: absolute;
    padding: 32px 16px;
    margin-left: -8px;
    background-color: #fcfcfc;
    -webkit-transition: all 1.1s ease;
    -o-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    transition: all 1.1s ease;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    left: 50%;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
    z-index: 9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-hover-helper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-image {
    margin-bottom: 16px
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-image img {
    width: 100%;
    height: auto
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-header {
    font-weight: 400;
    margin-bottom: 12px
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description {
    font-weight: 100
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description p {
    margin-bottom: 0
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description .autocomplete-suggestion::before, .image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description .link::before {
    top: 9px
}

.image-map-wrap .marker-wrapper.clicked-marker .marker-point, .image-map-wrap .marker-wrapper.hovered-marker .marker-point {
    z-index: 10
}

.image-map-wrap .marker-wrapper.clicked-marker .marker-point::before, .image-map-wrap .marker-wrapper.hovered-marker .marker-point::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.image-map-wrap .marker-wrapper.clicked-marker .marker-teaser, .image-map-wrap .marker-wrapper.hovered-marker .marker-teaser {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px)
}

.image-map-wrap .marker-wrapper.left .marker-teaser {
    -webkit-transform: translate(-100%, 10px);
    -moz-transform: translate(-100%, 10px);
    -ms-transform: translate(-100%, 10px);
    -o-transform: translate(-100%, 10px);
    transform: translate(-100%, 10px)
}

.image-map-wrap .marker-wrapper.left:hover .marker-teaser {
    -webkit-transform: translate(-100%, -20px);
    -moz-transform: translate(-100%, -20px);
    -ms-transform: translate(-100%, -20px);
    -o-transform: translate(-100%, -20px);
    transform: translate(-100%, -20px)
}

.image-map-wrap.mobile-map {
    display: none
}

@media (max-width: 799px) {
    .image-map-wrap.mobile-map {
        display: block;
        margin-top: 56px
    }
}

.image-map-wrap.mobile-map .map-with-markers {
    position: relative
}

.image-map-wrap.mobile-map .map-with-markers .marker-wrapper {
    line-height: .5
}

.image-map-wrap.mobile-map .map-with-markers .marker-wrapper .marker-point {
    width: 20px;
    height: 20px;
    line-height: 14px;
    border: 1px solid #fff
}

.image-map-wrap.mobile-map .map-with-markers .marker-wrapper .marker-point span {
    font-size: 12px;
    font-weight: 300
}

.image-map-wrap.mobile-map .accordion .collapse-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.image-map-wrap.mobile-map .accordion .collapse-content .marker-teaser-image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.image-map-wrap.mobile-map .accordion .collapse-header, .image-map-wrap.mobile-map .accordion .marker-teaser-description {
    padding-left: 27px
}

.image-map-wrap.mobile-map .accordion .collapse-header .hotspot {
    font-size: 1.125rem;
    line-height: 1.75rem;
    position: absolute;
    left: 0;
    color: #004e9c;
    font-weight: 400
}

.tx_imagemaps .headline-margin {
    margin-bottom: 42px
}

@media (min-width: 800px) {
    .tx_imagemaps .headline-margin {
        margin-bottom: 80px
    }
}

@media (max-width: 991px) {
    .tx_imagemaps .headline-margin {
        word-wrap: break-word
    }
}

.tx_imagemaps .subheadline {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100
}

.tx_imagemaps .subheadline p {
    margin-bottom: 0
}

.quick-links-teaser .container {
    height: 100%
}

.quick-links-teaser .quick-links-blocks {
    width: 100vw;
    max-width: 1920px;
    margin-top: 56px
}

@media (min-width: 992px) {
    .quick-links-teaser .quick-links-blocks {
        position: relative;
        margin: 80px auto 0;
        overflow: hidden
    }

    .quick-links-teaser .quick-links-blocks::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .quick-links-teaser .quick-links-blocks > img, .quick-links-teaser .quick-links-blocks > picture, .quick-links-teaser .quick-links-blocks > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .quick-links-teaser .quick-links-blocks > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.quick-links-teaser .background.hovered .original-background {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width: 992px) {
    .quick-links-teaser .background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .quick-links-teaser .background:not(.hovered) .block .block-background {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .quick-links-teaser .background:not(.hovered) .block .block-content {
        background-color: transparent
    }

    .quick-links-teaser .background:not(.hovered) .block .heading-block {
        display: block
    }

    .quick-links-teaser .background:not(.hovered) .block .heading-block::before {
        content: '+'
    }

    .quick-links-teaser .background:not(.hovered) .block .heading-block::after {
        content: ''
    }

    .quick-links-teaser .background:not(.hovered) .block .item {
        visibility: hidden
    }
}

.quick-links-teaser .block-background, .quick-links-teaser .original-background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.quick-links-teaser .original-background {
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .quick-links-teaser .original-background {
        display: none
    }
}

.quick-links-teaser .block-background {
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media (max-width: 991px) {
    .quick-links-teaser .block-background {
        visibility: visible;
        opacity: 1;
        right: 0;
        width: 100% !important;
        left: 0 !important
    }
}

.quick-links-teaser .block {
    position: relative
}

.quick-links-teaser .block:last-of-type .block-content::before {
    border-right: 2px solid rgba(255, 255, 255, .3)
}

@media (max-width: 991px) {
    .quick-links-teaser .block:last-of-type .block-content {
        border: 0
    }
}

@media (min-width: 992px) {
    .quick-links-teaser .block {
        height: 100%;
        float: left
    }

    .quick-links-teaser .block:hover .block-background {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .quick-links-teaser .block:hover .block-content .items {
        visibility: visible
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .block {
        position: relative
    }

    .quick-links-teaser .block::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .quick-links-teaser .block > img, .quick-links-teaser .block > picture, .quick-links-teaser .block > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .quick-links-teaser .block > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .quick-links-teaser .block.show {
        z-index: 100
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .block {
        width: 100%;
        left: 0
    }
}

@media (max-width: 575px) {
    .quick-links-teaser .block {
        min-height: 210px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        left: -15px
    }
}

.quick-links-teaser .block-content {
    position: relative;
    z-index: 10;
    top: 25%;
    height: 50%
}

.quick-links-teaser .block-content:not(.hover) .item {
    visibility: hidden
}

@media (max-width: 991px) {
    .quick-links-teaser .block-content:not(.hover) .item {
        visibility: visible;
        display: block
    }
}

@media (min-width: 992px) {
    .quick-links-teaser .block-content::before {
        content: '';
        position: absolute;
        left: 0;
        top: -50%;
        height: 200%;
        width: 100%;
        border-left: 2px solid rgba(255, 255, 255, .3);
        pointer-events: none
    }

    .quick-links-teaser .block-content.hover::before {
        background-color: rgba(24, 24, 24, .5)
    }

    .quick-links-teaser .block-content.hover .heading-block {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-20px, -50%);
        -moz-transform: translate(-20px, -50%);
        -ms-transform: translate(-20px, -50%);
        -o-transform: translate(-20px, -50%);
        transform: translate(-20px, -50%)
    }

    .quick-links-teaser .block-content.hover .item li, .quick-links-teaser .block-content.hover .item > * .quick-links-teaser .block-content.hover .item:not(ul) {
        opacity: 1;
        -webkit-animation: quickLinksBounceInRight .22s ease-out both;
        -moz-animation: quickLinksBounceInRight .22s ease-out both;
        -o-animation: quickLinksBounceInRight .22s ease-out both;
        animation: quickLinksBounceInRight .22s ease-out both
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .block-content {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 47px 15px 44px;
        background-color: rgba(24, 24, 24, .2);
        border-left: 0;
        border-bottom: 2px solid rgba(255, 255, 255, .3)
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .quick-links-teaser .block-content {
        padding: 47px 30px 44px
    }
}

.quick-links-teaser .dropdown {
    display: none
}

@media (max-width: 991px) {
    .quick-links-teaser .dropdown {
        display: block;
        border-color: #fff;
        margin-top: auto
    }

    .quick-links-teaser .dropdown.show {
        border-color: #004e9c
    }

    .quick-links-teaser .dropdown.show .btn-toggle {
        background-color: #fff;
        opacity: .9
    }

    .quick-links-teaser .dropdown .btn-toggle {
        border: 0;
        background-color: transparent;
        opacity: .9
    }

    .quick-links-teaser .dropdown .dropdown-menu {
        background-color: #fff;
        padding-bottom: 13px
    }

    .quick-links-teaser .dropdown .dropdown-menu a {
        text-transform: none;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 2
    }

    .quick-links-teaser .dropdown .dropdown-menu a::before {
        content: "F";
        height: auto;
        top: 11px;
        background-color: transparent
    }
}

.quick-links-teaser .heading-block, .quick-links-teaser .items {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 0
}

@media (max-width: 991px) {
    .quick-links-teaser .heading-block, .quick-links-teaser .items {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.quick-links-teaser .heading-block {
    font-size: 2.25rem;
    line-height: 1;
    margin-top: -25px;
    padding-bottom: 20px;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.quick-links-teaser .heading-block::after, .quick-links-teaser .heading-block::before {
    display: inline-block;
    position: absolute;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 23px;
    text-align: center;
    top: 100%;
    left: 0;
    margin-top: -1px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.quick-links-teaser .heading-block::before {
    content: '+';
    font-size: 40px;
    font-weight: 100
}

.quick-links-teaser .heading-block::after {
    content: '';
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 991px) {
    .quick-links-teaser .heading-block {
        font-size: 1.25rem;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 8px
    }

    .quick-links-teaser .heading-block::after, .quick-links-teaser .heading-block::before {
        content: none
    }
}

@media (min-width: 992px) {
    .quick-links-teaser .heading-block {
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
}

.quick-links-teaser .items {
    visibility: hidden;
    position: absolute;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.quick-links-teaser .items .item {
    margin-bottom: 32px
}

.quick-links-teaser .items .item:last-of-type {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .quick-links-teaser .items .item {
        position: relative;
        visibility: visible;
        display: block;
        margin-bottom: 0
    }
}

.quick-links-teaser .items .autocomplete-suggestion, .quick-links-teaser .items .heading, .quick-links-teaser .items .link {
    color: #fff
}

.quick-links-teaser .items .heading {
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px
}

.quick-links-teaser .items ul {
    margin-bottom: 32px
}

.quick-links-teaser .items ul li {
    line-height: 1.3125rem;
    opacity: 0;
    margin-bottom: 10px
}

.quick-links-teaser .items ul li:last-of-type {
    margin-bottom: 0
}

.quick-links-teaser .items ul .autocomplete-suggestion, .quick-links-teaser .items ul .link {
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.quick-links-teaser .items ul .autocomplete-suggestion::before, .quick-links-teaser .items ul .autocomplete-suggestion:hover, .quick-links-teaser .items ul .link::before, .quick-links-teaser .items ul .link:hover {
    color: #004e9c
}

.quick-links-teaser .items ul .autocomplete-suggestion::before, .quick-links-teaser .items ul .link::before {
    top: 6px
}

@media (max-width: 991px) {
    .quick-links-teaser .items ul {
        display: none
    }
}

.lead-generation.leadgeneration-popup .form-wrapper .powermail_create .quick-links-teaser .items .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .quick-links-teaser .items .powermail_fieldwrap_type_submit, .quick-links-teaser .items .btn-white, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

@media (max-width: 991px) {
    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .quick-links-teaser .items .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .quick-links-teaser .items .powermail_fieldwrap_type_submit, .quick-links-teaser .items .btn-white, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        border: 0;
        padding: 0 0 0 15px;
        font-size: 1rem;
        letter-spacing: 0;
        text-transform: none
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .quick-links-teaser .items .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .quick-links-teaser .items .powermail_fieldwrap_type_submit::before, .quick-links-teaser .items .btn-white::before, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before {
        left: 0;
        margin-top: 0
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .items {
        position: relative;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .quick-links-teaser .items .heading, .quick-links-teaser .items .paragraph-large-size {
        display: none
    }
}

@media (min-width: 992px) {
    .quick-links-teaser.two-blocks .block {
        width: 50%
    }

    .quick-links-teaser.three-blocks .block {
        width: 33.3%
    }

    .quick-links-teaser.four-blocks .block {
        width: 25%
    }

    .quick-links-teaser.four-blocks .block .heading, .quick-links-teaser.four-blocks .block .heading-block {
        font-size: 1.25rem
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .heading-margin-bottom {
        margin-bottom: 42px
    }

    .quick-links-teaser p {
        margin-bottom: 0
    }

    .quick-links-teaser .dropdown-backdrop {
        display: none
    }
}

@-webkit-keyframes quickLinksBounceInRight {
    from {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes quickLinksBounceInRight {
    from {
        -moz-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes quickLinksBounceInRight {
    from {
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -o-transform: none;
        transform: none
    }
}

@keyframes quickLinksBounceInRight {
    from {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

[data-animation=bounceInRight] :nth-child(0) {
    -webkit-animation-delay: 0s !important;
    -moz-animation-delay: 0s !important;
    -o-animation-delay: 0s !important;
    animation-delay: 0s !important
}

[data-animation=bounceInRight] :nth-child(1) {
    -webkit-animation-delay: 38ms !important;
    -moz-animation-delay: 38ms !important;
    -o-animation-delay: 38ms !important;
    animation-delay: 38ms !important
}

[data-animation=bounceInRight] :nth-child(2) {
    -webkit-animation-delay: 76ms !important;
    -moz-animation-delay: 76ms !important;
    -o-animation-delay: 76ms !important;
    animation-delay: 76ms !important
}

[data-animation=bounceInRight] :nth-child(3) {
    -webkit-animation-delay: .114s !important;
    -moz-animation-delay: .114s !important;
    -o-animation-delay: .114s !important;
    animation-delay: .114s !important
}

[data-animation=bounceInRight] :nth-child(4) {
    -webkit-animation-delay: .152s !important;
    -moz-animation-delay: .152s !important;
    -o-animation-delay: .152s !important;
    animation-delay: .152s !important
}

[data-animation=bounceInRight] :nth-child(5) {
    -webkit-animation-delay: .19s !important;
    -moz-animation-delay: .19s !important;
    -o-animation-delay: .19s !important;
    animation-delay: .19s !important
}

[data-animation=bounceInRight] :nth-child(6) {
    -webkit-animation-delay: .228s !important;
    -moz-animation-delay: .228s !important;
    -o-animation-delay: .228s !important;
    animation-delay: .228s !important
}

[data-animation=bounceInRight] :nth-child(7) {
    -webkit-animation-delay: .266s !important;
    -moz-animation-delay: .266s !important;
    -o-animation-delay: .266s !important;
    animation-delay: .266s !important
}

[data-animation=bounceInRight] :nth-child(8) {
    -webkit-animation-delay: .304s !important;
    -moz-animation-delay: .304s !important;
    -o-animation-delay: .304s !important;
    animation-delay: .304s !important
}

[data-animation=bounceInRight] :nth-child(9) {
    -webkit-animation-delay: .342s !important;
    -moz-animation-delay: .342s !important;
    -o-animation-delay: .342s !important;
    animation-delay: .342s !important
}

[data-animation=bounceInRight] :nth-child(10) {
    -webkit-animation-delay: .38s !important;
    -moz-animation-delay: .38s !important;
    -o-animation-delay: .38s !important;
    animation-delay: .38s !important
}

[data-animation=bounceInRight] :nth-child(11) {
    -webkit-animation-delay: .418s !important;
    -moz-animation-delay: .418s !important;
    -o-animation-delay: .418s !important;
    animation-delay: .418s !important
}

[data-animation=bounceInRight] :nth-child(12) {
    -webkit-animation-delay: .456s !important;
    -moz-animation-delay: .456s !important;
    -o-animation-delay: .456s !important;
    animation-delay: .456s !important
}

[data-animation=bounceInRight] :nth-child(13) {
    -webkit-animation-delay: .494s !important;
    -moz-animation-delay: .494s !important;
    -o-animation-delay: .494s !important;
    animation-delay: .494s !important
}

[data-animation=bounceInRight] :nth-child(14) {
    -webkit-animation-delay: .532s !important;
    -moz-animation-delay: .532s !important;
    -o-animation-delay: .532s !important;
    animation-delay: .532s !important
}

[data-animation=bounceInRight] :nth-child(15) {
    -webkit-animation-delay: .57s !important;
    -moz-animation-delay: .57s !important;
    -o-animation-delay: .57s !important;
    animation-delay: .57s !important
}

[data-animation=bounceInRight] :nth-child(16) {
    -webkit-animation-delay: .608s !important;
    -moz-animation-delay: .608s !important;
    -o-animation-delay: .608s !important;
    animation-delay: .608s !important
}

[data-animation=bounceInRight] :nth-child(17) {
    -webkit-animation-delay: .646s !important;
    -moz-animation-delay: .646s !important;
    -o-animation-delay: .646s !important;
    animation-delay: .646s !important
}

[data-animation=bounceInRight] :nth-child(18) {
    -webkit-animation-delay: .684s !important;
    -moz-animation-delay: .684s !important;
    -o-animation-delay: .684s !important;
    animation-delay: .684s !important
}

[data-animation=bounceInRight] :nth-child(19) {
    -webkit-animation-delay: .722s !important;
    -moz-animation-delay: .722s !important;
    -o-animation-delay: .722s !important;
    animation-delay: .722s !important
}

.section-scroller {
    margin-top: -72px;
    padding-bottom: 0;
    -ms-overflow-style: none;
    width: 100%;
    overflow: hidden;
    position: relative
}

.section-scroller::-webkit-scrollbar {
    display: none
}

.section-scroller .btn-scroll-down {
    bottom: 0
}

.section-scroller .panels {
    position: static;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden
}

@media (max-width: 1199px) {
    .section-scroller .panels {
        width: 100%
    }
}

.section-scroller .panels .panel-wrapper.panel-0 .bg-panel {
    opacity: 1 !important
}

.section-scroller .panels .panel-wrapper .background-overlay, .section-scroller .panels .panel-wrapper .gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.section-scroller .panels .panel-wrapper .background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: rgba(24, 24, 24, .3)
}

.section-scroller .panels .panel-wrapper .bg-panel {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100vw;
    max-height: 1072px;
    max-width: 1920px;
    overflow: hidden
}

.section-scroller .panels .panel-wrapper .bg-panel video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .bg-panel {
        height: -webkit-calc(100% - 8px);
        height: -moz-calc(100% - 8px);
        height: calc(100% - 8px);
        position: absolute;
        top: 0;
        opacity: 0;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .section-scroller .panels .panel-wrapper .bg-panel .gradient-overlay.left-position {
        background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, .6)), to(rgba(24, 24, 24, 0)));
        background: -webkit-linear-gradient(right, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%);
        background: -moz-linear-gradient(right, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%);
        background: -o-linear-gradient(right, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%);
        background: linear-gradient(270deg, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%)
    }

    .section-scroller .panels .panel-wrapper .bg-panel .gradient-overlay.right-position {
        background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0)), to(rgba(24, 24, 24, .6)));
        background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%);
        background: -moz-linear-gradient(right, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%);
        background: -o-linear-gradient(right, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%);
        background: linear-gradient(270deg, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%)
    }
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper .bg-panel {
        position: relative;
        max-height: 425px;
        position: absolute;
        opacity: 1 !important
    }

    .section-scroller .panels .panel-wrapper .bg-panel::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .section-scroller .panels .panel-wrapper .bg-panel > img, .section-scroller .panels .panel-wrapper .bg-panel > picture, .section-scroller .panels .panel-wrapper .bg-panel > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .section-scroller .panels .panel-wrapper .bg-panel > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper {
    width: 100vw;
    max-height: 1072px;
    position: relative;
    z-index: 2
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content-additional-wrapper {
        position: absolute;
        top: 72px;
        left: 0;
        width: 100%;
        height: -webkit-calc(100% - 72px);
        height: -moz-calc(100% - 72px);
        height: calc(100% - 72px)
    }
}

@media (min-width: 1200px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content-additional-wrapper {
        top: 170px;
        height: -webkit-calc(100% - 170px);
        height: -moz-calc(100% - 170px);
        height: calc(100% - 170px)
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .container {
    height: 100%
}

@media (min-width: 1920px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .container {
        margin: 0 390px
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .row {
    height: 100%
}

.section-scroller .panels .panel-wrapper .content-wrapper .content .header, .section-scroller .panels .panel-wrapper .content-wrapper .content .sub-header {
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

.section-scroller .panels .panel-wrapper .content-wrapper .content .header {
    font-size: 3rem
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content .header {
        font-size: 2.25rem;
        word-break: break-word
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .content .sub-header {
    font-size: 1.5rem;
    margin-bottom: 12px
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content .sub-header {
        font-size: 1.75rem;
        margin-bottom: 14px;
        word-break: break-word
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .content p {
    margin-bottom: 0
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-scroller .panels .panel-wrapper .content-wrapper .content.white {
        color: #fff
    }

    .section-scroller .panels .panel-wrapper .content-wrapper .content.shadow {
        text-shadow: 0 16px 64px rgba(24, 24, 24, .75)
    }

    .section-scroller .panels .panel-wrapper .content-wrapper .content p {
        font-weight: 400
    }
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .content-wrapper {
        height: -webkit-calc(100vh - 8px);
        height: -moz-calc(100vh - 8px);
        height: calc(100vh - 8px)
    }
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper {
        position: relative;
        overflow: hidden
    }

    .section-scroller .panels .panel-wrapper:last-of-type .content-wrapper {
        background-color: #fcfcfc;
        padding-bottom: 80px
    }

    .section-scroller .panels .panel-wrapper .content-additional-wrapper {
        background-color: #ececec;
        padding: 32px 0 80px
    }

    .section-scroller .panels .panel-wrapper.panel-0 .content-additional-wrapper {
        padding-bottom: 152px
    }

    .section-scroller .panels .panel-wrapper.fixed .bg-panel {
        position: fixed;
        top: 0
    }

    .section-scroller .panels .panel-wrapper.hidden-bg .bg-panel {
        opacity: 0 !important
    }
}

@media (min-width: 800px) {
    .section-scroller .panels {
        height: 100%;
        max-width: 1920px
    }

    .section-scroller .panels .panel-0 .with-animation {
        background-attachment: fixed;
        -webkit-animation: animatedBackground 40s linear infinite;
        -moz-animation: animatedBackground 40s linear infinite;
        -o-animation: animatedBackground 40s linear infinite;
        animation: animatedBackground 40s linear infinite
    }
}

@media (min-width: 800px) {
    .section-scroller {
        margin-bottom: 80px;
        padding-bottom: 8px;
        height: 100vh;
        max-height: 1080px
    }
}

@media (min-width: 1200px) {
    .section-scroller {
        margin-top: -170px
    }
}

.standart-text .images-wrapper .image-lightbox-link {
    position: relative
}

.standart-text .contain-standart-text .item a::after {
    background-color: transparent
}

.standart-text.layout-teaser-boxed-width, .standart-text.layout-teaser-full-width {
    position: relative
}

.standart-text.layout-teaser-boxed-width .img-holder, .standart-text.layout-teaser-full-width .img-holder {
    position: relative;
    position: relative;
    max-width: 1920px;
    margin: 0 auto
}

.standart-text.layout-teaser-boxed-width .img-holder::before, .standart-text.layout-teaser-full-width .img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.standart-text.layout-teaser-boxed-width .img-holder > img, .standart-text.layout-teaser-boxed-width .img-holder > picture, .standart-text.layout-teaser-boxed-width .img-holder > video, .standart-text.layout-teaser-full-width .img-holder > img, .standart-text.layout-teaser-full-width .img-holder > picture, .standart-text.layout-teaser-full-width .img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.standart-text.layout-teaser-boxed-width .img-holder > video, .standart-text.layout-teaser-full-width .img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.standart-text.layout-teaser-boxed-width .img-holder .bg-image, .standart-text.layout-teaser-full-width .img-holder .bg-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 800px) {
    .standart-text.layout-teaser-boxed-width .img-holder .bg-image, .standart-text.layout-teaser-full-width .img-holder .bg-image {
        width: 100%;
        height: 150%;
        -webkit-transform: translateY(-25%);
        -moz-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        background-position: 50% 50%
    }
}

@media (min-width: 800px) {
    .standart-text.layout-teaser-boxed-width .img-holder, .standart-text.layout-teaser-full-width .img-holder {
        overflow: hidden
    }

    .standart-text.layout-teaser-boxed-width .contain-standart-text, .standart-text.layout-teaser-full-width .contain-standart-text {
        position: relative
    }
}

.standart-text.layout-teaser-boxed-width .content, .standart-text.layout-teaser-full-width .content {
    padding: 0 0 32px
}

.standart-text.layout-teaser-boxed-width .content h2, .standart-text.layout-teaser-full-width .content h2 {
    line-height: 1;
    margin-bottom: 14px
}

.standart-text.layout-teaser-boxed-width .content .text, .standart-text.layout-teaser-full-width .content .text {
    margin-bottom: 28px
}

.standart-text.layout-teaser-boxed-width .content .text p, .standart-text.layout-teaser-full-width .content .text p {
    margin-bottom: 0
}

.standart-text.layout-teaser-boxed-width .content a, .standart-text.layout-teaser-full-width .content a {
    font-weight: 400
}

.standart-text.layout-teaser-boxed-width .content a::before, .standart-text.layout-teaser-full-width .content a::before {
    margin-top: 0;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    transition: .4s ease-out
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width .content, .standart-text.layout-teaser-full-width .content {
        padding: 32px;
        width: 43%;
        max-width: 490px;
        background: #fff
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .standart-text.layout-teaser-boxed-width .content, .standart-text.layout-teaser-full-width .content {
        position: relative;
        padding: 32px;
        z-index: 3
    }
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width .content-wrapper, .standart-text.layout-teaser-full-width .content-wrapper {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .standart-text.layout-teaser-boxed-width .content-wrapper .content, .standart-text.layout-teaser-full-width .content-wrapper .content {
        background-color: #fff
    }

    .standart-text.layout-teaser-boxed-width .content-wrapper.position-right, .standart-text.layout-teaser-full-width .content-wrapper.position-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-boxed-width, .standart-text.layout-teaser-full-width {
        margin-top: 32px
    }

    .standart-text.layout-teaser-boxed-width .content h2, .standart-text.layout-teaser-full-width .content h2 {
        margin-top: 32px;
        font-size: 20px;
        line-height: 20px
    }

    .standart-text.layout-teaser-boxed-width .content .text, .standart-text.layout-teaser-full-width .content .text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 28px
    }

    .standart-text.layout-teaser-boxed-width .content a::before, .standart-text.layout-teaser-full-width .content a::before {
        margin-top: -1px
    }
}

.standart-text.layout-teaser-boxed-width .content {
    margin-left: 46px
}

@media (max-width: 991px) {
    .standart-text.layout-teaser-boxed-width .content {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width .position-right .content {
        margin-right: 46px
    }
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-boxed-width .bg-image {
        padding: 0 15px
    }
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width.green {
        color: #181818
    }
}

@media (max-width: 991px) {
    .standart-text.layout-teaser-boxed-width.green .btn {
        border-color: #fff
    }
}

.standart-text.layout-teaser-full-width .img-holder {
    max-height: 700px
}

.standart-text.layout-teaser-full-width .content h2 {
    margin-bottom: 15px
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-full-width .content h2 {
        margin-bottom: 14px
    }
}

.standart-text.layout-teaser-full-width .content .text {
    color: #181818;
    font-size: 18px;
    line-height: 28px
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-full-width .container {
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .standart-text.layout-teaser-full-width .content {
        margin-left: 16px
    }

    .standart-text.layout-teaser-full-width .position-right .content {
        margin-right: 16px
    }
}

.standart-text.layout-1 .large-heading, .standart-text.layout-2 .large-heading, .standart-text.layout-3 .large-heading {
    text-align: center;
    line-height: 1
}

@media (max-width: 799px) {
    .standart-text.layout-1 .large-heading, .standart-text.layout-2 .large-heading, .standart-text.layout-3 .large-heading {
        font-size: 2.25rem
    }
}

.standart-text.layout-1 .content, .standart-text.layout-2 .content, .standart-text.layout-3 .content {
    line-height: 28px;
    font-size: 18px;
    font-weight: 400
}

.standart-text.layout-1 .content h2, .standart-text.layout-2 .content h2, .standart-text.layout-3 .content h2 {
    width: 100%;
    text-align: left;
    line-height: 28px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px
}

.standart-text.layout-1 .content h4, .standart-text.layout-2 .content h4, .standart-text.layout-3 .content h4 {
    line-height: 1.75rem;
    margin-bottom: 14px
}

@media (max-width: 799px) {
    .standart-text.layout-1 h2, .standart-text.layout-2 h2, .standart-text.layout-3 h2 {
        width: 100%;
        margin-bottom: 32px;
        text-transform: uppercase
    }

    .standart-text.layout-1 .content, .standart-text.layout-2 .content, .standart-text.layout-3 .content {
        margin: 0 !important
    }

    .standart-text.layout-1 .content h2, .standart-text.layout-2 .content h2, .standart-text.layout-3 .content h2 {
        margin-top: 16px;
        text-transform: none
    }

    .standart-text.layout-1 .image-m, .standart-text.layout-1 .image-s, .standart-text.layout-2 .image-m, .standart-text.layout-2 .image-s, .standart-text.layout-3 .image-m, .standart-text.layout-3 .image-s {
        margin-top: 0 !important
    }
}

.standart-text.layout-1 .image-m, .standart-text.layout-1 .image-s, .standart-text.layout-2 .image-m, .standart-text.layout-2 .image-s, .standart-text.layout-3 .image-m, .standart-text.layout-3 .image-s {
    overflow: hidden;
    position: relative
}

.standart-text.layout-1 .image-m .standart-img-wrapper, .standart-text.layout-1 .image-s .standart-img-wrapper, .standart-text.layout-2 .image-m .standart-img-wrapper, .standart-text.layout-2 .image-s .standart-img-wrapper, .standart-text.layout-3 .image-m .standart-img-wrapper, .standart-text.layout-3 .image-s .standart-img-wrapper {
    overflow: hidden
}

.standart-text.layout-1 .image-m .additional-description, .standart-text.layout-1 .image-s .additional-description, .standart-text.layout-2 .image-m .additional-description, .standart-text.layout-2 .image-s .additional-description, .standart-text.layout-3 .image-m .additional-description, .standart-text.layout-3 .image-s .additional-description {
    display: none
}

.standart-text.layout-1 .image-m img, .standart-text.layout-1 .image-s img, .standart-text.layout-2 .image-m img, .standart-text.layout-2 .image-s img, .standart-text.layout-3 .image-m img, .standart-text.layout-3 .image-s img {
    max-width: 100%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out, -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -moz-transform .5s ease-in-out, -o-transform .5s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.standart-text.layout-1 .image-m figcaption, .standart-text.layout-1 .image-s figcaption, .standart-text.layout-2 .image-m figcaption, .standart-text.layout-2 .image-s figcaption, .standart-text.layout-3 .image-m figcaption, .standart-text.layout-3 .image-s figcaption {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 100;
    margin-top: 12px;
    max-width: 75%
}

.standart-text.layout-1 .image-m:hover, .standart-text.layout-1 .image-s:hover, .standart-text.layout-2 .image-m:hover, .standart-text.layout-2 .image-s:hover, .standart-text.layout-3 .image-m:hover, .standart-text.layout-3 .image-s:hover {
    cursor: pointer
}

.standart-text.layout-1 .image-m:hover img, .standart-text.layout-1 .image-s:hover img, .standart-text.layout-2 .image-m:hover img, .standart-text.layout-2 .image-s:hover img, .standart-text.layout-3 .image-m:hover img, .standart-text.layout-3 .image-s:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.standart-text.layout-1 .image-m {
    margin-top: 80px
}

.standart-text.layout-1 .content {
    margin-top: -25px
}

.standart-text.layout-2 .image-s {
    margin-top: 190px
}

.standart-text.layout-2 .content {
    margin-top: 25px
}

.standart-text.layout-3 .image-m {
    margin-top: 80px;
    margin-bottom: 0
}

.standart-text.layout-3 .content {
    margin-bottom: 40px
}

@media (max-width: 799px) {
    .standart-text.layout-3 .offset-md-5 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 32px
    }
}

.standart-text.layout-teaser-parallax.green .btn.btn-link {
    border: 2px solid #fff
}

.standart-text.layout-teaser-parallax .text {
    margin: 14px 0 28px
}

.standart-text.layout-teaser-parallax figure figcaption {
    display: none
}

.standart-text.layout-teaser-parallax .img-parallax {
    margin-top: 65px
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-parallax .col-image {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .standart-text.layout-teaser-parallax .col-text-with-button {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .standart-text.layout-teaser-parallax .img-parallax {
        margin-top: 0;
        margin-bottom: 32px
    }
}

@media (min-width: 576px) {
    .standart-text .no-paddings {
        padding: 0
    }
}

@media (max-width: 799px) {
    .standart-text .images-wrapper {
        margin-bottom: 32px
    }
}

.teaser-thumbnails {
    padding-bottom: 100px
}

.teaser-thumbnails .overflow-container {
    padding: 57px 0 20px
}

@media (max-width: 799px) {
    .teaser-thumbnails .overflow-container {
        padding-top: 0
    }
}

.teaser-thumbnails .teaser-thumbnails-heading {
    margin-bottom: 14px
}

.teaser-thumbnails .teaser-thumbnails-text {
    margin-bottom: 22px
}

.teaser-thumbnails .teaser-thumbnails-text p {
    margin-bottom: 0
}

.contact-form form .powermail_fieldwrap_type_submit .teaser-thumbnails .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .teaser-thumbnails .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .teaser-thumbnails .powermail_fieldwrap_type_submit, .teaser-thumbnails .btn-green, .teaser-thumbnails .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .teaser-thumbnails .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .teaser-thumbnails .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    margin-top: 6px
}

.teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    line-height: 1;
    margin: 26px 0 14px
}

@media (max-width: 799px) {
    .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
        margin-top: 0;
        color: #181818;
        font-size: 1.75rem
    }
}

.teaser-thumbnails.layout-standart .slide-text * {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 12px
}

.teaser-thumbnails.layout-special .teaser-thumbnails-heading {
    font-size: 2.25rem;
    line-height: 1
}

.teaser-thumbnails.layout-special .blur-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(76.18%, rgba(255, 255, 255, .32)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%)
}

.teaser-thumbnails.layout-special .slide-text :first-child {
    margin-bottom: 14px
}

@media (max-width: 799px) {
    .teaser-thumbnails.layout-special .slide-text :first-child {
        font-size: 1rem;
        line-height: 1
    }
}

.teaser-thumbnails.layout-special .slide-text :last-child:not(:first-child) {
    margin-bottom: 9px
}

@media (max-width: 799px) {
    .teaser-thumbnails.layout-special .slide-text :last-child:not(:first-child) {
        margin-bottom: 12px
    }
}

@media (min-width: 800px) {
    .teaser-thumbnails.layout-special .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .teaser-thumbnails-text {
        color: #fff
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-heading {
        font-size: 3rem;
        margin-top: 80px
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-text p {
        font-weight: 300
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-slider + .qty-slides {
        border-color: #fff
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-slider + .qty-slides .button-slide {
        border-right: 1px solid #fff
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-slider + .qty-slides .button-slide::before {
        color: #fff
    }

    .teaser-thumbnails.layout-special .blur-wrapper, .teaser-thumbnails.layout-special .cover-blur {
        display: block
    }
}

@media (max-width: 799px) {
    .teaser-thumbnails {
        padding-bottom: 60px
    }
}

@media (min-width: 800px) {
    .space-top .teaser-thumbnails {
        padding-top: 63px
    }
}

.mfp-ready .mfp-hide {
    display: block !important
}

.mfp-ready .black-mfp-close {
    border-color: #000
}

.mfp-ready .black-mfp-close::after, .mfp-ready .black-mfp-close::before {
    background-color: #000
}

@media (max-width: 799px) {
    .mfp-ready:not(.mfp-with-zoom) .mfp-container {
        padding: 15px 0;
        height: auto
    }
}

.mfp-ready .magnific-modal {
    position: relative
}

.mfp-ready .magnific-modal#contactFormModal {
    max-height: -webkit-calc(100% - 30px);
    max-height: -moz-calc(100% - 30px);
    max-height: calc(100% - 30px);
    overflow: auto
}

@media (max-width: 799px) {
    .mfp-ready .magnific-modal {
        height: 100%;
        width: 100%;
        max-height: 100%;
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px)
    }

    .mfp-ready .magnific-modal .magnific-modal {
        max-height: 100%;
        max-width: 100%
    }
}

.contact-form {
    position: static;
    min-height: 601px
}

.contact-form [class^=col-]:last-of-type {
    position: static
}

@media (min-width: 800px) {
    .contact-form [class^=col-] {
        overflow: hidden
    }
}

.contact-form [class^=col-] .powermail_fieldwrap_type_html .powermail_field p {
    color: #868685;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0
}

.contact-form .bg-image {
    position: absolute;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
    z-index: -1
}

@media (max-width: 799px) {
    .contact-form .bg-image {
        position: relative;
        width: 100vw;
        left: auto;
        top: auto;
        height: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (max-width: 575px) {
    .contact-form .bg-image {
        margin: 0 -15px
    }
}

@media (min-width: 576px) and (max-width: 799px) {
    .contact-form .bg-image {
        margin-left: -webkit-calc(((100vw - 540px) / 2) * (-1));
        margin-left: -moz-calc(((100vw - 540px) / 2) * (-1));
        margin-left: calc(((100vw - 540px) / 2) * (-1))
    }
}

.contact-form .contact-info-wrapper {
    position: absolute;
    color: #fff;
    padding: 0 30px 30px;
    z-index: 5;
    left: 0;
    bottom: 0
}

.contact-form .contact-info-wrapper h5 {
    font-size: .75rem;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    margin-bottom: 21px;
    font-weight: 600
}

.contact-form .contact-info-wrapper h5::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -4px;
    background-color: #fff
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper h5::after {
        background-color: #d9d9d9
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper h5 {
        margin-bottom: 20px;
        color: #868685
    }
}

.contact-form .contact-info-wrapper p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper p {
        font-weight: 100;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 0
    }
}

.contact-form .contact-info-wrapper .contact-info {
    margin-bottom: 16px;
    display: block
}

.contact-form .contact-info-wrapper .contact-info .email, .contact-form .contact-info-wrapper .contact-info .fax, .contact-form .contact-info-wrapper .contact-info .phone {
    position: relative;
    padding: 0 0 0 20px;
    margin: 0;
    border: 0;
    color: #fff;
    width: auto;
    height: auto;
    text-align: left
}

.contact-form .contact-info-wrapper .contact-info .email::before, .contact-form .contact-info-wrapper .contact-info .fax::before, .contact-form .contact-info-wrapper .contact-info .phone::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: .94rem;
    color: #fff;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .contact-info .email::before, .contact-form .contact-info-wrapper .contact-info .fax::before, .contact-form .contact-info-wrapper .contact-info .phone::before {
        color: #004e9c
    }
}

@media (min-width: 800px) {
    .contact-form .contact-info-wrapper .contact-info .email, .contact-form .contact-info-wrapper .contact-info .fax, .contact-form .contact-info-wrapper .contact-info .phone {
        display: inline-block
    }

    .contact-form .contact-info-wrapper .contact-info .email:hover::after, .contact-form .contact-info-wrapper .contact-info .fax:hover::after, .contact-form .contact-info-wrapper .contact-info .phone:hover::after {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contact-form .contact-info-wrapper .contact-info .email::after, .contact-form .contact-info-wrapper .contact-info .fax::after, .contact-form .contact-info-wrapper .contact-info .phone::after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 20px;
        top: 100%;
        width: 0;
        border-bottom: 1px solid #fff;
        -webkit-transition: width .2s;
        -o-transition: width .2s;
        -moz-transition: width .2s;
        transition: width .2s
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .contact-info .email, .contact-form .contact-info-wrapper .contact-info .fax, .contact-form .contact-info-wrapper .contact-info .phone {
        color: #181818;
        padding-left: 23px
    }
}

.contact-form .contact-info-wrapper .contact-info .phone::before {
    content: "J"
}

.contact-form .contact-info-wrapper .contact-info .fax::before {
    content: "H"
}

.contact-form .contact-info-wrapper .contact-info .email::before {
    content: "D"
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .contact-info {
        display: block
    }
}

@media (min-width: 800px) {
    .contact-form .contact-info-wrapper .autocomplete-suggestion, .contact-form .contact-info-wrapper .autocomplete-suggestion::before, .contact-form .contact-info-wrapper .link, .contact-form .contact-info-wrapper .link::before {
        color: #fff
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .link-to-map.autocomplete-suggestion, .contact-form .contact-info-wrapper .link.link-to-map {
        position: absolute;
        font-weight: 300;
        top: -80px;
        right: 15px;
        font-size: 1rem;
        line-height: 1rem;
        color: #fff
    }

    .contact-form .contact-info-wrapper .link-to-map.autocomplete-suggestion::before, .contact-form .contact-info-wrapper .link.link-to-map::before {
        color: #fff;
        top: 3px
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper {
        position: relative;
        margin-top: 32px;
        padding: 0;
        color: #181818;
        font-size: 1.125rem;
        font-weight: 100
    }

    .contact-form .contact-info-wrapper::before {
        content: '';
        position: absolute;
        left: -50%;
        bottom: -webkit-calc(100% + 32px);
        bottom: -moz-calc(100% + 32px);
        bottom: calc(100% + 32px);
        height: 100%;
        width: 200%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, .5)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%)
    }
}

.contact-form form {
    padding: 32px 0 32px 15px
}

.contact-form form h3 {
    font-size: 2.25rem;
    margin-bottom: 42px
}

@media (max-width: 799px) {
    .contact-form form h3 {
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
        position: absolute;
        top: 32px;
        left: 15px;
        font-size: 1.75rem;
        line-height: 1;
        color: #fff;
        z-index: 5
    }
}

@media (min-width: 576px) and (max-width: 799px) {
    .contact-form form h3 {
        margin-left: -webkit-calc(((100vw - 540px) / 2 - 15px));
        margin-left: -moz-calc(((100vw - 540px) / 2 - 15px));
        margin-left: calc(((100vw - 540px) / 2 - 15px))
    }
}

.contact-form form .powermail_fieldset {
    position: relative;
    padding-bottom: 44px
}

@media (min-width: 1200px) {
    .contact-form form .powermail_fieldset {
        padding-bottom: 4px
    }
}

.contact-form form .powermail_legend {
    display: none
}

.contact-form form .powermail_fieldwrap {
    margin-bottom: 28px
}

.contact-form form .powermail_fieldwrap .powermail_label {
    display: none
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit), .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    font-weight: 100;
    color: #181818;
    width: 100%;
    padding: 0 8px
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit)::-webkit-input-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit)::-webkit-input-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit):-moz-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit):-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit)::-moz-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit)::-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit):-ms-input-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit):-ms-input-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:focus, .contact-form form .powermail_fieldwrap input:hover, .contact-form form .powermail_fieldwrap textarea:focus, .contact-form form .powermail_fieldwrap textarea:hover {
    outline: 0
}

.contact-form form .powermail_fieldwrap input.parsley-success, .contact-form form .powermail_fieldwrap textarea.parsley-success {
    border-color: #004e9c
}

.contact-form form .powermail_fieldwrap input.parsley-error, .contact-form form .powermail_fieldwrap textarea.parsley-error {
    border-color: #e83200
}

.contact-form form .powermail_fieldwrap input:not(.powermail_captcha):not(.powermail_submit), .contact-form form .powermail_fieldwrap textarea:not(.powermail_captcha):not(.powermail_submit) {
    padding-top: 5px;
    padding-bottom: 5px
}

.contact-form form .powermail_fieldwrap textarea {
    min-height: 220px;
    height: 100%
}

.contact-form form .powermail_fieldwrap_type_input {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_input .powermail_field {
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_input input:not(.powermail_submit) {
    height: 30px
}

@media (min-width: 800px) {
    .contact-form form .powermail_fieldwrap_type_input {
        width: 50%
    }

    .contact-form form .powermail_fieldwrap_type_input:nth-child(odd) {
        padding-left: 15px
    }

    .contact-form form .powermail_fieldwrap_type_input:nth-child(even) {
        padding-right: 15px
    }
}

.contact-form form .powermail_fieldwrap_type_textarea {
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_submit {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field {
    cursor: pointer;
    padding: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field::before {
    z-index: 1
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field input {
    padding: 10px 12px 11px 25px;
    border-width: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field input:focus {
    border: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_submit {
    padding: 0;
    cursor: pointer
}

@media (min-width: 800px) {
    .contact-form form .powermail_fieldwrap_type_submit {
        position: absolute;
        right: 0;
        bottom: 32px;
        margin-top: 32px
    }
}

.contact-form form .powermail_fieldwrap_type_check {
    font-weight: 100;
    font-size: .875rem;
    line-height: 1.25rem
}

.contact-form form .powermail_fieldwrap_type_check .checkbox label {
    position: relative
}

.contact-form form .powermail_fieldwrap_type_check .checkbox label input {
    width: auto;
    margin-right: 10px
}

.contact-form form .parsley-custom-error-message, .contact-form form .parsley-remote, .contact-form form .parsley-required {
    margin-top: 5px;
    color: #e83200;
    font-weight: 100;
    font-size: .875rem;
    line-height: 1.25rem
}

.contact-form form .actions {
    margin-top: -30px
}

.contact-form form .actions .btn-toolbar {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 799px) {
    .contact-form form .actions {
        margin-top: 32px
    }
}

@media (max-width: 799px) {
    .contact-form form {
        padding: 30px 0
    }
}

.contact-form .powermail_create {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.contact-form .powermail_create p {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 28px;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .contact-form .powermail_create p {
        font-size: 2.25rem
    }
}

@media (max-width: 799px) {
    .contact-form .powermail_create {
        width: -webkit-calc(100% - 72px);
        width: -moz-calc(100% - 72px);
        width: calc(100% - 72px);
        margin: 0 36px;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.contact-form + .mfp-close {
    -webkit-transition: border-color .5s ease !important;
    -o-transition: border-color .5s ease !important;
    -moz-transition: border-color .5s ease !important;
    transition: border-color .5s ease !important
}

.contact-form + .mfp-close::after, .contact-form + .mfp-close::before {
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    transition: background-color .5s ease
}

@media (min-width: 576px) {
    .contact-form + .mfp-close {
        color: #000;
        border-color: #000
    }

    .contact-form + .mfp-close::after, .contact-form + .mfp-close::before {
        background-color: #000
    }
}

@media (min-width: 800px) {
    .contact-form .col-md-4 {
        max-width: -webkit-calc(33.3333% - 15px);
        max-width: -moz-calc(33.3333% - 15px);
        max-width: calc(33.3333% - 15px)
    }

    .contact-form .col-lg-6 {
        max-width: -webkit-calc(50% + 15px);
        max-width: -moz-calc(50% + 15px);
        max-width: calc(50% + 15px);
        padding-right: 0;
        -webkit-flex-basis: -webkit-calc(50% + 15px);
        -ms-flex-preferred-size: calc(50% + 15px);
        flex-basis: -moz-calc(50% + 15px);
        flex-basis: calc(50% + 15px)
    }

    .contact-form .contact-image-wrap {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, .5)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%)
    }
}

@media (max-width: 991px) {
    .contact-form {
        -webkit-overflow-scrolling: touch
    }
}

.lead-generation .form-wrapper.tx-powermail .powermail_create {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.tx-powermail .container-fluid {
    width: 100%
}

.layout3 {
    background-color: #fcfcfc;
    padding: 32px 0
}

.layout3 .powermail_fieldwrap {
    margin-bottom: 28px
}

.layout3 .powermail_fieldwrap .powermail_label {
    display: none
}

.layout3 .powermail_fieldwrap .powermail_field {
    width: 100%
}

.layout3 .powermail_fieldwrap .powermail_field textarea, input .layout3 .powermail_fieldwrap .powermail_field:not(.powermail_submit) {
    width: 100%;
    padding: 3px 8px;
    color: #181818;
    border: 1px solid #d9d9d9
}

.layout3 .powermail_fieldwrap .powermail_field textarea:focus, input .layout3 .powermail_fieldwrap .powermail_field:not(.powermail_submit):focus {
    outline: 0
}

.layout3 .powermail_fieldwrap .powermail_field .powermail_submit {
    cursor: pointer
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select {
    width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(even) {
    padding-right: 15px
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(odd) {
    padding-left: 15px
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country select, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file select, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input select, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select select {
    width: 100%;
    height: 30px;
    outline: 0
}

@media (max-width: 799px) {
    .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select {
        width: 100%
    }

    .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(odd) {
        padding: 0
    }
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field input {
    border: 0;
    padding: 0
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_textarea {
    width: 100%
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-weight: 400;
    font-size: 11px;
    content: "F";
    -webkit-transform: translate(19px, 14px);
    -moz-transform: translate(19px, 14px);
    -ms-transform: translate(19px, 14px);
    -o-transform: translate(19px, 14px);
    transform: translate(19px, 14px);
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field:hover::before {
    -webkit-transform: translate(22px, 14px);
    -moz-transform: translate(22px, 14px);
    -ms-transform: translate(22px, 14px);
    -o-transform: translate(22px, 14px);
    transform: translate(22px, 14px)
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field input {
    padding: 8px 14px 8px 22px;
    background-color: #004e9c;
    border: 2px solid #004e9c;
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.lead-generation {
    padding: 0
}

.lead-generation .tx-powermail .powermail_label, .lead-generation .tx-powermail .powermail_legend {
    display: none
}

.lead-generation .tx-powermail .powermail_input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit {
    cursor: pointer;
    display: inline-block
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit .powermail_submit {
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    border: 0;
    font-size: .94rem;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    position: absolute
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit:focus {
    outline: 0
}

.lead-generation .tx-powermail .powermail_fieldwrap input:not([type=submit]):not([type=checkbox]) {
    width: 100%;
    font-weight: 100
}

.lead-generation .tx-powermail .powermail_fieldwrap input:focus {
    outline: 0
}

.lead-generation .tx-powermail .powermail_confirmation .btn-link {
    line-height: 1.15
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .heading, .lead-generation:not(.leadgeneration-marginal) .form-wrapper h3 {
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .heading, .lead-generation:not(.leadgeneration-marginal) .form-wrapper h3 {
        font-size: 1.75rem;
        line-height: 1
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap {
    margin-bottom: 16px
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]) {
    width: 100%
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-webkit-input-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-moz-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-moz-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-ms-input-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-ms-input-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):not([type=submit]) {
    height: 40px;
    padding: 8px 12px 10px;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.375rem;
    background-color: transparent
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):not([type=submit]) {
        height: 30px;
        padding: 4px 40px 4px 8px;
        font-size: 1rem;
        line-height: 1
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):focus {
    outline: 0
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap p {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_firstname, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_lastname {
        margin-bottom: 28px
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_email input {
    width: 100%
}

@media (min-width: 800px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname {
        display: inline-block;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
        float: left
    }

    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname .powermail_field, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname .powermail_field input:not(.powermail_checkbox), .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname .powermail_field, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname .powermail_field input:not(.powermail_checkbox) {
        width: 100%
    }

    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname {
        margin-right: 8px
    }

    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname {
        margin-left: 8px
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .parsley-errors-list li {
    color: #e83200;
    line-height: 14px;
    margin-top: 5px
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .parsley-errors-list li {
        font-size: .875rem
    }
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input::-webkit-input-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input:-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input::-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input:-ms-input-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap a, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap a:focus, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap a:hover {
    color: #004e9c
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit .powermail_submit {
    padding: 9px 14px 9px 27px
}

.lead-generation.leadgeneration-popup {
    background-color: transparent;
    position: fixed;
    opacity: 0;
    z-index: -1;
    top: 50%;
    left: 0;
    margin-top: 36px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .7s ease-out .2s;
    -o-transition: all .7s ease-out .2s;
    -moz-transition: all .7s ease-out .2s;
    transition: all .7s ease-out .2s
}

.lead-generation.leadgeneration-popup .magnific-modal {
    background-color: transparent;
    min-height: 1px;
    max-height: -webkit-calc(100vh - 110px);
    max-height: -moz-calc(100vh - 110px);
    max-height: calc(100vh - 110px);
    max-width: 100%;
    overflow: visible;
    overflow-y: auto
}

.lead-generation.leadgeneration-popup .magnific-modal .mfp-close {
    right: 66px
}

.lead-generation.leadgeneration-popup .magnific-modal .mfp-close:hover {
    border-color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .mfp-close:hover::after, .lead-generation.leadgeneration-popup .magnific-modal .mfp-close:hover::before {
    background-color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-webkit-input-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-moz-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-moz-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-ms-input-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-ms-input-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::placeholder {
    color: #fff
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-popup .magnific-modal {
        min-height: 1px;
        max-height: -webkit-calc(100vh - 110px);
        max-height: -moz-calc(100vh - 110px);
        max-height: calc(100vh - 110px);
        max-width: 100%;
        overflow: auto
    }

    .lead-generation.leadgeneration-popup .magnific-modal .heading, .lead-generation.leadgeneration-popup .magnific-modal h3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin-bottom: 10px
    }

    .lead-generation.leadgeneration-popup .magnific-modal .step-1, .lead-generation.leadgeneration-popup .magnific-modal .step-2 {
        overflow-x: hidden;
        max-height: 325px
    }

    .lead-generation.leadgeneration-popup .magnific-modal .mfp-close {
        right: 15px;
        top: -15px
    }

    .lead-generation.leadgeneration-popup .form-wrapper .magnific-modal .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .magnific-modal .btn-link, .lead-generation.leadgeneration-popup .magnific-modal .btn-white, .lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .powermail_create .btn-link, .lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .powermail_fieldwrap_type_submit {
        margin-top: 15px
    }

    .lead-generation.leadgeneration-popup .magnific-modal .powermail_fieldset + input + div {
        display: none
    }
}

.lead-generation.leadgeneration-popup .form-wrapper {
    background-color: #004e9c;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .row > div {
    width: 100%
}

.lead-generation.leadgeneration-popup .form-wrapper .step-2 {
    display: none
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input:not([type=submit]) {
    border: 1px solid #fff;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::-webkit-input-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input:-moz-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::-moz-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input:-ms-input-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::-ms-input-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit {
    position: relative;
    padding: 6px 9px 6px 20px;
    margin-bottom: 0
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit:hover::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.lead-generation.leadgeneration-popup .form-wrapper p {
    margin-bottom: 0
}

.lead-generation.leadgeneration-popup .form-wrapper .image {
    position: relative;
    margin: 15px 0 32px
}

.lead-generation.leadgeneration-popup .form-wrapper .btn-white, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit {
    margin-top: 28px
}

.lead-generation.leadgeneration-popup .form-wrapper .btn-white:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:focus {
    color: inherit
}

.lead-generation.leadgeneration-popup .form-wrapper .btn-white::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    margin-top: 0
}

.lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit {
    padding: 11px 14px 11px 27px
}

.lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap a, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap a:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap a:hover {
    color: #fff;
    text-decoration: underline
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-popup .form-wrapper .flex-md-last + div {
        position: static
    }

    .lead-generation.leadgeneration-popup .form-wrapper .step-1, .lead-generation.leadgeneration-popup .form-wrapper .step-2 {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        max-height: none
    }

    .lead-generation.leadgeneration-popup .form-wrapper .image {
        position: absolute;
        margin: 0;
        width: 100%;
        height: auto;
        bottom: -74px;
        right: -48px
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create h1 {
        font-size: 3rem
    }
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-popup .form-wrapper:not(.tx-powermail) {
        padding: 0 15px 32px
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create header {
        position: relative;
        background-color: transparent
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create header h1 {
        font-size: 1.75rem
    }
}

.lead-generation.leadgeneration-popup.opened {
    opacity: 1;
    z-index: 11
}

.lead-generation.leadgeneration-popup.opened .mfp-close {
    opacity: 1
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-popup .leadgeneration-popup {
        padding: 32px;
        min-height: 320px;
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px)
    }
}

@media (min-width: 576px) {
    .lead-generation.leadgeneration-popup {
        margin-top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -10%);
        -moz-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
        -o-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%)
    }

    .lead-generation.leadgeneration-popup.opened {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .lead-generation.leadgeneration-popup .step-2 :not(.powermail_create) > h3 {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px)
    }
}

.lead-generation.leadgeneration-sectional {
    background-color: #ececec;
    padding: 0 0 20px
}

.lead-generation.leadgeneration-sectional .container, .lead-generation.leadgeneration-sectional .form-wrapper, .lead-generation.leadgeneration-sectional .row {
    height: 100%
}

.lead-generation.leadgeneration-sectional .tx-powermail {
    position: static
}

.lead-generation.leadgeneration-sectional .tx-powermail .row > div {
    width: 100%
}

.lead-generation.leadgeneration-sectional .form .tx-powermail .powermail_fieldwrap input:not([type=submit]) {
    border: 1px solid #181818
}

.lead-generation.leadgeneration-sectional .form .tx-powermail .powermail_fieldwrap_marker p {
    font-size: .875rem;
    line-height: 1.25rem
}

.lead-generation.leadgeneration-sectional .form .tx-powermail .powermail_fieldwrap_marker p a {
    text-decoration: underline
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-sectional .form {
        margin-top: 32px
    }
}

.lead-generation.leadgeneration-sectional .image {
    position: relative
}

.lead-generation.leadgeneration-sectional .image::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.lead-generation.leadgeneration-sectional .image > img, .lead-generation.leadgeneration-sectional .image > picture, .lead-generation.leadgeneration-sectional .image > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.lead-generation.leadgeneration-sectional .image > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-sectional .image {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.lead-generation.leadgeneration-sectional .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-sectional {
        padding: 120px 0;
        min-height: 560px
    }
}

.lead-generation.leadgeneration-marginal {
    background-color: #fff;
    padding-bottom: 32px;
    padding-top: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 6px 0 #ececec;
    -moz-box-shadow: 0 3px 6px 0 #ececec;
    box-shadow: 0 3px 6px 0 #ececec
}

.lead-generation.leadgeneration-marginal .assets-download-link {
    display: none
}

.lead-generation.leadgeneration-marginal .heading-l {
    margin: 0 0 12px
}

.lead-generation.leadgeneration-marginal .content:last-child :last-child {
    margin-bottom: 0
}

.lead-generation.leadgeneration-marginal .image {
    position: relative;
    height: 147px;
    overflow: hidden
}

.lead-generation.leadgeneration-marginal .image img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lead-generation.leadgeneration-marginal .form {
    padding: 28px 16px 0
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_fieldwrap input:not([type=submit]) {
    font-size: 1rem;
    line-height: 1;
    padding: 5px 8px;
    border: 1px solid #d9d9d9;
    margin-bottom: 12px
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_fieldwrap_marker p {
    font-size: .75rem;
    line-height: 1rem
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_fieldwrap_marker p a {
    text-decoration: underline
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_submit::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    position: absolute
}

.lead-generation.leadgeneration-marginal .powermail_create h2 {
    margin-bottom: 12px
}

.lead-generation.leadgeneration-marginal .powermail_create p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0
}

.lead-generation.leadgeneration-marginal .powermail_create iframe {
    display: none
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-marginal {
        margin-bottom: 32px
    }
}

section section {
    background-color: transparent
}

.powermail-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px
}

@media (min-width: 576px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 800px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 992px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 1200px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

.powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 576px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 800px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 992px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 1200px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

.apply-job {
    width: 100%
}

.apply-job .powermail-row {
    margin: 0 -15px
}

.apply-job .powermail-row .powermail_fieldwrap {
    padding-left: 15px;
    padding-right: 15px
}

.apply-job .powermail-row:nth-child(2), .apply-job .powermail-row:nth-child(5) {
    margin-bottom: 30px
}

.apply-job .powermail_form {
    padding-top: 115px;
    padding-bottom: 105px
}

.apply-job .powermail_form p {
    font: 300 14px/1.4 Univers;
    color: #868685
}

.apply-job .powermail_form_content {
    padding-top: 75px;
    padding-bottom: 100px
}

.apply-job .powermail_form_content .title {
    color: #004e9c;
    font: bold 48px/1.1 Univers;
    margin-bottom: 80px
}

.apply-job .powermail_fieldwrap {
    margin-bottom: 16px
}

.apply-job .powermail_fieldwrap:nth-child(7) {
    margin-bottom: 55px
}

.apply-job .powermail_fieldwrap:last-child {
    margin-bottom: 26px
}

.apply-job .powermail_fieldwrap_type_submit {
    text-align: right
}

.apply-job .powermail_fieldwrap_type_submit .powermail_field {
    display: inline-block;
    position: relative
}

.apply-job .powermail_fieldwrap_type_submit .powermail_field::before {
    content: "F";
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 11px;
    color: #fff;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.apply-job .powermail_fieldwrap_type_file {
    margin-bottom: 28px
}

.apply-job .powermail_fieldwrap_type_file .powermail_field > div .file-title {
    font-weight: 100
}

.apply-job .powermail_fieldwrap_type_file .powermail_field > div .file-title.error {
    color: #e83200
}

.apply-job .powermail_fieldwrap_type_file .powermail_field > div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.apply-job .powermail_fieldwrap_type_file .powermail_field .form-check input[type=checkbox] {
    display: inline-block
}

.apply-job .powermail_fieldwrap_type_check .powermail_field .powermail_checkbox {
    width: auto;
    display: inline-block
}

.apply-job .detail-page-info-wrapper {
    margin-top: 28px;
    margin-bottom: 70px
}

.apply-job input {
    width: 100%;
    outline: 0;
    background-color: #fff;
    padding: 2px 8px;
    border: 1px solid #dad9d9;
    margin-left: 0;
    font-weight: 100
}

.apply-job input::-webkit-input-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input:-moz-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input::-moz-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input:-ms-input-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input:focus::-webkit-input-placeholder {
    color: transparent
}

.apply-job input:focus:-moz-placeholder {
    color: transparent
}

.apply-job input:focus::-moz-placeholder {
    color: transparent
}

.apply-job input:focus:-ms-input-placeholder {
    color: transparent
}

.apply-job .selectBox-label {
    font-weight: 100
}

.apply-job .powermail_submit {
    display: inline-block;
    width: auto;
    padding: 11px 15px 11px 27px;
    font: 500 15px/1.2 Univers;
    color: #fff;
    background-color: #004e9c;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer
}

.apply-job .powermail_submit::before {
    content: "F";
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.apply-job .parsley-error {
    border-color: #e83200
}

.apply-job .parsley-error + .selectBox {
    border-color: #e83200
}

.apply-job .parsley-errors-list {
    font: 300 14px/1.2 Univers;
    color: #e83200;
    margin-left: 9px;
    margin-top: 5px
}

.apply-job .parsley-success {
    border-color: #004e9c
}

.apply-job .parsley-success + .selectBox {
    border-color: #004e9c
}

.apply-job .selectBox-dropdown {
    background-color: #fff;
    border-color: #dad9d9
}

.apply-job .selectBox-dropdown .selectBox-arrow::before {
    color: #004e9c;
    font-size: 11px
}

.apply-job .dropzone-label-text {
    position: relative;
    display: inline-block;
    background-color: transparent;
    font: 500 15px/1.2 Univers;
    text-transform: uppercase;
    padding: 9px 14px 9px 27px;
    letter-spacing: 1px;
    cursor: pointer
}

.apply-job .dropzone-label-text::before {
    content: "F";
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 11px;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.apply-job .container-m {
    max-width: 750px;
    margin: 0 auto
}

.apply-job .powermail_confirmation {
    width: 100%;
    max-width: 956px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    padding: 40px 90px;
    margin: 0 auto 10px;
    color: #181818;
    font-size: 16px;
    line-height: 24px
}

.apply-job .powermail_confirmation br {
    display: none
}

.apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_address, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_anrede, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_country, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_firstname, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_lastname, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_ort, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_strasse, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_zip {
    display: none
}

.apply-job .powermail_all_value {
    padding-right: 30px
}

.apply-job [class^=wrap_] {
    margin-bottom: 10px
}

.apply-job [class^=wrap_] > div {
    display: inline-block
}

.apply-job .wrap_firstname, .apply-job .wrap_lastname, .apply-job .wrap_ort, .apply-job .wrap_zip {
    display: inline-block
}

.apply-job .wrap_address, .apply-job .wrap_coverletter, .apply-job .wrap_e_mail {
    margin-top: 40px
}

.apply-job .wrap_captcha, .apply-job .wrap_datenschutz, .apply-job .wrap_job {
    display: none
}

.apply-job .wrap_certificates .powermail_all_label, .apply-job .wrap_cirriculumvitae .powermail_all_label, .apply-job .wrap_coverletter .powermail_all_label, .apply-job .wrap_e_mail .powermail_all_label, .apply-job .wrap_phone .powermail_all_label {
    min-width: 200px
}

.apply-job .wrap_certificates, .apply-job .wrap_cirriculumvitae, .apply-job .wrap_coverletter {
    margin-bottom: 25px
}

.apply-job .wrap_certificates .powermail_all_value, .apply-job .wrap_cirriculumvitae .powermail_all_value, .apply-job .wrap_coverletter .powermail_all_value {
    vertical-align: top
}

.apply-job .wrap_certificates .powermail_all_value span, .apply-job .wrap_cirriculumvitae .powermail_all_value span, .apply-job .wrap_coverletter .powermail_all_value span {
    display: block
}

.apply-job .wrap_certificates .powermail_all_value span:not(:first-child), .apply-job .wrap_cirriculumvitae .powermail_all_value span:not(:first-child), .apply-job .wrap_coverletter .powermail_all_value span:not(:first-child) {
    margin-top: 10px
}

.apply-job .wrap_certificates .powermail_all_value span::before, .apply-job .wrap_cirriculumvitae .powermail_all_value span::before, .apply-job .wrap_coverletter .powermail_all_value span::before {
    display: inline-block;
    font-family: Glyphter;
    content: 'F';
    font-size: 10px;
    color: #004e9c
}

.apply-job .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.apply-job form.hideFormInput {
    padding-top: 30px
}

.apply-job form.hideFormInput .powermail_fieldwrap_type_submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px
}

.apply-job form.hideFormInput.bg-grey {
    background: #fcfcfc
}

.apply-job form.hideFormInput fieldset > div {
    display: none
}

.apply-job form.hideFormInput fieldset > div.powermail_fieldwrap_captcha, .apply-job form.hideFormInput fieldset > div.powermail_fieldwrap_captchainstruction, .apply-job form.hideFormInput fieldset > div.powermail_fieldwrap_datenschutz {
    display: block
}

.apply-job form:not(.hideFormInput) .powermail_fieldwrap_captcha, .apply-job form:not(.hideFormInput) .powermail_fieldwrap_captchainstruction, .apply-job form:not(.hideFormInput) .powermail_fieldwrap_datenschutz {
    display: none
}

.apply-job .choose-more {
    font-size: 16px;
    font-weight: 300;
    border: 0;
    text-transform: none;
    padding: 0 0 0 17px
}

.apply-job .choose-more::after {
    content: none
}

.apply-job .choose-more::before {
    left: 0
}

.apply-job .choose-more:hover {
    color: #000
}

.apply-job .choose-more:hover::before {
    color: #000
}

.apply-job .hidden {
    display: none
}

@media (max-width: 799px) {
    .apply-job .powermail_form_content {
        padding-top: 25px;
        padding-bottom: 50px
    }

    .apply-job .powermail_form_content .title {
        margin-bottom: 25px;
        font-size: 20px
    }

    .apply-job .powermail_confirmation {
        padding: 30px
    }

    .apply-job .powermail_fieldwrap_type_captcha {
        width: 100%
    }

    .apply-job .powermail_form {
        padding: 30px 10px 10px;
        margin-bottom: 30px
    }

    .apply-job .powermail_form.bg-grey {
        margin: 0 -15px;
        width: auto
    }

    .apply-job .file-title {
        margin-bottom: 5px
    }
}

.captcha-reload {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #004e9c
}

.captcha-reload:hover {
    cursor: pointer
}

.slide-wrapper {
    position: relative
}

.slide-wrapper .slider-wrapper {
    position: relative
}

.slide-wrapper .slick-next, .slide-wrapper .slick-prev {
    top: auto;
    left: auto;
    height: 40px;
    width: 21px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 11;
    cursor: pointer
}

.slide-wrapper .slick-next::before, .slide-wrapper .slick-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    width: 21px;
    height: 15px;
    color: #004e9c;
    font-weight: 100;
    opacity: 1
}

.slide-wrapper .slick-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -55px
}

.slide-wrapper .slick-prev {
    bottom: -55px
}

.slide-wrapper p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

@media (max-width: 799px) {
    .slide-wrapper .slider-wrapper {
        position: static
    }

    .slide-wrapper [class^=col-]:last-child {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.slider-over-full-width .slide-content-wrapper a:not(.btn-link)::after, .slider-over-full-width .slide-content-wrapper a:not(.btn-link):hover::after {
    content: none !important
}

.slider-over-full-width .slide-content-wrapper .text a, .slider-over-full-width .slide-content-wrapper .text a:hover {
    color: inherit
}

.slider-over-full-width .slider-img-wrapper {
    position: relative;
    position: relative
}

.slider-over-full-width .slider-img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.slider-over-full-width .slider-img-wrapper > img, .slider-over-full-width .slider-img-wrapper > picture, .slider-over-full-width .slider-img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.slider-over-full-width .slider-img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.slider-over-full-width .slider-img-wrapper picture {
    overflow: hidden
}

.slider-over-full-width .slider-img-wrapper a {
    top: 0;
    width: 100%;
    height: auto
}

.slider-over-full-width .slider-img-wrapper a.external-link-new-window, .slider-over-full-width .slider-img-wrapper a:not([class]) .slider-over-full-width .slider-img-wrapper a:not([data-toggle]) .slider-over-full-width .slider-img-wrapper a:not([data-tag-uid]) {
    position: absolute
}

.slider-over-full-width .slick-slide {
    position: relative;
    padding-left: 32px
}

@media (max-width: 799px) {
    .slider-over-full-width .slick-slide {
        padding-left: 16px
    }
}

.slider-over-full-width .slick-slide.slick-active + .slick-slide .slider-over-full-width .slick-slide:not(.slick-active) {
    opacity: .5;
    pointer-events: none
}

.slider-over-full-width img {
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s ease-out, width .5s linear;
    -o-transition: opacity .5s ease-out, width .5s linear;
    -moz-transition: opacity .5s ease-out, width .5s linear;
    transition: opacity .5s ease-out, width .5s linear
}

.slider-over-full-width.sliding-in-progress .slick-slide {
    opacity: 1 !important
}

@media (max-width: 799px) {
    .slider-over-full-width .slick-next, .slider-over-full-width .slick-prev {
        width: 40px;
        bottom: auto
    }

    .slider-over-full-width .slick-next {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (min-width: 1920px) {
    .slider-over-full-width .slick-list {
        padding-right: 405px !important
    }
}

.custom-slider {
    -webkit-transition: height .35s ease-in-out;
    -o-transition: height .35s ease-in-out;
    -moz-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out
}

.custom-slider .zoom-in {
    -webkit-animation: zoomSlideIn .3s .05s;
    -moz-animation: zoomSlideIn .3s .05s;
    -o-animation: zoomSlideIn .3s .05s;
    animation: zoomSlideIn .3s .05s
}

.custom-slider .zoom-out {
    -webkit-animation: zoomSlideOut .3s;
    -moz-animation: zoomSlideOut .3s;
    -o-animation: zoomSlideOut .3s;
    animation: zoomSlideOut .3s
}

.custom-slider .slide {
    display: inline-block;
    position: absolute;
    float: left;
    top: 0;
    -webkit-transition: left .25s linear, opacity .15s linear, -webkit-transform .25s linear;
    transition: left .25s linear, opacity .15s linear, -webkit-transform .25s linear;
    -o-transition: left .25s linear, opacity .15s linear, -o-transform .25s linear;
    -moz-transition: left .25s linear, transform .25s linear, opacity .15s linear, -moz-transform .25s linear;
    transition: left .25s linear, transform .25s linear, opacity .15s linear;
    transition: left .25s linear, transform .25s linear, opacity .15s linear, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear;
    z-index: 1;
    opacity: 0
}

.custom-slider .slide.visible {
    opacity: 1;
    top: 0;
    left: 0;
    z-index: 3
}

.custom-slider .slide.active {
    z-index: 2
}

.custom-slider .slide.ghost-slide {
    top: 0;
    left: 100%;
    opacity: .5;
    z-index: 0;
    -webkit-transition: left .25s linear, opacity .15s linear .2s, -webkit-transform .25s linear;
    transition: left .25s linear, opacity .15s linear .2s, -webkit-transform .25s linear;
    -o-transition: left .25s linear, opacity .15s linear .2s, -o-transform .25s linear;
    -moz-transition: left .25s linear, transform .25s linear, opacity .15s linear .2s, -moz-transform .25s linear;
    transition: left .25s linear, transform .25s linear, opacity .15s linear .2s;
    transition: left .25s linear, transform .25s linear, opacity .15s linear .2s, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear
}

.custom-slider .slide.ghost-slide.zoom-in {
    -webkit-transition: left 0s linear, opacity .15s ease;
    -o-transition: left 0s linear, opacity .15s ease;
    -moz-transition: left 0s linear, opacity .15s ease;
    transition: left 0s linear, opacity .15s ease
}

.custom-slider .slide.ghost-slide.next {
    z-index: 3
}

.custom-slider .slide.bounce-slide-left {
    -webkit-animation: keyvisualSliderBounceSlideLeft .35s;
    -moz-animation: keyvisualSliderBounceSlideLeft .35s;
    -o-animation: keyvisualSliderBounceSlideLeft .35s;
    animation: keyvisualSliderBounceSlideLeft .35s
}

.custom-slider .slide.bounce-slide-right {
    -webkit-animation: keyvisualSliderBounceSlideRight .35s;
    -moz-animation: keyvisualSliderBounceSlideRight .35s;
    -o-animation: keyvisualSliderBounceSlideRight .35s;
    animation: keyvisualSliderBounceSlideRight .35s
}

@media (max-width: 799px) {
    .custom-slider .slide.next {
        z-index: 3
    }
}

.custom-slider .slide-content {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.custom-slider .slide-content.fade-in {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    opacity: 1;
    z-index: 2
}

.custom-slider .slide-content.fade-out {
    opacity: 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

@media (max-width: 799px) {
    .custom-slider .slide-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
        padding-top: 32px;
        padding-right: 30px
    }

    .custom-slider .slide-content.fade-in {
        background-color: #fff
    }
}

.custom-slider .slide-content-wrapper {
    position: relative;
    margin-left: 32px
}

@media (max-width: 799px) {
    .custom-slider .slide-content-wrapper {
        margin-left: 16px
    }
}

.custom-slider .button-slide-next, .custom-slider .button-slide-prev {
    position: absolute;
    top: 0;
    height: 38px;
    width: 38px;
    z-index: 5;
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent
}

.custom-slider .button-slide-next::before, .custom-slider .button-slide-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    color: #004e9c;
    font-size: 21px;
    line-height: 21px;
    font-weight: 100
}

@media (max-width: 799px) {
    .custom-slider .button-slide-next::before, .custom-slider .button-slide-prev::before {
        margin-left: -1px
    }
}

.custom-slider .button-slide-prev {
    left: 0
}

.custom-slider .button-slide-prev::before {
    margin-top: -1px
}

.custom-slider .button-slide-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-slider .button-slide-next::before {
    margin-top: 1px
}

.custom-slider .qty-slides {
    right: 0
}

@media (min-width: 800px) {
    .custom-slider .qty-slides.with-status-text .button-slide-prev {
        left: 5px
    }

    .custom-slider .qty-slides.with-status-text .button-slide-next {
        right: 5px
    }
}

@media (max-width: 799px) {
    .custom-slider .qty-slides {
        left: -webkit-calc(100% / 12 * 11 - 14px);
        left: -moz-calc(100% / 12 * 11 - 14px);
        left: calc(100% / 12 * 11 - 14px);
        bottom: auto;
        right: auto
    }

    .custom-slider .qty-slides.sticky {
        position: fixed;
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 799px) and (min-width: 576px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 540px) / 2 + (540px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 540px) / 2 + (540px / 12 * 11) - 28px);
        left: calc((100vw - 540px) / 2 + (540px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) and (min-width: 800px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 720px) / 2 + (720px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 720px) / 2 + (720px / 12 * 11) - 28px);
        left: calc((100vw - 720px) / 2 + (720px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) and (min-width: 992px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 960px) / 2 + (960px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 960px) / 2 + (960px / 12 * 11) - 28px);
        left: calc((100vw - 960px) / 2 + (960px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) and (min-width: 1200px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 1140px) / 2 + (1140px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 1140px) / 2 + (1140px / 12 * 11) - 28px);
        left: calc((100vw - 1140px) / 2 + (1140px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) {
    .custom-slider .qty-slides.bottom-position {
        top: auto !important;
        bottom: 5px
    }
}

@media (max-width: 575px) {
    .custom-slider .qty-slides {
        left: -webkit-calc(100% / 12 * 11 - 14px);
        left: -moz-calc(100% / 12 * 11 - 14px);
        left: calc(100% / 12 * 11 - 14px)
    }

    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 31px) / 12 * 11);
        left: -moz-calc((100vw - 31px) / 12 * 11);
        left: calc((100vw - 31px) / 12 * 11)
    }
}

@media (max-width: 799px) {
    .custom-slider {
        margin-left: -16px
    }

    .custom-slider .button-slide-next {
        top: auto;
        bottom: 0
    }
}

.qty-slides {
    position: absolute;
    font-weight: 400;
    padding: 5px 0;
    height: 40px;
    width: 140px;
    text-align: center;
    border: 2px solid #004e9c;
    color: #004e9c;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qty-slides .number-slide, .qty-slides .qty {
    position: relative;
    display: inline-block
}

.qty-slides .number-slide {
    margin-right: 3px
}

.qty-slides .number-slide::after {
    content: '/';
    position: absolute;
    right: -8px
}

.qty-slides .qty {
    margin-left: 5px
}

.overflow-container {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 25px
}

.layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
    max-width: 1545px
}

@media (min-width: 576px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 540px) / 2);
        margin-left: -moz-calc((100vw - 540px) / 2);
        margin-left: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 800px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 720px) / 2);
        margin-left: -moz-calc((100vw - 720px) / 2);
        margin-left: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 992px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 960px) / 2);
        margin-left: -moz-calc((100vw - 960px) / 2);
        margin-left: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 1200px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 1140px) / 2);
        margin-left: -moz-calc((100vw - 1140px) / 2);
        margin-left: calc((100vw - 1140px) / 2)
    }
}

.layout-teaser .overflow-container .container, .overflow-container-less-width .overflow-container .container {
    margin-left: 0
}

.layout-teaser .overflow-container .custom-slider, .overflow-container-less-width .overflow-container .custom-slider {
    margin-left: -32px
}

@media (max-width: 799px) {
    .layout-teaser .overflow-container .custom-slider, .overflow-container-less-width .overflow-container .custom-slider {
        margin-left: -16px
    }
}

@-webkit-keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-moz-keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-o-keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-moz-keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-o-keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-webkit-keyframes zoomSlideIn {
    0% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes zoomSlideIn {
    0% {
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes zoomSlideIn {
    0% {
        transform: scale3d(.9, .9, .9)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomSlideIn {
    0% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes zoomSlideOut {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

@-moz-keyframes zoomSlideOut {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

@-o-keyframes zoomSlideOut {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

@keyframes zoomSlideOut {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

.slick-loading .slick-list {
    background: #fff url('../../../typo3conf/ext/hk_content/Resources/Public/Images/preloader.svg') center center no-repeat !important
}

.history {
    padding-bottom: 95px
}

.history + .table-block {
    padding-top: 200px
}

@media (max-width: 799px) {
    .history {
        padding-bottom: 55px
    }
}

.layout-image .slide-content, .layout-text-image .slide-content {
    position: absolute;
    top: 0;
    left: 15px;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

.layout-image .image-slider, .layout-image .image-text-slider, .layout-text-image .image-slider, .layout-text-image .image-text-slider {
    position: relative;
    position: relative
}

.layout-image .image-slider::before, .layout-image .image-text-slider::before, .layout-text-image .image-slider::before, .layout-text-image .image-text-slider::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.layout-image .image-slider > img, .layout-image .image-slider > picture, .layout-image .image-slider > video, .layout-image .image-text-slider > img, .layout-image .image-text-slider > picture, .layout-image .image-text-slider > video, .layout-text-image .image-slider > img, .layout-text-image .image-slider > picture, .layout-text-image .image-slider > video, .layout-text-image .image-text-slider > img, .layout-text-image .image-text-slider > picture, .layout-text-image .image-text-slider > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.layout-image .image-slider > video, .layout-image .image-text-slider > video, .layout-text-image .image-slider > video, .layout-text-image .image-text-slider > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .layout-image [class^=col-], .layout-text-image [class^=col-] {
        position: static
    }

    .layout-image .image-slider, .layout-image .image-text-slider, .layout-text-image .image-slider, .layout-text-image .image-text-slider {
        margin-bottom: 32px
    }

    .layout-image .qty-slides, .layout-text-image .qty-slides {
        bottom: auto;
        width: 40px;
        height: 128px;
        background-color: #fff
    }

    .layout-image .qty-slides .content, .layout-text-image .qty-slides .content {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .layout-image .qty-slides span, .layout-text-image .qty-slides span {
        margin: 0;
        display: block
    }

    .layout-image .qty-slides span.number-slide, .layout-text-image .qty-slides span.number-slide {
        margin-right: 0
    }

    .layout-image .qty-slides span.number-slide::after, .layout-text-image .qty-slides span.number-slide::after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 2px;
        top: auto;
        bottom: 0;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #004e9c
    }

    .layout-image .qty-slides span.qty, .layout-text-image .qty-slides span.qty {
        margin-left: 0
    }
}

.layout-text {
    text-align: center
}

.layout-text .slider-wrapper {
    background-color: #fff;
    position: relative;
    padding: 40px 15px;
    -webkit-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15)
}

@media (min-width: 800px) {
    .layout-text .slider-wrapper {
        padding: 40px 0;
        margin: 0 16px
    }
}

.layout-text .heading, .layout-text .slide-heading {
    color: #181818;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear
}

@media (max-width: 799px) {
    .layout-text .heading, .layout-text .slide-heading {
        font-size: 1.25rem;
        line-height: 1.25rem
    }
}

.layout-text .heading {
    margin-bottom: 0
}

.layout-text .heading.green {
    color: #004e9c
}

.layout-text .slide-wrapper {
    padding-bottom: 55px
}

.layout-text .slide-wrapper .text {
    margin-top: 42px
}

@media (max-width: 799px) {
    .layout-text .slide-wrapper .text {
        margin-top: 28px
    }
}

.layout-text .slide-wrapper .slick-slide {
    padding: 0 16px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.layout-text .slide-wrapper .slick-slide.slick-active {
    opacity: 1
}

.layout-text .slide-wrapper .slick-next, .layout-text .slide-wrapper .slick-prev {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.layout-text .slide-wrapper .slick-prev {
    margin-left: -45px
}

.layout-text .slide-wrapper .slick-next {
    margin-left: 45px;
    -webkit-transform: translateX(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

.layout-text .slide-wrapper .qty-slides {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.layout-image [class^=col-]:last-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.layout-image [class^=col-]:first-child {
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear
}

.layout-image .slide-content {
    padding-bottom: 80px
}

@media (max-width: 799px) {
    .layout-image .slide-content {
        padding-bottom: 56px;
        padding-top: 0
    }
}

.layout-image .qty-slides {
    width: 40px;
    height: 128px;
    background-color: #fff
}

.layout-image .qty-slides .content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.layout-image .qty-slides span {
    margin: 0;
    display: block
}

.layout-image .qty-slides span.number-slide {
    margin-right: 0
}

.layout-image .qty-slides span.number-slide::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    top: auto;
    bottom: 0;
    right: -2px;
    background-color: #004e9c
}

.layout-image .qty-slides span.qty {
    margin-left: 0
}

@media (min-width: 800px) {
    .layout-image .image-slider {
        overflow: hidden
    }

    .layout-image .slide-content-wrapper {
        margin-left: 0
    }

    .layout-image .qty-slides {
        top: 50%;
        right: -20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .layout-image .qty-slides.with-status-text .button-slide-prev {
        left: 0
    }

    .layout-image .qty-slides.with-status-text .button-slide-prev::before {
        margin-left: -1px
    }

    .layout-image .qty-slides.with-status-text .button-slide-next {
        right: 0;
        bottom: 0;
        top: auto
    }

    .layout-image .qty-slides.with-status-text .button-slide-next::before {
        margin-left: -2px
    }
}

@media (max-width: 799px) {
    .layout-image .heading-margin-bottom {
        margin-bottom: 42px
    }

    .layout-image .slide-wrapper .slider-wrapper {
        position: relative
    }

    .layout-image .qty-slides {
        left: -webkit-calc(100% - 12px);
        left: -moz-calc(100% - 12px);
        left: calc(100% - 12px)
    }
}

.layout-text-image .heading {
    margin-bottom: 14px
}

@media (min-width: 800px) {
    .layout-text-image .heading {
        line-height: 1.75rem;
        margin-top: -42px
    }
}

.layout-text-image .slider-wrapper {
    position: static
}

@media (min-width: 800px) {
    .layout-text-image .slider-wrapper {
        position: relative
    }
}

@media (min-width: 800px) {
    .layout-text-image .slide-wrapper {
        margin-top: 30px
    }

    .layout-text-image .slide-content-wrapper {
        padding-bottom: 58px
    }

    .layout-text-image .button-slide-next, .layout-text-image .button-slide-prev {
        width: 38px
    }

    .layout-text-image .button-slide-next::before, .layout-text-image .button-slide-prev::before {
        top: 50%;
        left: auto;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .layout-text-image .button-slide-prev::before {
        margin-left: -2px
    }
}

@media (max-width: 799px) {
    .layout-text-image [class^=col-] {
        position: static
    }

    .layout-text-image .image-text-slider {
        margin-bottom: 32px
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .layout-text-image .button-slide-next::before, .layout-text-image .button-slide-prev::before {
        padding-left: 20px
    }
}

@media (max-width: 799px) {
    .layout-text-image .button-slide-next::before, .layout-text-image .button-slide-prev::before {
        padding-left: 0
    }
}

.teaser-slider + .qty-slides, .teaser-thumbnails-slider + .qty-slides {
    top: -56px;
    width: 98px;
    -webkit-transition: top .15s linear;
    -o-transition: top .15s linear;
    -moz-transition: top .15s linear;
    transition: top .15s linear
}

.teaser-slider + .qty-slides .button-slide, .teaser-thumbnails-slider + .qty-slides .button-slide {
    width: 47px;
    border-right: 1px solid #004e9c;
    padding: 0
}

.teaser-slider + .qty-slides .button-slide-next::before, .teaser-thumbnails-slider + .qty-slides .button-slide-next::before {
    margin-top: 1px
}

@media (max-width: 799px) {
    .teaser-slider + .qty-slides, .teaser-thumbnails-slider + .qty-slides {
        width: 40px;
        height: 76px;
        z-index: 3;
        background-color: #fff;
        left: -webkit-calc(100% - 12px);
        left: -moz-calc(100% - 12px);
        left: calc(100% - 12px)
    }

    .teaser-slider + .qty-slides .button-slide, .teaser-thumbnails-slider + .qty-slides .button-slide {
        width: 38px
    }
}

.teaser-slider .slick-arrow, .teaser-thumbnails-slider .slick-arrow {
    border: 2px solid #004e9c;
    width: 44px
}

@media (min-width: 800px) {
    .teaser-slider .slick-arrow, .teaser-thumbnails-slider .slick-arrow {
        bottom: auto;
        top: -55px
    }

    .teaser-slider .slick-arrow.slick-next, .teaser-thumbnails-slider .slick-arrow.slick-next {
        right: 0
    }

    .teaser-slider .slick-arrow.slick-prev, .teaser-thumbnails-slider .slick-arrow.slick-prev {
        right: 42px
    }
}

@media (max-width: 799px) {
    .teaser-slider .slick-arrow, .teaser-thumbnails-slider .slick-arrow {
        height: 38px;
        width: 40px;
        background-color: #fff;
        border-bottom: 0;
        right: 6px
    }

    .teaser-slider .slick-arrow.slick-prev, .teaser-thumbnails-slider .slick-arrow.slick-prev {
        margin-top: -38px
    }
}

.teaser-slider {
    margin-left: -16px
}

.teaser-slider .slide {
    -webkit-transition: left .25s linear, opacity .05s linear, -webkit-transform .25s linear;
    transition: left .25s linear, opacity .05s linear, -webkit-transform .25s linear;
    -o-transition: left .25s linear, opacity .05s linear, -o-transform .25s linear;
    -moz-transition: left .25s linear, transform .25s linear, opacity .05s linear, -moz-transform .25s linear;
    transition: left .25s linear, transform .25s linear, opacity .05s linear;
    transition: left .25s linear, transform .25s linear, opacity .05s linear, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear
}

.teaser-slider .slide.prev {
    left: -webkit-calc(-100% / 3);
    left: -moz-calc(-100% / 3);
    left: calc(-100% / 3)
}

.teaser-slider .slider-text-wrapper {
    margin-top: 24px
}

.teaser-slider .text {
    margin-bottom: 24px
}

.teaser-slider .heading {
    font-size: .75rem;
    color: #004e9c;
    letter-spacing: 1px;
    line-height: .94rem;
    text-transform: uppercase
}

.teaser-slider p {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 400
}

.teaser-slider .btn-link {
    z-index: 0
}

@media (min-width: 800px) {
    .teaser-slider {
        margin-left: -32px
    }

    .teaser-slider p {
        font-size: 1.5rem
    }
}

.teaser-thumbnails-slider .slide-content-wrapper {
    position: relative
}

.teaser-thumbnails-slider .link-overlap {
    position: absolute;
    color: transparent;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.teaser-thumbnails-slider .autocomplete-suggestion, .teaser-thumbnails-slider .link {
    z-index: 2
}

.teaser-thumbnails-slider .slider-text-wrapper {
    background-color: #fff;
    position: relative;
    padding: 24px;
    font-size: 1rem;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.teaser-thumbnails-slider .slider-text-wrapper::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 18px 30px -15px #ececec;
    -moz-box-shadow: 0 18px 30px -15px #ececec;
    box-shadow: 0 18px 30px -15px #ececec
}

@media (max-width: 799px) {
    .teaser-thumbnails-slider .slider-text-wrapper {
        padding: 24px 16px
    }
}

.teaser-thumbnails-slider .slide-heading {
    font-weight: 800
}

@media (max-width: 799px) {
    .teaser-thumbnails-slider {
        margin-top: 56px
    }
}

@media print {
    .breadcrumbs-menus, .btn-scroll-top, .cookies-line, .keyvisual, .main-footer, .main-nav, .search-wrapper, .wistia_embed, header {
        display: none
    }

    section {
        padding: 0;
        margin: 0
    }

    .col-md-4 .hk-ce .text-right {
        display: none
    }

    .single-contact-person .contact-background, .single-contact-person::before {
        display: none
    }

    .list-elements .elements-wrapper .element {
        margin: 0;
        padding: 0
    }

    .list-elements .elements-wrapper .element .popup::after, .list-elements .elements-wrapper .element .popup::before {
        display: none
    }

    .autocomplete-suggestion::before, .link::before, ul::before {
        display: none
    }

    .autocomplete-suggestion.default-list li::before, .default-list.autocomplete-suggestion li::before, .link.default-list li::before, ul.default-list li::before {
        display: none
    }

    h1.heading-xxl, h2.heading-xxl, h3.heading-xxl, h4.heading-xxl, h5.heading-xxl, h6.heading-xxl, p.heading-xxl {
        margin: 0
    }

    .hero .background::before {
        display: none
    }

    .accordion .card {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }

    .accordion .card .collapse-content {
        display: block
    }

    .accordion .card .collapse-header a::after, .accordion .card .collapse-header a::before {
        display: none
    }

    .product-detail-wrapper .bg-product-detail-wrapper, .product-detail-wrapper .product-detail-image {
        display: none
    }

    .card .collapse {
        display: block
    }

    .gallery-item, img {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }

    .gallery-image-figure img {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }

    .layout-text .slider-wrapper {
        display: none
    }

    .col-md-20-percent:last-of-type {
        margin-bottom: 50px
    }

    .contact-person .group-contact-persons .contact-element .contact-info {
        display: block
    }

    .contact-person .group-contact-persons .contact-element .contact-info a {
        overflow: visible;
        display: block;
        width: 100%;
        border: 0;
        position: relative;
        text-align: left;
        margin: 0
    }

    .contact-person .group-contact-persons .contact-element .contact-info a span {
        display: block;
        color: #000
    }
}

.hk-imageteaser {
    position: relative;
    z-index: 100;
}

.hk-imageteaser .background {
    width: 100%;
    height: 100vh;
    max-width: 1920px;
    max-height: 1080px;
    position: relative;
    background-position: center center;
    background-size: cover;
}

.hk-imageteaser .background .content {
    max-width: 50%;
    background: #fff;
    padding: 40px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
}

.hk-imageteaser .background .content.right {
    left: auto;
    right: 5%;
}

.hk-imageteaser .background .content .text {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.0;
    margin-bottom: 30px;
}

.hk-imageteaser .background .content .button {
    display: inline-block;
    min-width: 40%;
    text-align: center;
    padding: 10px;
    background-color: green;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.hk-imageteaser .background.overlapping {
    transform: translateY(50px);
}

.hk-imageblock {
    position: relative;
    z-index: 100;
}

.hk-imageblock .background {
    width: 100%;
    height: 100vh;
    max-width: 1920px;
    max-height: 1080px;
    position: relative;
    background-position: center center;
    background-size: cover;
}

.hk-imageblock .background .subheadlines {
    max-width: 30%;
    padding: 40px 30px;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    right: 5%;
    color: #000;
    font-weight: bold;
    font-size: 40px;
}

.hk-imageblock .background .subheadlines .subheadline:first-child {
    font-size: 100px;
}

.hk-imageblock .background .content {
    color: #fff;
    max-width: 50%;
    padding: 40px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
}

.hk-imageblock .background .content h4 {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.0;
    margin-bottom: 30px;
}

.hk-imageblock .background .content .text {
    margin-bottom: 30px;
    font-size: 25px;
}

.hk-imageblock .background .content .button {
    display: inline-block;
    min-width: 40%;
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
}

.mm-menu, .mm-panels, .mm-panels > .mm-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    box-sizing: border-box
}

.mm-btn, .mm-menu {
    box-sizing: border-box
}

.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
    text-decoration: none
}

.mm-hidden {
    display: none !important
}

.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
    display: block
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    padding: 0;
    position: absolute
}

.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    position: absolute
}

.mm-btn, .mm-panel.mm-highest {
    z-index: 1
}

.mm-panels {
    overflow: hidden
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panels > .mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
    padding-top: 0 !important;
    padding-bottom: 120px !important
}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px
}

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 40px;
    bottom: auto
}

.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 19px
}

.mm-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-clear:after, .mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 23px
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 117px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar > * {
    display: block;
    padding: 10px 0
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview > li {
    position: relative
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
    border-color: inherit
}

.mm-listview > li > a, .mm-listview > li > span {
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0
}

.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
    padding-right: 50px
}

.mm-listview > li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20px
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
    margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px
}

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset > li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer > .mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .5);
    tap-highlight-color: rgba(255, 255, 255, .5)
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .5)
}

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, .05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking, html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

.mm-menu.mm-offcanvas.mm-current {
    display: block
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top {
    max-height: 80%
}

.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen {
    max-height: 100%
}

.mm-menu.mm-measureheight .mm-panel {
    display: block !important
}

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

.mm-menu.mm-columns {
    -webkit-transition-property: width, max-width, -webkit-transform;
    transition-property: width, max-width, -webkit-transform;
    transition-property: transform, width, max-width;
    transition-property: transform, width, max-width, -webkit-transform
}

.mm-menu.mm-columns .mm-panels > .mm-panel {
    width: 100%;
    right: auto;
    display: none;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
    border-right: 1px solid;
    border-color: inherit;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 2
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
    display: block;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0
}

html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 0px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
    display: block;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
    width: 100%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
    display: block;
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
    width: 50%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
    display: block;
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
    width: 33.34%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
    display: block;
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
    width: 25%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
    display: block;
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px
}

html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(2200px, 0, 0);
        transform: translate3d(2200px, 0, 0)
    }
}

.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
    width: 20%
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
    display: block;
    -webkit-transform: translate3d(700%, 0, 0);
    transform: translate3d(700%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px
}

html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(2640px, 0, 0);
        transform: translate3d(2640px, 0, 0)
    }
}

.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
    width: 16.67%
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%
}

em.mm-counter + a.mm-next {
    width: 90px
}

em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
    margin-right: 90px
}

em.mm-counter + a.mm-fullsubopen {
    padding-left: 0
}

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px
}

.mm-nosubresults > .mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important
}

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, .05)
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.mm-menu.mm-dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-dropdown .mm-menu {
    z-index: 2
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu.mm-tipleft:before {
    left: 22px
}

.mm-menu.mm-tipright:before {
    right: 22px
}

.mm-menu.mm-tiptop:before {
    top: -8px
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: left, -webkit-transform;
    transition-property: left, -webkit-transform;
    transition-property: transform, left;
    transition-property: transform, left, -webkit-transform
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3
}

.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
    border-bottom: none
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
    border-top: none
}

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-] > * {
    box-sizing: border-box;
    display: block
}

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs > a {
    text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-3 > * {
    width: 33.33%
}

.mm-navbar-content-4 > * {
    width: 25%
}

.mm-navbar-content-5 > * {
    width: 20%
}

.mm-navbar-content-6 > * {
    width: 16.67%
}

.mm-sronly {
    text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1
}

.mm-search, .mm-search input {
    box-sizing: border-box
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0;
    position: relative
}

.mm-search input {
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    display: block;
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    margin: 0;
    padding: 0 10px
}

.mm-search input::-ms-clear {
    display: none
}

.mm-search .mm-clear, .mm-search .mm-next {
    right: 0
}

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mm-panel.mm-hassearch {
    padding-top: 40px
}

.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 80px
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px
}

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0
}

.mm-noresults .mm-indexer {
    display: none !important
}

li.mm-nosubresults > a.mm-next {
    display: none
}

li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
    padding-right: 10px
}

.mm-panels > .mm-resultspanel:not(.mm-opened) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .7)
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%
}

.mm-indexer ~ .mm-panel.mm-hasindexer {
    padding-right: 40px
}

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
    transition: background .4s ease
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .5)
}

input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px
}

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px
}

label.mm-check:before, label.mm-toggle:before {
    content: '';
    display: block
}

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px
}

label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px
}

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px
}

label.mm-toggle + a, label.mm-toggle + span {
    padding-right: 80px
}

label.mm-check + a, label.mm-check + span {
    padding-right: 60px
}

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
    right: 60px
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
    margin-right: 50px
}

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
    padding-right: 70px
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
    padding-right: 50px
}

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
    right: 100px
}

em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
    margin-right: 90px
}

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu label.mm-toggle:before {
    background: #f3f3f3
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, .7)
}

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
    content: none
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
    left: 0 !important
}

.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
    right: 20px
}

.mm-menu.mm-effect-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-effect-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
    -webkit-transition: none .4s ease;
    transition: none .4s ease
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
    opacity: 1
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
    -webkit-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
    top: -25%
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
    top: 0
}

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before {
    content: none;
    display: none
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span {
    box-sizing: border-box;
    height: 100%
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 0
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    text-overflow: clip;
    white-space: normal
}

html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
    opacity: 0
}

html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

html.mm-pagedim #mm-blocker {
    background: inherit
}

html.mm-pagedim-white #mm-blocker {
    background: #fff
}

html.mm-pagedim-black #mm-blocker {
    background: #000
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
    opacity: 1
}

html.mm-popup .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-popup #mm-blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1
}

html.mm-popup .mm-menu {
    z-index: 2
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto;
    right: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.mm-front #mm-blocker {
    z-index: 1
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 99
}

.mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto;
    bottom: 0
}

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    margin-top: 70px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: calc(100% - 70px);
    height: -webkit-calc(100% - 70px);
    min-height: 140px;
    max-height: 880px
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05);
    tap-highlight-color: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, .03)
}

.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .6)
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, .3)
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .05)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .3);
    tap-highlight-color: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255, 255, 255, .3)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, .2)
}

.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none
}

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative
}

.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
    width: auto
}

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    z-index: 1045;
    height: 100%
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp200 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp200 {
    -webkit-animation-name: fadeInUp200;
    animation-name: fadeInUp200
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDown200 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

@keyframes fadeOutDown200 {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0)
    }
}

.fadeOutDown200 {
    -webkit-animation-name: fadeOutDown200;
    animation-name: fadeOutDown200
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::after, .hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
    transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1);
    transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1);
    transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1);
    transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1);
    transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .27s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity .15s .4s ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: .1s
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: .1s
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity .15s .4s ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: .1s
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: .1s
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .2s .25s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .2s .25s ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, left .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top 50ms .2s linear, right .2s .25s ease-in, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: left .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right .2s ease-out, top 50ms .2s linear, -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1);
    transition: right .2s ease-out, top 50ms .2s linear, transform .2s .25s cubic-bezier(.075, .82, .165, 1), -webkit-transform .2s .25s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s
}

.hamburger--slider .hamburger-inner::after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s .15s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .32s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top .3s .3s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .32s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1);
    transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .32s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .32s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear;
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
    transition: top .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent;
    transition: background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear;
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19);
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear;
    transition: transform .1s .22s cubic-bezier(.55, .055, .675, .19), background-color 0s .1s linear, -webkit-transform .1s .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom .1s .1s ease-in, -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .1s ease-in, transform .1s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    transition: background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1);
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear;
    transition: transform .1s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .22s linear, -webkit-transform .1s 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom .1s .12s ease-out, -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s .12s ease-out, transform .1s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .34s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .14s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .34s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .14s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top .1s .14s ease, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom .1s .14s ease, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .14s ease, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease, opacity .1s .14s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease, -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease, transform .1s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .1s .14s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Styles/lib/mCSB_buttons.png');
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

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

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

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

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@media print {
    *, ::after, ::before, blockquote::first-letter, blockquote::first-line, div::first-letter, div::first-line, li::first-letter, li::first-line, p::first-letter, p::first-line {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

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

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

    pre {
        white-space: pre-wrap !important
    }

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

    thead {
        display: table-header-group
    }

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

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

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

    .navbar {
        display: none
    }

    .badge {
        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
    }
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem
}

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

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

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    cursor: help
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, select, textarea {
    line-height: inherit
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: not-allowed
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

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

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

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

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #636c72
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer::before {
    content: ""
}

.blockquote-reverse .blockquote-footer::after {
    content: "\00A0 \2014"
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #636c72
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 800px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 800px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

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

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

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 576px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 800px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .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, .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, .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-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl2, .col-xl2-1, .col-xl2-10, .col-xl2-11, .col-xl2-12, .col-xl2-2, .col-xl2-3, .col-xl2-4, .col-xl2-5, .col-xl2-6, .col-xl2-7, .col-xl2-8, .col-xl2-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

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

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

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

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

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

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }

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

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

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

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

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

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

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

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

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

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

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 800px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.33333%
    }

    .pull-md-2 {
        right: 16.66667%
    }

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

    .pull-md-4 {
        right: 33.33333%
    }

    .pull-md-5 {
        right: 41.66667%
    }

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

    .pull-md-7 {
        right: 58.33333%
    }

    .pull-md-8 {
        right: 66.66667%
    }

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

    .pull-md-10 {
        right: 83.33333%
    }

    .pull-md-11 {
        right: 91.66667%
    }

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

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.33333%
    }

    .push-md-2 {
        left: 16.66667%
    }

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

    .push-md-4 {
        left: 33.33333%
    }

    .push-md-5 {
        left: 41.66667%
    }

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

    .push-md-7 {
        left: 58.33333%
    }

    .push-md-8 {
        left: 66.66667%
    }

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

    .push-md-10 {
        left: 83.33333%
    }

    .push-md-11 {
        left: 91.66667%
    }

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

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

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.33333%
    }

    .pull-lg-2 {
        right: 16.66667%
    }

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

    .pull-lg-4 {
        right: 33.33333%
    }

    .pull-lg-5 {
        right: 41.66667%
    }

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

    .pull-lg-7 {
        right: 58.33333%
    }

    .pull-lg-8 {
        right: 66.66667%
    }

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

    .pull-lg-10 {
        right: 83.33333%
    }

    .pull-lg-11 {
        right: 91.66667%
    }

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

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.33333%
    }

    .push-lg-2 {
        left: 16.66667%
    }

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

    .push-lg-4 {
        left: 33.33333%
    }

    .push-lg-5 {
        left: 41.66667%
    }

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

    .push-lg-7 {
        left: 58.33333%
    }

    .push-lg-8 {
        left: 66.66667%
    }

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

    .push-lg-10 {
        left: 83.33333%
    }

    .push-lg-11 {
        left: 91.66667%
    }

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

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

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.33333%
    }

    .pull-xl-2 {
        right: 16.66667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.33333%
    }

    .pull-xl-5 {
        right: 41.66667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.33333%
    }

    .pull-xl-8 {
        right: 66.66667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.33333%
    }

    .pull-xl-11 {
        right: 91.66667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.33333%
    }

    .push-xl-2 {
        left: 16.66667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.33333%
    }

    .push-xl-5 {
        left: 41.66667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1440px) {
    .col-xl2 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl2-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl2-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl2-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl2-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl2-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl2-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl2-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl2-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl2-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl2-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl2-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl2-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl2-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xl2-0 {
        right: auto
    }

    .pull-xl2-1 {
        right: 8.33333%
    }

    .pull-xl2-2 {
        right: 16.66667%
    }

    .pull-xl2-3 {
        right: 25%
    }

    .pull-xl2-4 {
        right: 33.33333%
    }

    .pull-xl2-5 {
        right: 41.66667%
    }

    .pull-xl2-6 {
        right: 50%
    }

    .pull-xl2-7 {
        right: 58.33333%
    }

    .pull-xl2-8 {
        right: 66.66667%
    }

    .pull-xl2-9 {
        right: 75%
    }

    .pull-xl2-10 {
        right: 83.33333%
    }

    .pull-xl2-11 {
        right: 91.66667%
    }

    .pull-xl2-12 {
        right: 100%
    }

    .push-xl2-0 {
        left: auto
    }

    .push-xl2-1 {
        left: 8.33333%
    }

    .push-xl2-2 {
        left: 16.66667%
    }

    .push-xl2-3 {
        left: 25%
    }

    .push-xl2-4 {
        left: 33.33333%
    }

    .push-xl2-5 {
        left: 41.66667%
    }

    .push-xl2-6 {
        left: 50%
    }

    .push-xl2-7 {
        left: 58.33333%
    }

    .push-xl2-8 {
        left: 66.66667%
    }

    .push-xl2-9 {
        left: 75%
    }

    .push-xl2-10 {
        left: 83.33333%
    }

    .push-xl2-11 {
        left: 91.66667%
    }

    .push-xl2-12 {
        left: 100%
    }

    .offset-xl2-0 {
        margin-left: 0
    }

    .offset-xl2-1 {
        margin-left: 8.33333%
    }

    .offset-xl2-2 {
        margin-left: 16.66667%
    }

    .offset-xl2-3 {
        margin-left: 25%
    }

    .offset-xl2-4 {
        margin-left: 33.33333%
    }

    .offset-xl2-5 {
        margin-left: 41.66667%
    }

    .offset-xl2-6 {
        margin-left: 50%
    }

    .offset-xl2-7 {
        margin-left: 58.33333%
    }

    .offset-xl2-8 {
        margin-left: 66.66667%
    }

    .offset-xl2-9 {
        margin-left: 75%
    }

    .offset-xl2-10 {
        margin-left: 83.33333%
    }

    .offset-xl2-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1920px) {
    .col-xxl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-xxl-0 {
        right: auto
    }

    .pull-xxl-1 {
        right: 8.33333%
    }

    .pull-xxl-2 {
        right: 16.66667%
    }

    .pull-xxl-3 {
        right: 25%
    }

    .pull-xxl-4 {
        right: 33.33333%
    }

    .pull-xxl-5 {
        right: 41.66667%
    }

    .pull-xxl-6 {
        right: 50%
    }

    .pull-xxl-7 {
        right: 58.33333%
    }

    .pull-xxl-8 {
        right: 66.66667%
    }

    .pull-xxl-9 {
        right: 75%
    }

    .pull-xxl-10 {
        right: 83.33333%
    }

    .pull-xxl-11 {
        right: 91.66667%
    }

    .pull-xxl-12 {
        right: 100%
    }

    .push-xxl-0 {
        left: auto
    }

    .push-xxl-1 {
        left: 8.33333%
    }

    .push-xxl-2 {
        left: 16.66667%
    }

    .push-xxl-3 {
        left: 25%
    }

    .push-xxl-4 {
        left: 33.33333%
    }

    .push-xxl-5 {
        left: 41.66667%
    }

    .push-xxl-6 {
        left: 50%
    }

    .push-xxl-7 {
        left: 58.33333%
    }

    .push-xxl-8 {
        left: 66.66667%
    }

    .push-xxl-9 {
        left: 75%
    }

    .push-xxl-10 {
        left: 83.33333%
    }

    .push-xxl-11 {
        left: 91.66667%
    }

    .push-xxl-12 {
        left: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #eceeef;
    opacity: 1
}

.form-control:disabled {
    cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
    height: -webkit-calc(2.25rem + 2px);
    height: -moz-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block
}

.col-form-label {
    padding-top: -webkit-calc(.5rem - 1px * 2);
    padding-top: -moz-calc(.5rem - 1px * 2);
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: -webkit-calc(.5rem - 1px * 2);
    padding-bottom: -moz-calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: -webkit-calc(.75rem - 1px * 2);
    padding-top: -moz-calc(.75rem - 1px * 2);
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: -webkit-calc(.75rem - 1px * 2);
    padding-bottom: -moz-calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: -webkit-calc(.25rem - 1px * 2);
    padding-top: -moz-calc(.25rem - 1px * 2);
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: -webkit-calc(.25rem - 1px * 2);
    padding-bottom: -moz-calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}

.form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: 1.8125rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: 3.16667rem
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #636c72;
    cursor: not-allowed
}

.form-check-label {
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 100;
    font-size: .875rem
}

.form-check-label a, .form-check-label a:focus, .form-check-label a:hover {
    color: #004e9c
}

.form-check-input {
    vertical-align: baseline
}

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.form-check-inline + .form-check-inline {
    margin-left: .75rem
}

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    -moz-background-size: 1.125rem 1.125rem;
    -o-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-check {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-inline .form-check-label {
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn:focus, .btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    -moz-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

.btn.active, .btn:active {
    background-image: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    -moz-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    -moz-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info.focus, .btn-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    -moz-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-info.disabled, .btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}

.btn-success.focus, .btn-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    -moz-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning.focus, .btn-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    -moz-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    -moz-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a
}

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    -moz-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent
}

.btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    -moz-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #ccc;
    background-color: transparent
}

.btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-info.focus, .btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    -moz-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent
}

.btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-success {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus, .btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    -moz-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #5cb85c;
    background-color: transparent
}

.btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    -moz-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0ad4e;
    background-color: transparent
}

.btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    -moz-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #d9534f;
    background-color: transparent
}

.btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-link {
    font-weight: 400;
    color: #0275d8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {
    background-color: transparent
}

.btn-link, .btn-link:active, .btn-link:focus {
    border-color: transparent
}

.btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link:disabled {
    color: #636c72
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    -moz-transition: height .35s ease;
    transition: height .35s ease
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show > .dropdown-menu {
    display: block
}

.show > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

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

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn + .dropdown-toggle-split::after {
    margin-left: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem
}

.btn-group-vertical {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
    z-index: 3
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 3
}

.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover {
    z-index: 3
}

.custom-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0275d8
}

.custom-control-input:focus ~ .custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    -moz-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

.custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #8fcafe
}

.custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-control-input:disabled ~ .custom-control-description {
    color: #636c72;
    cursor: not-allowed
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    -moz-background-size: 50% 50%;
    -o-background-size: 50% 50%;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
    background-color: #0275d8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: -moz-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    -moz-background-size: 8px 10px;
    -o-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

.custom-select:focus {
    border-color: #5cb3fd;
    outline: 0
}

.custom-select:focus::-ms-value {
    color: #464a4c;
    background-color: #fff
}

.custom-select:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.custom-file-control:lang(en)::after {
    content: "Choose file..."
}

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 0 .25rem .25rem 0;
    -moz-border-radius: 0 .25rem .25rem 0;
    border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en)::before {
    content: "Browse"
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5em 1em
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #636c72;
    cursor: not-allowed
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled {
    color: #636c72;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #464a4c;
    background-color: #fff;
    border-color: #ddd #ddd #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0
}

.nav-pills .nav-link {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width: 575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-toggleable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width: 799px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 800px) {
    .navbar-toggleable-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-sm > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-md > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-lg > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1439px) {
    .navbar-toggleable-xl .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xl > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1440px) {
    .navbar-toggleable-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-xl > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-xl .navbar-toggler {
        display: none
    }
}

@media (max-width: 1919px) {
    .navbar-toggleable-xl2 .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xl2 > .container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1920px) {
    .navbar-toggleable-xl2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl2 .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-toggleable-xl2 .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-toggleable-xl2 > .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navbar-toggleable-xl2 .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }

    .navbar-toggleable-xl2 .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xxl .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-toggleable-xxl > .container {
    padding-right: 0;
    padding-left: 0
}

.navbar-toggleable-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-toggleable-xxl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-toggleable-xxl > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

.navbar-toggleable-xxl .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
    color: #fff
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover {
    color: #fff
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-inverse .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open > .nav-link {
    color: #fff
}

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-inverse .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card > .list-group:first-child .list-group-item:first-child {
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.card > .list-group:last-child .list-group-item:last-child {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    -webkit-border-radius: -webkit-calc(.25rem - 1px) -webkit-calc(.25rem - 1px) 0 0;
    -moz-border-radius: -moz-calc(.25rem - 1px) -moz-calc(.25rem - 1px) 0 0;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    -webkit-border-radius: 0 0 -webkit-calc(.25rem - 1px) -webkit-calc(.25rem - 1px);
    -moz-border-radius: 0 0 -moz-calc(.25rem - 1px) -moz-calc(.25rem - 1px);
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

.card-primary .card-footer, .card-primary .card-header {
    background-color: transparent
}

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.card-success .card-footer, .card-success .card-header {
    background-color: transparent
}

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.card-info .card-footer, .card-info .card-header {
    background-color: transparent
}

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.card-warning .card-footer, .card-warning .card-header {
    background-color: transparent
}

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

.card-danger .card-footer, .card-danger .card-header {
    background-color: transparent
}

.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-footer, .card-inverse .card-header {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .2)
}

.card-inverse .card-blockquote, .card-inverse .card-footer, .card-inverse .card-header, .card-inverse .card-title {
    color: #fff
}

.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
    color: #fff
}

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

.card-img {
    -webkit-border-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius: -moz-calc(.25rem - 1px);
    border-radius: calc(.25rem - 1px)
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img-top {
    -webkit-border-top-right-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-topright: -moz-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    -webkit-border-top-left-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-topleft: -moz-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    -webkit-border-bottom-right-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-bottomright: -moz-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    -webkit-border-bottom-left-radius: -webkit-calc(.25rem - 1px);
    -moz-border-radius-bottomleft: -moz-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 576px) {
    .card-deck {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-deck .card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-deck .card:not(:first-child) {
        margin-left: 15px
    }

    .card-deck .card:not(:last-child) {
        margin-right: 15px
    }
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .card-group .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -moz-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }

    .card-group .card + .card {
        margin-left: 0;
        border-left: 0
    }

    .card-group .card:first-child {
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-top {
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    .card-group .card:first-child .card-img-bottom {
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    .card-group .card:last-child {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-top {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0
    }

    .card-group .card:last-child .card-img-bottom {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child) {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.breadcrumb::after {
    display: block;
    content: "";
    clear: both
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #636c72;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #636c72
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.page-item:last-child .page-link {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus, .page-link:hover {
    color: #014c8c;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    -webkit-border-bottom-left-radius: .3rem;
    -moz-border-radius-bottomleft: .3rem;
    border-bottom-left-radius: .3rem;
    -webkit-border-top-left-radius: .3rem;
    -moz-border-radius-topleft: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    -webkit-border-bottom-right-radius: .3rem;
    -moz-border-radius-bottomright: .3rem;
    border-bottom-right-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    -moz-border-radius-topright: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
    -webkit-border-bottom-left-radius: .2rem;
    -moz-border-radius-bottomleft: .2rem;
    border-bottom-left-radius: .2rem;
    -webkit-border-top-left-radius: .2rem;
    -moz-border-radius-topleft: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    -webkit-border-bottom-right-radius: .2rem;
    -moz-border-radius-bottomright: .2rem;
    border-bottom-right-radius: .2rem;
    -webkit-border-top-right-radius: .2rem;
    -moz-border-radius-topright: .2rem;
    border-top-right-radius: .2rem
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    position: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c1e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6d5ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7ecb5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9b9
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 1rem 1rem;
    -moz-background-size: 1rem 1rem;
    -o-background-size: 1rem 1rem;
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -moz-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #464a4c;
    text-align: inherit
}

.list-group-item-action .list-group-item-heading {
    color: #292b2c
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #464a4c;
    text-decoration: none;
    background-color: #f7f7f9
}

.list-group-item-action:active {
    color: #292b2c;
    background-color: #eceeef
}

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus, .list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #fff
}

.list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
    color: #636c72
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text {
    color: #daeeff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

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

.embed-responsive::before {
    display: block;
    content: ""
}

.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-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.rounded-top {
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.rounded-right {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-right-radius: .25rem
}

.rounded-bottom {
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-right-radius: .25rem;
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-left {
    -webkit-border-bottom-left-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    border-bottom-left-radius: .25rem;
    -webkit-border-top-left-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    border-top-left-radius: .25rem
}

.rounded-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.rounded-0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.clearfix::after {
    display: block;
    content: "";
    clear: both
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 800px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1440px) {
    .d-xl2-none {
        display: none !important
    }

    .d-xl2-inline {
        display: inline !important
    }

    .d-xl2-inline-block {
        display: inline-block !important
    }

    .d-xl2-block {
        display: block !important
    }

    .d-xl2-table {
        display: table !important
    }

    .d-xl2-table-cell {
        display: table-cell !important
    }

    .d-xl2-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl2-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1920px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -moz-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -moz-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -moz-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -moz-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -moz-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -moz-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -moz-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 800px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1440px) {
    .flex-xl2-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xl2-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xl2-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xl2-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl2-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl2-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl2-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl2-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl2-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl2-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl2-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl2-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl2-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl2-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl2-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl2-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl2-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl2-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl2-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl2-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl2-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl2-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl2-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl2-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl2-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl2-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl2-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl2-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl2-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl2-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl2-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl2-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1920px) {
    .flex-xxl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .flex-xxl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .flex-xxl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -moz-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -moz-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -moz-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 800px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

@media (min-width: 1440px) {
    .float-xl2-left {
        float: left !important
    }

    .float-xl2-right {
        float: right !important
    }

    .float-xl2-none {
        float: none !important
    }
}

@media (min-width: 1920px) {
    .float-xxl-left {
        float: left !important
    }

    .float-xxl-right {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

.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
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-4 {
    margin: 1.5rem 1.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-5 {
    margin: 3rem 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: .25rem .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: 1rem 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pl-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem 1.5rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pl-4 {
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-5 {
    padding: 3rem 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pl-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: .25rem .25rem !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1 {
        margin-left: .25rem !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem .5rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2 {
        margin-left: .5rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem 1rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3 {
        margin-left: 1rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4 {
        margin-left: 1.5rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem 3rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5 {
        margin-left: 3rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-sm-0 {
        padding: 0 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: .25rem .25rem !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1 {
        padding-left: .25rem !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem .5rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2 {
        padding-left: .5rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem 1rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3 {
        padding-left: 1rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4 {
        padding-left: 1.5rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem 3rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5 {
        padding-left: 3rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 800px) {
    .m-md-0 {
        margin: 0 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: .25rem .25rem !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1 {
        margin-left: .25rem !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-md-2 {
        margin: .5rem .5rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2 {
        margin-left: .5rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-md-3 {
        margin: 1rem 1rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3 {
        margin-left: 1rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4 {
        margin-left: 1.5rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem 3rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5 {
        margin-left: 3rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-md-0 {
        padding: 0 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: .25rem .25rem !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1 {
        padding-left: .25rem !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-md-2 {
        padding: .5rem .5rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2 {
        padding-left: .5rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-md-3 {
        padding: 1rem 1rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3 {
        padding-left: 1rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4 {
        padding-left: 1.5rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem 3rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5 {
        padding-left: 3rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto {
        margin-left: auto !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: .25rem .25rem !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1 {
        margin-left: .25rem !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem .5rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2 {
        margin-left: .5rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3 {
        margin-left: 1rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4 {
        margin-left: 1.5rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem 3rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5 {
        margin-left: 3rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-lg-0 {
        padding: 0 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: .25rem .25rem !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1 {
        padding-left: .25rem !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem .5rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2 {
        padding-left: .5rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem 1rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3 {
        padding-left: 1rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4 {
        padding-left: 1.5rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem 3rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5 {
        padding-left: 3rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: .25rem .25rem !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1 {
        margin-left: .25rem !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem .5rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2 {
        margin-left: .5rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3 {
        margin-left: 1rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem 3rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5 {
        margin-left: 3rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl-0 {
        padding: 0 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: .25rem .25rem !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1 {
        padding-left: .25rem !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem .5rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2 {
        padding-left: .5rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem 1rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3 {
        padding-left: 1rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4 {
        padding-left: 1.5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem 3rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5 {
        padding-left: 3rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1440px) {
    .m-xl2-0 {
        margin: 0 0 !important
    }

    .mt-xl2-0 {
        margin-top: 0 !important
    }

    .mr-xl2-0 {
        margin-right: 0 !important
    }

    .mb-xl2-0 {
        margin-bottom: 0 !important
    }

    .ml-xl2-0 {
        margin-left: 0 !important
    }

    .mx-xl2-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl2-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl2-1 {
        margin: .25rem .25rem !important
    }

    .mt-xl2-1 {
        margin-top: .25rem !important
    }

    .mr-xl2-1 {
        margin-right: .25rem !important
    }

    .mb-xl2-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl2-1 {
        margin-left: .25rem !important
    }

    .mx-xl2-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xl2-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xl2-2 {
        margin: .5rem .5rem !important
    }

    .mt-xl2-2 {
        margin-top: .5rem !important
    }

    .mr-xl2-2 {
        margin-right: .5rem !important
    }

    .mb-xl2-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl2-2 {
        margin-left: .5rem !important
    }

    .mx-xl2-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xl2-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xl2-3 {
        margin: 1rem 1rem !important
    }

    .mt-xl2-3 {
        margin-top: 1rem !important
    }

    .mr-xl2-3 {
        margin-right: 1rem !important
    }

    .mb-xl2-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl2-3 {
        margin-left: 1rem !important
    }

    .mx-xl2-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xl2-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xl2-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xl2-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl2-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl2-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl2-4 {
        margin-left: 1.5rem !important
    }

    .mx-xl2-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xl2-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xl2-5 {
        margin: 3rem 3rem !important
    }

    .mt-xl2-5 {
        margin-top: 3rem !important
    }

    .mr-xl2-5 {
        margin-right: 3rem !important
    }

    .mb-xl2-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl2-5 {
        margin-left: 3rem !important
    }

    .mx-xl2-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xl2-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xl2-0 {
        padding: 0 0 !important
    }

    .pt-xl2-0 {
        padding-top: 0 !important
    }

    .pr-xl2-0 {
        padding-right: 0 !important
    }

    .pb-xl2-0 {
        padding-bottom: 0 !important
    }

    .pl-xl2-0 {
        padding-left: 0 !important
    }

    .px-xl2-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl2-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl2-1 {
        padding: .25rem .25rem !important
    }

    .pt-xl2-1 {
        padding-top: .25rem !important
    }

    .pr-xl2-1 {
        padding-right: .25rem !important
    }

    .pb-xl2-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl2-1 {
        padding-left: .25rem !important
    }

    .px-xl2-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xl2-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xl2-2 {
        padding: .5rem .5rem !important
    }

    .pt-xl2-2 {
        padding-top: .5rem !important
    }

    .pr-xl2-2 {
        padding-right: .5rem !important
    }

    .pb-xl2-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl2-2 {
        padding-left: .5rem !important
    }

    .px-xl2-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xl2-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xl2-3 {
        padding: 1rem 1rem !important
    }

    .pt-xl2-3 {
        padding-top: 1rem !important
    }

    .pr-xl2-3 {
        padding-right: 1rem !important
    }

    .pb-xl2-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl2-3 {
        padding-left: 1rem !important
    }

    .px-xl2-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xl2-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xl2-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xl2-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl2-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl2-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl2-4 {
        padding-left: 1.5rem !important
    }

    .px-xl2-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xl2-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xl2-5 {
        padding: 3rem 3rem !important
    }

    .pt-xl2-5 {
        padding-top: 3rem !important
    }

    .pr-xl2-5 {
        padding-right: 3rem !important
    }

    .pb-xl2-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl2-5 {
        padding-left: 3rem !important
    }

    .px-xl2-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl2-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xl2-auto {
        margin: auto !important
    }

    .mt-xl2-auto {
        margin-top: auto !important
    }

    .mr-xl2-auto {
        margin-right: auto !important
    }

    .mb-xl2-auto {
        margin-bottom: auto !important
    }

    .ml-xl2-auto {
        margin-left: auto !important
    }

    .mx-xl2-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl2-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width: 1920px) {
    .m-xxl-0 {
        margin: 0 0 !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0 {
        margin-left: 0 !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem .25rem !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1 {
        margin-left: .25rem !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem .5rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2 {
        margin-left: .5rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem 1rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3 {
        margin-left: 1rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem 1.5rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4 {
        margin-left: 1.5rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem 3rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5 {
        margin-left: 3rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 0 !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0 {
        padding-left: 0 !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem .25rem !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1 {
        padding-left: .25rem !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem .5rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2 {
        padding-left: .5rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem 1rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3 {
        padding-left: 1rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem 1.5rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4 {
        padding-left: 1.5rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem 3rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5 {
        padding-left: 3rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto {
        margin-left: auto !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

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

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media (min-width: 800px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

@media (min-width: 1440px) {
    .text-xl2-left {
        text-align: left !important
    }

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

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

@media (min-width: 1920px) {
    .text-xxl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-white {
    color: #fff !important
}

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus, a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus, a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus, a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #101112 !important
}

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

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

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

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 799px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 800px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media (max-width: 1439px) {
    .hidden-xl-down {
        display: none !important
    }
}

@media (min-width: 1440px) {
    .hidden-xl2-up {
        display: none !important
    }
}

@media (max-width: 1919px) {
    .hidden-xl2-down {
        display: none !important
    }
}

@media (min-width: 1920px) {
    .hidden-xxl-up {
        display: none !important
    }
}

.hidden-xxl-down {
    display: none !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
    }
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    -webkit-border-radius: .1em;
    -moz-border-radius: .1em;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    -moz-animation: fa-spin 1s infinite steps(8);
    -o-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before, .fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: ""
}

.fa-eur:before, .fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-inr:before, .fa-rupee:before {
    content: ""
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: ""
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: ""
}

.fa-krw:before, .fa-won:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.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
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url('../../../typo3conf/ext/hk_content/Resources/Public/Styles/ajax-loader.gif') center center no-repeat
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.bounce-in-big-right {
    -webkit-animation: bounceInBigRight .5s ease-in-out both;
    -moz-animation: bounceInBigRight .5s ease-in-out both;
    -o-animation: bounceInBigRight .5s ease-in-out both;
    animation: bounceInBigRight .5s ease-in-out both
}

.bounce-in-right {
    -webkit-animation: bounceInRight .25s ease-in-out both;
    -moz-animation: bounceInRight .25s ease-in-out both;
    -o-animation: bounceInRight .25s ease-in-out both;
    animation: bounceInRight .25s ease-in-out both
}

.bounce-in-left {
    -webkit-animation: bounceInLeft .5s ease-in-out both;
    -moz-animation: bounceInLeft .5s ease-in-out both;
    -o-animation: bounceInLeft .5s ease-in-out both;
    animation: bounceInLeft .5s ease-in-out both
}

.zoom-in {
    -webkit-animation: zoomIn .3s ease-in-out both;
    -moz-animation: zoomIn .3s ease-in-out both;
    -o-animation: zoomIn .3s ease-in-out both;
    animation: zoomIn .3s ease-in-out both
}

.zoom-out {
    -webkit-animation: zoomOut .3s ease-in-out both;
    -moz-animation: zoomOut .3s ease-in-out both;
    -o-animation: zoomOut .3s ease-in-out both;
    animation: zoomOut .3s ease-in-out both
}

.fade-out {
    -webkit-animation: fadeOut .15s ease-in-out both;
    -moz-animation: fadeOut .15s ease-in-out both;
    -o-animation: fadeOut .15s ease-in-out both;
    animation: fadeOut .15s ease-in-out both
}

.fadeIn.slide-content {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

.fadeInUp {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

@-webkit-keyframes bounceInBigRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(175px, 0, 0);
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInBigRight {
    from {
        opacity: 0;
        -moz-transform: translate3d(175px, 0, 0);
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInBigRight {
    from {
        opacity: 0;
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInBigRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(175px, 0, 0);
        -moz-transform: translate3d(175px, 0, 0);
        transform: translate3d(175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {
    from {
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInRight {
    from {
        -moz-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInRight {
    from {
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    from {
        -webkit-transform: translateX(25px);
        -moz-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-175px, 0, 0);
        transform: translate3d(-175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes bounceInLeft {
    from {
        opacity: 0;
        -moz-transform: translate3d(-175px, 0, 0);
        transform: translate3d(-175px, 0, 0)
    }
    to {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes bounceInLeft {
    from {
        opacity: 0;
        transform: translate3d(-175px, 0, 0)
    }
    to {
        opacity: 1;
        -o-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-175px, 0, 0);
        -moz-transform: translate3d(-175px, 0, 0);
        transform: translate3d(-175px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-moz-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-o-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6)
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -moz-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6)
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.6, .6, .6)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, .6);
        -moz-transform: scale3d(.6, .6, .6);
        transform: scale3d(.6, .6, .6)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0;
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-o-keyframes zoomOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 35%, 0);
        transform: translate3d(0, 35%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, 35%, 0);
        transform: translate3d(0, 35%, 0)
    }
    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 35%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 35%, 0);
        -moz-transform: translate3d(0, 35%, 0);
        transform: translate3d(0, 35%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[data-animation=bounceInBigRight] :nth-child(1) {
    -webkit-animation-delay: .285s;
    -moz-animation-delay: .285s;
    -o-animation-delay: .285s;
    animation-delay: .285s
}

[data-animation=bounceInBigRight] :nth-child(2) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

[data-animation=bounceInBigRight] :nth-child(3) {
    -webkit-animation-delay: .355s;
    -moz-animation-delay: .355s;
    -o-animation-delay: .355s;
    animation-delay: .355s
}

[data-animation=bounceInBigRight] :nth-child(4) {
    -webkit-animation-delay: .39s;
    -moz-animation-delay: .39s;
    -o-animation-delay: .39s;
    animation-delay: .39s
}

[data-animation=bounceInBigRight] :nth-child(5) {
    -webkit-animation-delay: .425s;
    -moz-animation-delay: .425s;
    -o-animation-delay: .425s;
    animation-delay: .425s
}

[data-animation=bounceInBigRight] :nth-child(6) {
    -webkit-animation-delay: .46s;
    -moz-animation-delay: .46s;
    -o-animation-delay: .46s;
    animation-delay: .46s
}

[data-animation=bounceInBigRight] :nth-child(7) {
    -webkit-animation-delay: .495s;
    -moz-animation-delay: .495s;
    -o-animation-delay: .495s;
    animation-delay: .495s
}

[data-animation=bounceInBigRight] :nth-child(8) {
    -webkit-animation-delay: .53s;
    -moz-animation-delay: .53s;
    -o-animation-delay: .53s;
    animation-delay: .53s
}

[data-animation=bounceInBigRight] :nth-child(9) {
    -webkit-animation-delay: .565s;
    -moz-animation-delay: .565s;
    -o-animation-delay: .565s;
    animation-delay: .565s
}

.autocomplete-suggestion, .link, ul.default-list li {
    padding-left: 15px;
    color: #181818;
    text-decoration: none;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.green.autocomplete-suggestion, .green.autocomplete-suggestion::before, .green.autocomplete-suggestion:focus, .green.autocomplete-suggestion:hover, .green.link, .green.link::before, .green.link:focus, .green.link:hover, ul.default-list li.green, ul.default-list li.green::before, ul.default-list li.green:focus, ul.default-list li.green:hover {
    color: #004e9c
}

.white.autocomplete-suggestion, .white.autocomplete-suggestion::before, .white.autocomplete-suggestion:focus, .white.autocomplete-suggestion:hover, .white.link, .white.link::before, .white.link:focus, .white.link:hover, ul.default-list li.white, ul.default-list li.white::before, ul.default-list li.white:focus, ul.default-list li.white:hover {
    color: #fff
}

.autocomplete-suggestion::before, .link::before, ul.default-list li::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "F";
    color: #004e9c;
    font-size: 10px;
    left: 0;
    top: 7px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.autocomplete-suggestion:focus, .autocomplete-suggestion:hover, .link:focus, .link:hover, ul.default-list li:focus, ul.default-list li:hover {
    color: #181818;
    text-decoration: none
}

.autocomplete-suggestion:focus::before, .autocomplete-suggestion:hover::before, .link:focus::before, .link:hover::before, ul.default-list li:focus::before, ul.default-list li:hover::before {
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

body, html {
    color: #181818;
    font-weight: 300;
    overflow-x: hidden !important;
    position: relative;
    font-size: 16px;
    height: auto;
    min-height: 100%;
    width: 100vw;
    background-color: #fcfcfc
}

body, body *, html, html * {
    font-family: MYingHei, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

body.mm-opened, body.mm-opened body, html.mm-opened, html.mm-opened body {
    position: relative;
    height: 100%
}

@media (max-width: 1199px) {
    body.mm-opening main, html.mm-opening main {
        opacity: 0;
        height: 100%
    }
}

@media (min-width: 1200px) {
    body.sticky main, html.sticky main {
        padding-top: 49px
    }
}

body > .bg-overlay, html > .bg-overlay {
    background-color: rgba(24, 24, 24, .8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}

@media (max-width: 1199px) {
    main {
        margin-top: 72px
    }
}

section {
    position: relative;
    padding-bottom: 120px
}

section a, section a::before, section a:hover {
    color: #004e9c
}

section .autocomplete-suggestion, section .autocomplete-suggestion::before, section .autocomplete-suggestion:hover, section .link, section .link::before, section .link:hover {
    color: #181818
}

section.white::before {
    background-color: #fcfcfc
}

section.grey::before {
    background-color: #ececec
}

section.green {
    color: #fff
}

section.green a, section.green a.autocomplete-suggestion, section.green a.autocomplete-suggestion::before, section.green a.autocomplete-suggestion:hover, section.green a.link, section.green a.link::before, section.green a.link:hover, section.green a::before, section.green a:hover {
    color: #fff
}

section.green::before {
    background-color: #004e9c
}

section.grid-container-inner, section.grid-container-outer {
    padding-bottom: 0
}

@media (max-width: 991px) {
    section {
        padding-bottom: 80px;
        z-index: auto
    }
}

.hk-ce section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.hk-ce.white section::before {
    background-color: #fcfcfc
}

.hk-ce.grey section::before {
    background-color: #ececec
}

.hk-ce.green section {
    color: #fff
}

.hk-ce.green section a, .hk-ce.green section a.autocomplete-suggestion, .hk-ce.green section a.autocomplete-suggestion::before, .hk-ce.green section a.autocomplete-suggestion:hover, .hk-ce.green section a.link, .hk-ce.green section a.link::before, .hk-ce.green section a.link:hover, .hk-ce.green section a::before, .hk-ce.green section a:hover {
    color: #fff
}

.hk-ce.green section::before {
    background-color: #004e9c
}

.hk-ce.green .text-slider {
    color: #181818
}

.hk-ce.green .text-slider a, .hk-ce.green .text-slider a.autocomplete-suggestion, .hk-ce.green .text-slider a.autocomplete-suggestion::before, .hk-ce.green .text-slider a.autocomplete-suggestion:hover, .hk-ce.green .text-slider a.link, .hk-ce.green .text-slider a.link::before, .hk-ce.green .text-slider a.link:hover, .hk-ce.green .text-slider a::before, .hk-ce.green .text-slider a:hover {
    color: #004e9c
}

.col-md-20-percent {
    width: 100%;
    padding: 0 15px
}

@media (min-width: 800px) {
    .col-md-20-percent {
        width: 20%
    }
}

.vertical-offset-top {
    position: relative;
    margin-bottom: -80px;
    z-index: 3
}

.vertical-offset-top section {
    padding-bottom: 0
}

section .vertical-offset-top {
    margin-bottom: -200px
}

@media (max-width: 799px) {
    section .vertical-offset-top {
        margin-bottom: 0
    }
}

.history .vertical-offset-top {
    margin-bottom: -175px
}

@media (max-width: 799px) {
    .history .vertical-offset-top {
        margin-bottom: 0
    }
}

.vertical-offset-top + .space-top > div, .vertical-offset-top + .space-top > section {
    padding-top: 200px
}

@media (max-width: 991px) {
    .vertical-offset-top + .space-top > div, .vertical-offset-top + .space-top > section {
        padding-top: 80px
    }
}

@media (max-width: 991px) {
    .vertical-offset-top {
        margin-bottom: 0
    }

    .vertical-offset-top section {
        padding-bottom: 80px
    }
}

.space-top > div, .space-top > section {
    padding-top: 120px
}

@media (max-width: 991px) {
    .space-top > div, .space-top > section {
        padding-top: 80px
    }

    .space-top > div .vertical-offset-bottom, .space-top > section .vertical-offset-bottom {
        margin-top: 0
    }
}

.space-bottom > div, .space-bottom > section {
    padding-bottom: 200px
}

@media (max-width: 991px) {
    .space-bottom > div, .space-bottom > section {
        padding-bottom: 80px
    }
}

.bottom-no-space {
    padding-bottom: 0
}

.vertical-align-center {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.vertical-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vertical-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vertical-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.heading-margin-bottom {
    margin-bottom: 80px
}

.heading-margin-bottom.center {
    text-align: center
}

.heading-margin-bottom.green {
    color: #004e9c
}

.heading-margin-bottom.grey {
    color: #868685
}

.heading-margin-bottom.white {
    color: #fff
}

@media (max-width: 799px) {
    .heading-margin-bottom {
        margin-bottom: 56px
    }
}

.container .container {
    max-width: 100%;
    padding: 0
}

@media (min-width: 992px) {
    .vertical-offset-bottom section::before, .vertical-offset-top section::before {
        height: -webkit-calc(100% - 80px);
        height: -moz-calc(100% - 80px);
        height: calc(100% - 80px)
    }

    .vertical-offset-bottom {
        margin-top: -80px
    }

    .vertical-offset-bottom section::before {
        top: 80px
    }
}

._cookie-visible {
    z-index: 1002 !important
}

body > header {
    z-index: 1001;
    position: relative;
    width: 100vw
}

@media (max-width: 1199px) {
    body > header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 1005
    }

    body > header .autocomplete-active .tx-solr-autosuggest {
        display: block !important
    }
}

@media (max-width: 575px) {
    body > header .autocomplete-suggestions {
        height: -webkit-calc(100vh - 70px) !important;
        height: -moz-calc(100vh - 70px) !important;
        height: calc(100vh - 70px) !important
    }
}

.main-nav {
    border-top: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    position: relative;
    z-index: 5;
    width: 100vw
}

.main-nav .hamburger {
    display: none;
    position: relative;
    padding: 0;
    margin-left: -5px;
    width: 40px;
    height: 40px
}

.main-nav .hamburger .hamburger-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-nav .hamburger .hamburger-inner, .main-nav .hamburger .hamburger-inner::after, .main-nav .hamburger .hamburger-inner::before {
    width: 26px;
    height: 2px;
    background-color: #181818;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible
}

.main-nav .hamburger .hamburger-inner::before {
    top: -8px
}

.main-nav .hamburger .hamburger-inner::after {
    top: -16px
}

.main-nav .hamburger.is-active .hamburger-box {
    height: 20px
}

.main-nav .hamburger.is-active .hamburger-box .hamburger-inner::after, .main-nav .hamburger.is-active .hamburger-box .hamburger-inner::before {
    top: 0
}

.main-nav .hamburger:focus, .main-nav .hamburger:hover {
    outline: 0
}

@media (max-width: 1199px) {
    .main-nav .hamburger {
        display: inline-block
    }
}

.main-nav button.contact-person, .main-nav button.search {
    display: none
}

@media (max-width: 1199px) {
    .main-nav button.contact-person, .main-nav button.search {
        display: inline-block;
        position: relative;
        background-color: transparent;
        border: 0;
        padding: 0;
        width: 40px;
        height: 40px
    }

    .main-nav button.contact-person::before, .main-nav button.search::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .main-nav button.search::before {
        content: '';
        display: inline-block;
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search-mobile.svg');
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        margin-top: -2px
    }

    .main-nav button.contact-person::before {
        display: inline-block;
        content: '';
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/contact-person-black.svg');
        -webkit-background-size: 24px 20px;
        -moz-background-size: 24px 20px;
        -o-background-size: 24px 20px;
        background-size: 24px 20px;
        position: absolute;
        height: 20px;
        width: 24px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .main-nav button + button {
        margin-left: 5px
    }
}

.main-nav nav {
    display: inline-block
}

.main-nav nav#menu {
    display: block
}

@media (max-width: 1199px) {
    .main-nav nav#menu {
        display: none
    }
}

.main-nav nav#mm-menu {
    display: none
}

@media (max-width: 1199px) {
    .main-nav nav#mm-menu {
        display: block
    }
}

.main-nav .logo-wrapper {
    display: inline-block;
    position: absolute;
    right: 15px;
    opacity: 0;
    top: 3px;
    z-index: -1
}

.main-nav .logo-wrapper a:not([class])::after, .main-nav .logo-wrapper a:not([data-tag-uid])::after, .main-nav .logo-wrapper a:not([data-toggle])::after {
    content: none
}

.main-nav .logo-wrapper img {
    width: 56px;
    height: 41px
}

@media (max-width: 1199px) {
    .main-nav .logo-wrapper {
        opacity: 1;
        z-index: 1;
        top: -8px
    }

    .main-nav .logo-wrapper img {
        width: 81px;
        height: 56px
    }
}

.main-nav ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: inline-block
}

.main-nav ul.nav-links > li {
    display: inline-block
}

.main-nav ul.nav-links > li a.nav-title {
    display: inline-block;
    padding: 18px 0 14px;
    font-size: .94rem;
    line-height: 1;
    color: #181818;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    letter-spacing: .7px
}

.main-nav ul.nav-links > li a.nav-title::before {
    content: '';
    position: absolute;
    left: -8px;
    bottom: 0;
    display: inline-block;
    opacity: 0;
    width: -webkit-calc(100% + 16px);
    width: -moz-calc(100% + 16px);
    width: calc(100% + 16px);
    height: 3px;
    background-color: #004e9c
}

.main-nav ul.nav-links > li a.nav-title.active, .main-nav ul.nav-links > li a.nav-title.selected {
    color: #004e9c
}

.main-nav ul.nav-links > li a.nav-title.active::before, .main-nav ul.nav-links > li a.nav-title.selected::before {
    opacity: 1;
    -webkit-transition: opacity .2s linear .2s;
    -o-transition: opacity .2s linear .2s;
    -moz-transition: opacity .2s linear .2s;
    transition: opacity .2s linear .2s
}

.main-nav ul.nav-links > li a.nav-title:hover {
    color: #004e9c
}

.main-nav ul.nav-links > li .nav-content {
    display: none;
    position: absolute;
    background: #fff;
    padding: 32px 0 0;
    top: 47px;
    height: -webkit-calc(100vh - 170px);
    height: -moz-calc(100vh - 170px);
    height: calc(100vh - 170px);
    width: 100vw;
    left: -webkit-calc((100vw - 100%) / 2 * (-1));
    left: -moz-calc((100vw - 100%) / 2 * (-1));
    left: calc((100vw - 100%) / 2 * (-1));
    z-index: 11;
    overflow: auto;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: inset 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: inset 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.main-nav ul.nav-links > li .nav-content.opened {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.main-nav ul.nav-links > li .nav-content.opened::-webkit-scrollbar {
    display: none
}

.main-nav ul.nav-links > li .nav-content .overlay-gradient {
    position: absolute;
    top: 0;
    height: 187px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e8e8e8));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #e8e8e8 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #e8e8e8 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #e8e8e8 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #e8e8e8 100%)
}

.main-nav ul.nav-links > li .nav-content .bg-image {
    max-height: 170px
}

.main-nav ul.nav-links > li .nav-content .image-link {
    display: inline-block;
    margin-bottom: 15px
}

.main-nav ul.nav-links > li .nav-content .img-holder {
    position: relative;
    overflow: hidden
}

.main-nav ul.nav-links > li .nav-content .img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.main-nav ul.nav-links > li .nav-content .img-holder > img, .main-nav ul.nav-links > li .nav-content .img-holder > picture, .main-nav ul.nav-links > li .nav-content .img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.main-nav ul.nav-links > li .nav-content .img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.main-nav ul.nav-links > li .nav-content > .container {
    padding: 50px 15px 0
}

.main-nav ul.nav-links > li .nav-content > .container > .title {
    position: absolute;
    top: 0;
    width: -webkit-calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: calc(100% - 65px);
    padding-bottom: 8px;
    margin-bottom: 32px;
    border-bottom: 1px solid #d9d9d9
}

.main-nav ul.nav-links > li .nav-content > .container > .title span {
    font-size: 1.31rem;
    font-weight: 100;
    line-height: 1.5rem;
    margin-right: 5px
}

.main-nav ul.nav-links > li .nav-content > .container > .title a {
    font-weight: 400
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper {
    padding-top: 15px
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper [class^=col-] [class^=col-] .content {
    margin-bottom: 32px
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper + .title {
    position: relative;
    margin: 32px 0 0;
    width: 100%
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar {
    padding-left: 30px;
    border-left: 1px solid #d9d9d9;
    height: -webkit-calc(100% - 45px);
    height: -moz-calc(100% - 45px);
    height: calc(100% - 45px);
    padding-bottom: 30px
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .title {
    color: #868685;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .list {
    margin: 0
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .list, .main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .title {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .autocomplete-suggestion, .main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .link {
    font-weight: 100
}

.main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .autocomplete-suggestion::before, .main-nav ul.nav-links > li .nav-content > .container .content-wrapper .sidebar .link::before {
    top: 7px
}

.main-nav ul.nav-links > li .nav-content .content {
    position: relative
}

.main-nav ul.nav-links > li .nav-content .content + .content {
    margin-top: 32px
}

.main-nav ul.nav-links > li .nav-content .content p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 12px
}

.main-nav ul.nav-links > li .nav-content .content p:not(.bold) {
    font-weight: 100
}

.main-nav ul.nav-links > li .nav-content .content .autocomplete-suggestion, .main-nav ul.nav-links > li .nav-content .content .link {
    font-weight: 100
}

.main-nav ul.nav-links > li .nav-content .content .autocomplete-suggestion::before, .main-nav ul.nav-links > li .nav-content .content .link::before {
    top: 7px
}

.main-nav ul.nav-links > li .nav-content .content .link-overlap {
    bottom: -webkit-calc(100% + 15px);
    bottom: -moz-calc(100% + 15px);
    bottom: calc(100% + 15px);
    top: auto;
    height: 170px
}

.main-nav ul.nav-links > li .nav-content .content .link-overlap:focus, .main-nav ul.nav-links > li .nav-content .content .link-overlap:hover {
    color: transparent
}

.main-nav ul.nav-links > li .nav-content img {
    width: 100%
}

.main-nav ul.nav-links > li .nav-content img + p.bold {
    margin-top: 20px
}

.main-nav ul.nav-links > li .nav-content .btn-close {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 2px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s
}

.main-nav ul.nav-links > li .nav-content .btn-close::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "f";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-nav ul.nav-links > li .nav-content .btn-close:focus, .main-nav ul.nav-links > li .nav-content .btn-close:hover {
    outline: 0;
    border-color: #004e9c
}

.main-nav ul.nav-links > li .nav-content .btn-close:focus::before, .main-nav ul.nav-links > li .nav-content .btn-close:hover::before {
    color: #004e9c
}

@media (max-width: 1199px) {
    .main-nav ul.nav-links > li .nav-content .btn-close {
        display: none
    }
}

.contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .main-nav ul.nav-links > li .nav-content .powermail_fieldwrap_type_submit, .main-nav ul.nav-links > li .nav-content .btn-green, .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .main-nav ul.nav-links > li .nav-content .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_field:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .main-nav ul.nav-links > li .nav-content .powermail_submit:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .main-nav ul.nav-links > li .nav-content .powermail_fieldwrap_type_submit:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .btn-green:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_field:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:not(.btn-toggle), .main-nav ul.nav-links > li .nav-content .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:not(.btn-toggle) {
    text-align: left;
    margin-top: -1px;
    font-weight: 400
}

.main-nav ul.nav-links > li .nav-content .green.autocomplete-suggestion, .main-nav ul.nav-links > li .nav-content .link.green {
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase
}

.main-nav ul.nav-links > li .nav-content .green.autocomplete-suggestion::before, .main-nav ul.nav-links > li .nav-content .link.green::before {
    top: 7px
}

.main-nav ul.nav-links > li .nav-content .autocomplete-suggestion:hover, .main-nav ul.nav-links > li .nav-content .link:hover {
    color: #004e9c
}

.main-nav ul.nav-links > li .nav-content .list {
    margin: 16px 0 0 10px
}

.main-nav ul.nav-links > li .nav-content .list li {
    margin-bottom: 10px
}

.main-nav ul.nav-links > li .nav-content .menu-link-block {
    display: block
}

.main-nav ul.nav-links > li .nav-content .menu-link-block:focus span::before, .main-nav ul.nav-links > li .nav-content .menu-link-block:hover span::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.main-nav ul.nav-links > li:first-of-type .nav-title.active::before, .main-nav ul.nav-links > li:first-of-type .nav-title.selected::before, .main-nav ul.nav-links > li:first-of-type .nav-title:hover::before {
    left: 0;
    width: -webkit-calc(100% + 8px);
    width: -moz-calc(100% + 8px);
    width: calc(100% + 8px)
}

.main-nav ul.nav-links > li + li {
    margin-left: 28px
}

.main-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.main-nav.sticky .nav-content {
    height: -webkit-calc(100vh - 47px);
    height: -moz-calc(100vh - 47px);
    height: calc(100vh - 47px)
}

.main-nav.sticky nav#menu {
    display: inline-block
}

@media (max-width: 1199px) {
    .main-nav.sticky nav#menu {
        display: none
    }
}

.main-nav.sticky .header-info-links {
    right: auto
}

.main-nav.sticky .header-info-links li.email, .main-nav.sticky .header-info-links li.lang-switcher .main-nav.sticky .header-info-links li:not(.open) {
    display: none !important
}

.main-nav.sticky .header-info-links li.lang-switcher {
    display: none
}

.main-nav.sticky .header-info-links li.lang-switcher.open {
    padding-top: 13px;
    margin-left: 10px
}

.main-nav.sticky .header-info-links li.search {
    opacity: 1;
    position: relative;
    right: auto !important;
    margin-left: 30px
}

.main-nav.sticky .logo-wrapper {
    opacity: 1;
    z-index: 1
}

.main-nav.sticky.header-hidden {
    opacity: 0
}

.main-nav.sticky ul.nav-links > li .nav-content {
    top: 47px;
    height: -webkit-calc(100vh - 47px);
    height: -moz-calc(100vh - 47px);
    height: calc(100vh - 47px)
}

@media (max-width: 1199px) {
    .main-nav {
        border-top: 0;
        height: 72px;
        padding: 16px 0
    }
}

.header-info-links-wrapper {
    display: inline-block;
    line-height: 1;
    opacity: 1
}

.header-info-links::after {
    display: block;
    content: "";
    clear: both
}

.header-info-links > li {
    display: inline-block;
    position: relative;
    float: left
}

.header-info-links > li a {
    font-weight: 300;
    font-size: .94rem;
    color: #000
}

.header-info-links > li:not(.lang-switcher) {
    width: 18px;
    height: 18px;
    z-index: 5;
    opacity: 1;
    margin-top: 1px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.header-info-links > li:not(.lang-switcher) a {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #181818;
    text-decoration: none
}

.header-info-links > li:not(.lang-switcher) a::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.header-info-links > li:not(.lang-switcher) a:not([class]) .header-info-links > li:not(.lang-switcher) a:not([data-toggle]) .header-info-links > li:not(.lang-switcher) a:not([data-tag-uid])::after {
    content: none
}

.header-info-links > li:not(.lang-switcher).email a::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/global-contact.svg');
    -webkit-background-size: 24px 18px;
    -moz-background-size: 24px 18px;
    -o-background-size: 24px 18px;
    background-size: 24px 18px;
    height: 18px;
    width: 24px;
    margin-top: -1px
}

.header-info-links > li:not(.lang-switcher).search a::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search.svg');
    opacity: 1;
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    height: 22px;
    width: 22px
}

.header-info-links > li:not(.lang-switcher).search a::after {
    content: none
}

.header-info-links > li:not(.lang-switcher).hidden {
    opacity: 0;
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    transform: translateX(-3px)
}

.header-info-links > li:not(.lang-switcher):not(.hidden) {
    -webkit-transition: opacity .1s linear, -webkit-transform .2s ease-out;
    transition: opacity .1s linear, -webkit-transform .2s ease-out;
    -o-transition: opacity .1s linear, -o-transform .2s ease-out;
    -moz-transition: transform .2s ease-out, opacity .1s linear, -moz-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .1s linear;
    transition: transform .2s ease-out, opacity .1s linear, -webkit-transform .2s ease-out, -moz-transform .2s ease-out, -o-transform .2s ease-out
}

.header-info-links > li.lang-switcher {
    position: relative;
    cursor: pointer
}

.header-info-links > li.lang-switcher::after {
    display: block;
    content: "";
    clear: both
}

.header-info-links > li.lang-switcher ul {
    background-color: #fff;
    margin-top: 1px
}

.header-info-links > li.lang-switcher ul li {
    display: inline-block;
    float: left;
    padding-right: 10px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.header-info-links > li.lang-switcher ul li:not(.active) {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.header-info-links > li.lang-switcher ul li a {
    text-decoration: none
}

.header-info-links > li.lang-switcher ul li.active {
    opacity: 1
}

.header-info-links > li.lang-switcher ul li.active::after {
    content: '';
    display: inline-block;
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/arrow-header.svg');
    position: absolute;
    -webkit-background-size: 8px 5px;
    -moz-background-size: 8px 5px;
    -o-background-size: 8px 5px;
    background-size: 8px 5px;
    height: 5px;
    width: 8px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1200px) {
    .header-info-links > li.lang-switcher ul li {
        padding-right: 12px;
        height: 20px;
        width: 30px
    }

    .header-info-links > li.lang-switcher ul li::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .header-info-links > li.lang-switcher ul li.en:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/en.svg')
    }

    .header-info-links > li.lang-switcher ul li.en.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.en.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/en-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.en:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.en:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.en.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.en a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .header-info-links > li.lang-switcher ul li.de:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/de.svg')
    }

    .header-info-links > li.lang-switcher ul li.de.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.de.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/de-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.de:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.de:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.de.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.de a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .header-info-links > li.lang-switcher ul li.ru:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/ru.svg')
    }

    .header-info-links > li.lang-switcher ul li.ru.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.ru.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/ru-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.ru:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.ru:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.ru.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.ru a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .header-info-links > li.lang-switcher ul li.cn:not(.active)::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/cn.svg')
    }

    .header-info-links > li.lang-switcher ul li.cn.active {
        margin-top: -1px
    }

    .header-info-links > li.lang-switcher ul li.cn.active::before {
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/Languages/cn-active.svg')
    }

    .header-info-links > li.lang-switcher ul li.cn:not(.de) {
        width: 32px
    }

    .header-info-links > li.lang-switcher ul li.cn:not(.de)::before {
        -webkit-background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        background-size: 22px 22px;
        height: 22px;
        width: 22px
    }

    .header-info-links > li.lang-switcher ul li.cn.de::before {
        -webkit-background-size: 19px 19px;
        -moz-background-size: 19px 19px;
        -o-background-size: 19px 19px;
        background-size: 19px 19px;
        height: 19px;
        width: 19px
    }

    .header-info-links > li.lang-switcher ul li.cn a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

.header-info-links > li.lang-switcher.open {
    padding-right: 16px;
    z-index: 10
}

.header-info-links > li.lang-switcher.open ul {
    margin-top: 0
}

.header-info-links > li.lang-switcher.open ul li {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: z-index .15s linear, -webkit-transform .15s linear;
    transition: z-index .15s linear, -webkit-transform .15s linear;
    -o-transition: z-index .15s linear, -o-transform .15s linear;
    -moz-transition: transform .15s linear, z-index .15s linear, -moz-transform .15s linear;
    transition: transform .15s linear, z-index .15s linear;
    transition: transform .15s linear, z-index .15s linear, -webkit-transform .15s linear, -moz-transform .15s linear, -o-transform .15s linear
}

.header-info-links > li.lang-switcher.open ul li.active {
    margin-top: 0
}

.header-info-links > li.lang-switcher.open ul li.active::after {
    content: none
}

.header-info-links > li.lang-switcher.open ul li:not(.active) {
    opacity: 1;
    z-index: 1;
    position: relative;
    left: auto
}

.header-info-links > li.lang-switcher.open ul li:not(.active) a {
    color: #868685
}

.header-info-links > li.lang-switcher.open ul li:last-of-type {
    padding-right: 5px
}

.header-info-links > li.lang-switcher.open .btn-cross {
    display: inline-block
}

.header-info-links > li + li {
    margin-left: 16px
}

@media (max-width: 1199px) {
    .header-info-links > li {
        height: 26px
    }

    .header-info-links > li.email, .header-info-links > li.lang-switcher {
        display: none
    }

    .header-info-links > li + li {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .header-info-links {
        position: absolute;
        line-height: 1;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 1199px) {
    .header-info-links {
        float: none;
        padding: 0
    }
}

.meta-header {
    padding: 25px 0;
    background-color: #fff
}

.meta-header::after {
    display: block;
    content: "";
    clear: both
}

.meta-header .h1, .meta-header h1 {
    display: inline-block;
    line-height: 72px;
    margin-bottom: 0
}

.meta-header .h1 a, .meta-header h1 a {
    color: #181818 !important;
    text-decoration: none
}

.meta-header .h1 a::after, .meta-header h1 a::after {
    content: none !important
}

.meta-header .h1 a:focus, .meta-header .h1 a:hover, .meta-header .h1 a:visited, .meta-header h1 a:focus, .meta-header h1 a:hover, .meta-header h1 a:visited {
    color: #181818 !important;
    text-decoration: none
}

.meta-header .h1 a:focus::after, .meta-header .h1 a:hover::after, .meta-header .h1 a:visited::after, .meta-header h1 a:focus::after, .meta-header h1 a:hover::after, .meta-header h1 a:visited::after {
    content: none !important
}

@media (max-width: 1199px) {
    .meta-header .h1, .meta-header h1 {
        display: none
    }
}

.meta-header .logo-wrapper {
    margin-bottom: 0
}

.meta-header .logo-wrapper a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    width: 172px;
    height: 72px
}

@media (max-width: 1199px) {
    .meta-header .logo-wrapper a:not([class]):not([data-toggle]):not([data-tag-uid]) {
        width: 81px;
        height: 56px
    }
}

.meta-header .logo-wrapper a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

@media (max-width: 1199px) {
    .meta-header .logo-wrapper {
        padding: 8px 0
    }
}

@media (max-width: 1199px) {
    .meta-header {
        height: 0;
        padding: 0
    }
}

p.bold {
    font-weight: 400
}

.mm-menu {
    max-height: none !important
}

.mm-menu > .mm-navbar .header-info-links {
    margin: 0 auto
}

@media (min-width: 576px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 800px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .mm-menu > .mm-navbar .header-info-links {
        width: 1140px;
        max-width: 100%
    }
}

.mm-menu .mm-panels {
    background-color: #fff;
    bottom: 55px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mm-menu .mm-panels > .mm-panel {
    padding: 0 15px !important
}

.mm-menu .mm-panels > .mm-panel > .mm-listview {
    margin: -40px -15px 20px
}

.mm-menu .mm-panels > .mm-panel .mm-navbar {
    display: inline-block;
    border-bottom: 0;
    text-align: left
}

.mm-menu .mm-panels > .mm-panel .mm-navbar:not(.mm-navbar-bottom) {
    position: relative;
    height: auto;
    width: 100%;
    padding: 0
}

.mm-menu .mm-panels > .mm-panel .mm-navbar + .container .col-xl-4:first-of-type .content {
    border-top: 0
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-title {
    display: none;
    font-size: 1.25rem;
    font-weight: 600;
    color: #004e9c;
    padding: 2px 0 0;
    text-transform: uppercase
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-btn.mm-prev {
    right: 0;
    left: auto;
    top: 0;
    padding: 0;
    font-size: .94rem;
    font-weight: 100;
    width: auto;
    height: auto;
    color: #181818
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-btn.mm-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    font-size: 18px;
    width: auto;
    height: auto;
    left: -25px;
    top: 50%;
    bottom: auto;
    margin: 0;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-btn + .mm-title {
    display: inline-block;
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: calc(100% - 75px);
    white-space: normal
}

.mm-menu .mm-panels .mm-current {
    margin: 0 auto
}

@media (min-width: 576px) {
    .mm-menu .mm-panels .mm-current {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 800px) {
    .mm-menu .mm-panels .mm-current {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .mm-menu .mm-panels .mm-current {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .mm-menu .mm-panels .mm-current {
        width: 1140px;
        max-width: 100%
    }
}

.mm-menu .mm-panels .mm-current .dropdown {
    margin-top: 32px
}

.mm-menu .mm-panels .mm-current .dropdown .btn-toggle {
    background-color: #fff;
    color: #004e9c
}

.mm-menu .mm-panels .mm-current .dropdown .btn-toggle::after {
    color: #004e9c
}

.mm-menu .mm-panels .mm-current p {
    font-size: 1.125rem;
    color: #181818
}

.mm-menu .mm-panels .mm-current .sidebar {
    padding-left: 0;
    margin-top: 20px;
    border-left: 0
}

.mm-menu .mm-panels .mm-current .sidebar .title {
    color: #464a4c;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9
}

.mm-menu .mm-panels .mm-current .sidebar .list {
    padding-top: 0
}

.mm-menu .mm-panels .mm-current .sidebar .list li::after {
    content: none
}

.mm-menu .mm-panels .mm-current .sidebar .list li + li {
    margin-top: 14px
}

.mm-menu .mm-panels .mm-current .sidebar .list a {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    font-weight: 100;
    padding: 0 0 0 15px
}

.mm-menu .mm-panels .mm-current .sidebar .list a::before {
    top: 5px
}

.mm-menu .mm-panels .mm-current > .mm-listview > li ::after {
    left: 15px;
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 0
}

.mm-menu .mm-panels .mm-current > .mm-listview > li :last-of-type::after {
    content: none
}

.mm-menu .mm-panels .mm-current > .mm-listview.hidden-xl-up {
    margin-top: -5px
}

.mm-menu .mm-panels .mm-current > .mm-listview .link-level2 {
    font-size: 1.125rem;
    font-weight: 400;
    color: #181818
}

.mm-menu .mm-panels .mm-listview {
    padding-top: 16px
}

.mm-menu .mm-panels .mm-listview > li:not(.mm-divider)::after {
    content: none
}

.mm-menu .mm-panels .mm-listview > li.goto-page-wrapper .goto-page {
    left: 15px;
    top: -15px;
    margin-top: 0
}

.mm-menu .mm-panels .mm-listview a.nav-title {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    color: #181818;
    padding: 16px 15px 10px;
    text-transform: uppercase
}

.mm-menu .mm-panels .mm-listview a.mm-next {
    width: 100%;
    cursor: pointer
}

.mm-menu .mm-panels .mm-listview a.mm-next::before {
    content: none
}

.mm-menu .mm-panels .mm-listview a.mm-next::after {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    border: 0;
    color: #004e9c;
    font-size: 1rem;
    right: 15px;
    left: auto;
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-panels .nav-content .bg-image, .mm-menu .mm-panels .nav-content .overlay-gradient {
    display: none
}

.mm-menu .mm-panels .nav-content .container .content-wrapper {
    padding-top: 5px;
    margin: 0 -15px
}

.mm-menu .mm-panels .nav-content .container .title {
    margin: -5px -15px 14px
}

.mm-menu .mm-panels .nav-content .container .title span {
    display: none
}

.mm-menu .mm-panels .nav-content .container .title + .content-wrapper {
    padding: 0
}

.mm-menu .mm-panels .nav-content .container .title .autocomplete-suggestion, .mm-menu .mm-panels .nav-content .container .title .link {
    font-weight: 100
}

.mm-menu .mm-panels .nav-content .container .btn-close {
    display: none
}

.mm-menu .mm-panels .nav-content .content {
    padding: 7px 0;
    border-top: 1px solid #e8e8e8
}

.mm-menu .mm-panels .nav-content .content .menu-link-block {
    display: none
}

.mm-menu .mm-panels .nav-content .content.text-block {
    display: none
}

.mm-menu .mm-panels .nav-content .content .list.mm-listview {
    padding-top: 0
}

.mm-menu .mm-panels .nav-content .content .list.mm-listview li::after {
    content: none
}

.mm-menu .mm-panels .nav-content .content img {
    display: none
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content a.btn-green {
    background-color: #fff;
    border: 0;
    color: #181818;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    padding: 0
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content a.btn-green::before {
    color: #004e9c;
    left: 0;
    margin-top: 0
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion, .mm-menu .mm-panels .nav-content .content a.btn-green, .mm-menu .mm-panels .nav-content .content a.link {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    padding: 7px 0 7px 13px
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion::before, .mm-menu .mm-panels .nav-content .content a.btn-green::before, .mm-menu .mm-panels .nav-content .content a.link::before {
    font-size: 11px
}

.contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field:focus::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_field:hover::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit:focus::before, .contact-form form .powermail_fieldwrap_type_submit .mm-menu .mm-panels .nav-content .content a.powermail_submit:hover::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit:focus::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .mm-menu .mm-panels .nav-content .content a.powermail_fieldwrap_type_submit:hover::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field:focus::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_field:hover::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit:focus::before, .mm-menu .mm-panels .nav-content .content .contact-form form .powermail_fieldwrap_type_submit a.powermail_submit:hover::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit:focus::before, .mm-menu .mm-panels .nav-content .content .lead-generation:not(.leadgeneration-popup) .tx-powermail a.powermail_fieldwrap_type_submit:hover::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:focus::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:hover::before, .mm-menu .mm-panels .nav-content .content a.btn-green:focus::before, .mm-menu .mm-panels .nav-content .content a.btn-green:hover::before, .mm-menu .mm-panels .nav-content .content a.link:focus::before, .mm-menu .mm-panels .nav-content .content a.link:hover::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion, .mm-menu .mm-panels .nav-content .content a.link {
    font-weight: 100;
    color: #181818;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion::before, .mm-menu .mm-panels .nav-content .content a.link::before {
    top: 12px
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:focus, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:hover, .mm-menu .mm-panels .nav-content .content a.link:focus, .mm-menu .mm-panels .nav-content .content a.link:hover {
    color: #004e9c
}

.mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:focus::before, .mm-menu .mm-panels .nav-content .content a.autocomplete-suggestion:hover::before, .mm-menu .mm-panels .nav-content .content a.link:focus::before, .mm-menu .mm-panels .nav-content .content a.link:hover::before {
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

.mm-menu .mm-panels .nav-content .sidebar {
    display: none
}

.mm-menu .mm-panels .goto-page {
    display: block;
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 100;
    padding: 0 0 0 15px;
    margin-top: -3px
}

.mm-menu .mm-panels .goto-page::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mm-menu .mm-navbar-bottom {
    background-color: #181818;
    color: #fff;
    height: auto;
    padding: 14px 15px
}

.mm-menu .mm-navbar-bottom .header-info-links {
    text-align: left;
    padding: 0
}

.mm-menu .mm-navbar-bottom .header-info-links li {
    display: inline-block
}

.mm-menu .mm-navbar-bottom .header-info-links li a {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 300;
    color: #b0b1b1
}

.mm-menu .mm-navbar-bottom .header-info-links li.active a {
    color: #fff
}

.mm-menu .mm-navbar-bottom .header-info-links li.lang-switcher li {
    opacity: 1;
    position: relative;
    z-index: 0
}

.mm-menu .mm-navbar-bottom .header-info-links li.lang-switcher li + li {
    margin-left: 19px
}

.mm-menu .mm-navbar-bottom .header-info-links li.email {
    float: right
}

.mm-menu .mm-navbar-bottom .header-info-links li.email a::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "E";
    width: 18px;
    height: 13px;
    color: #fff
}

.mm-menu .mm-navbar-bottom .header-info-links li.search {
    display: none
}

@media (max-width: 799px) {
    .mm-menu {
        width: 540px
    }
}

@media (min-width: 1200px) {
    html.mm-blocking, html.mm-blocking body {
        overflow: auto
    }

    nav#mm-menu {
        display: none
    }
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(0) {
    -webkit-transition-delay: -.08s !important;
    -moz-transition-delay: -.08s !important;
    -o-transition-delay: -.08s !important;
    transition-delay: -.08s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(1) {
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(2) {
    -webkit-transition-delay: .08s !important;
    -moz-transition-delay: .08s !important;
    -o-transition-delay: .08s !important;
    transition-delay: .08s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(3) {
    -webkit-transition-delay: .16s !important;
    -moz-transition-delay: .16s !important;
    -o-transition-delay: .16s !important;
    transition-delay: .16s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(4) {
    -webkit-transition-delay: .24s !important;
    -moz-transition-delay: .24s !important;
    -o-transition-delay: .24s !important;
    transition-delay: .24s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(5) {
    -webkit-transition-delay: .32s !important;
    -moz-transition-delay: .32s !important;
    -o-transition-delay: .32s !important;
    transition-delay: .32s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(6) {
    -webkit-transition-delay: .4s !important;
    -moz-transition-delay: .4s !important;
    -o-transition-delay: .4s !important;
    transition-delay: .4s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(7) {
    -webkit-transition-delay: .48s !important;
    -moz-transition-delay: .48s !important;
    -o-transition-delay: .48s !important;
    transition-delay: .48s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(8) {
    -webkit-transition-delay: .56s !important;
    -moz-transition-delay: .56s !important;
    -o-transition-delay: .56s !important;
    transition-delay: .56s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(9) {
    -webkit-transition-delay: .64s !important;
    -moz-transition-delay: .64s !important;
    -o-transition-delay: .64s !important;
    transition-delay: .64s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(10) {
    -webkit-transition-delay: .72s !important;
    -moz-transition-delay: .72s !important;
    -o-transition-delay: .72s !important;
    transition-delay: .72s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(11) {
    -webkit-transition-delay: .8s !important;
    -moz-transition-delay: .8s !important;
    -o-transition-delay: .8s !important;
    transition-delay: .8s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(12) {
    -webkit-transition-delay: .88s !important;
    -moz-transition-delay: .88s !important;
    -o-transition-delay: .88s !important;
    transition-delay: .88s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(13) {
    -webkit-transition-delay: .96s !important;
    -moz-transition-delay: .96s !important;
    -o-transition-delay: .96s !important;
    transition-delay: .96s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(14) {
    -webkit-transition-delay: 1.04s !important;
    -moz-transition-delay: 1.04s !important;
    -o-transition-delay: 1.04s !important;
    transition-delay: 1.04s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(15) {
    -webkit-transition-delay: 1.12s !important;
    -moz-transition-delay: 1.12s !important;
    -o-transition-delay: 1.12s !important;
    transition-delay: 1.12s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(16) {
    -webkit-transition-delay: 1.2s !important;
    -moz-transition-delay: 1.2s !important;
    -o-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(17) {
    -webkit-transition-delay: 1.28s !important;
    -moz-transition-delay: 1.28s !important;
    -o-transition-delay: 1.28s !important;
    transition-delay: 1.28s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(18) {
    -webkit-transition-delay: 1.36s !important;
    -moz-transition-delay: 1.36s !important;
    -o-transition-delay: 1.36s !important;
    transition-delay: 1.36s !important
}

.open [data-animation=languageSwitcherBounceInRight] > :nth-child(19) {
    -webkit-transition-delay: 1.44s !important;
    -moz-transition-delay: 1.44s !important;
    -o-transition-delay: 1.44s !important;
    transition-delay: 1.44s !important
}

@media all and (-ms-high-contrast: none) and (min-width: 1200px),(-ms-high-contrast: active) and (min-width: 1200px) {
    .header-info-links > li .header-info-links.lang-switcher.lang-switcher ul li:not(.active) {
        margin-top: 0
    }
}

header .meta-header h1 a {
    color: #181818
}

header .meta-header h1 a:focus, header .meta-header h1 a:hover, header .meta-header h1 a:visited {
    color: #181818
}

.main-footer {
    border-top: 1px solid #e8e8e8
}

.main-footer section {
    padding: 0;
    z-index: 0
}

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

.footer-top {
    padding: 40px 0;
    position: relative;
    background-color: #fff
}

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

.footer-top .white section::before {
    background-color: #fff
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-row {
    margin: 0
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column {
    margin: 0;
    width: 100%
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column:first-of-type .image-embed-item {
    max-width: 143px
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column + .ce-column {
    margin-top: 16px
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column + .ce-column .image-embed-item {
    max-width: 106px
}

.footer-top .ce-gallery[data-ce-columns='5'] .ce-inner {
    margin: -12px -8px
}

.footer-top .ce-gallery[data-ce-columns='5'] .ce-row {
    margin: 0
}

.footer-top .ce-gallery[data-ce-columns='5'] .ce-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin: 0;
    padding: 12px 8px
}

.footer-top .ce-gallery[data-ce-columns='8'] .ce-column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    max-width: 195px;
    margin: 0;
    padding: 23px 15px
}

.footer-top .ce-gallery .ce-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -23px -15px
}

.footer-top .ce-gallery .ce-column {
    margin: 23px 15px
}

.footer-top .ce-gallery .image {
    margin: 0
}

.footer-top .ce-gallery a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    width: 100%
}

.footer-top .ce-gallery a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.footer-top section {
    background-color: transparent
}

.footer-bottom {
    font-size: .75rem;
    line-height: 1;
    padding: 40px 0
}

@media (min-width: 800px) {
    .footer-bottom {
        padding: 14px 0 13px
    }
}

.footer-bottom p {
    margin: 0
}

@media (min-width: 800px) and (max-width: 991px) {
    .footer-bottom .row {
        margin-right: 0;
        margin-left: 0
    }

    .footer-bottom .row > [class*=' col-'], .footer-bottom .row > [class^=col-] {
        padding-right: 0;
        padding-left: 0
    }
}

.footer-bottom .social-sharing {
    text-align: right
}

.footer-bottom .social-sharing .fa {
    font-size: 15px !important
}

.footer-bottom .social-sharing .fa::before {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.footer-bottom .social-sharing .fa:hover::before {
    color: #004e9c
}

.footer-bottom .social-sharing .fa + .fa {
    margin-left: 14px
}

.footer-bottom.dark-theme {
    background: #181818;
    color: #fff
}

.footer-bottom.dark-theme a {
    color: #fff
}

.footer-bottom.dark-theme .copyright p {
    font-size: .75rem;
    line-height: 1;
    font-weight: 100;
    letter-spacing: .7px
}

.footer-bottom.dark-theme .footer-nav a {
    font-size: .75rem;
    font-weight: 600
}

.footer-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 800px) {
    .footer-nav ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-nav li {
    text-align: center
}

.footer-nav li + li {
    margin-top: 16px
}

@media (min-width: 800px) {
    .footer-nav li + li {
        margin-top: 0;
        margin-left: 28px
    }
}

.footer-nav li.active a {
    color: #004e9c
}

.footer-nav a {
    text-transform: uppercase;
    letter-spacing: .7px;
    font-weight: 400;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.footer-nav a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.footer-nav a:focus, .footer-nav a:hover {
    color: #004e9c
}

@media (max-width: 799px) {
    .main-footer {
        border-top-color: #181818
    }

    .footer-navigation-column {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .copyright-column {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        margin-top: 40px
    }

    footer .magnific-modal {
        height: 0;
        min-height: 0
    }
}

.search-wrapper {
    width: 0;
    position: absolute;
    top: 122px;
    right: 0;
    height: 50px;
    background-color: #004e9c;
    z-index: 1002;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.search-wrapper.opened {
    width: 100%
}

.search-wrapper.opened .search-categories {
    display: block
}

.search-wrapper:not(.opened) {
    overflow: hidden;
    -webkit-transition-delay: .18s;
    -moz-transition-delay: .18s;
    -o-transition-delay: .18s;
    transition-delay: .18s
}

.search-wrapper .search-field {
    position: relative;
    padding: 10px 64px 11px 40px;
    margin: 0 -16px
}

.search-wrapper .search-field .btn-search {
    background-color: transparent;
    color: #fff;
    border: 0;
    position: absolute;
    left: 20px;
    margin-top: 4px
}

.search-wrapper .search-field .btn-search::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "G"
}

.search-wrapper .search-field input {
    background-color: #004e9c;
    color: #fff;
    padding-top: 3px;
    border: 0;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    margin-left: 15px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search-wrapper .search-field input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input:-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input::-moz-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)
}

.search-wrapper .search-field input:focus, .search-wrapper .search-field input:hover {
    outline: 0
}

.search-wrapper .search-field .btn-cross {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 15px;
    -webkit-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    transition: .15s ease-out
}

.search-wrapper .search-field .btn-cross span {
    background-color: #fff;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.search-wrapper .search-field .btn-cross.open {
    display: block;
    -webkit-transition: .15s ease-out .25s;
    -o-transition: .15s ease-out .25s;
    -moz-transition: .15s ease-out .25s;
    transition: .15s ease-out .25s
}

.search-wrapper .search-field .btn-cross.open span {
    -webkit-transition: .25s ease-in-out .25s;
    -o-transition: .25s ease-in-out .25s;
    -moz-transition: .25s ease-in-out .25s;
    transition: .25s ease-in-out .25s
}

.search-wrapper .search-categories {
    background-color: #fff;
    padding: 30px 40px;
    display: none
}

.contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-wrapper .search-categories .powermail_fieldwrap_type_submit, .search-wrapper .search-categories .btn-green, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .search-wrapper .search-categories .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit, .search-wrapper .search-categories .name-category, .search-wrapper .search-categories li {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #fff
}

.contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-wrapper .search-categories .powermail_fieldwrap_type_submit:hover, .search-wrapper .search-categories .btn-green:hover, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .search-wrapper .search-categories .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover, .search-wrapper .search-categories .name-category:hover, .search-wrapper .search-categories li:hover {
    color: #fff;
    cursor: pointer
}

.search-wrapper .search-categories .name-category {
    margin-bottom: 21px
}

.contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .search-wrapper .search-categories .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-wrapper .search-categories .powermail_fieldwrap_type_submit, .search-wrapper .search-categories .btn-green, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .search-wrapper .search-categories .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .search-wrapper .search-categories .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    margin-top: 14px
}

.search-wrapper .search-categories .category .name-category {
    color: #868685;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9
}

.search-wrapper .search-categories .category ul li {
    margin-bottom: 10px
}

.search-wrapper .search-categories .category ul li a {
    line-height: 1.31rem;
    font-weight: 100
}

.search-wrapper .search-categories .category + .category {
    margin-top: 30px
}

.search-wrapper .autocomplete-suggestion a {
    word-break: break-word;
    word-wrap: break-word
}

@media (max-width: 1199px) {
    .search-wrapper {
        top: 0;
        height: 72px
    }

    .search-wrapper .search-field {
        padding: 21px 64px 20px 30px;
        margin: 0
    }

    .search-wrapper .search-field .btn-search {
        left: 10px;
        font-size: 20px;
        margin-top: 2px
    }

    .search-wrapper .search-field .btn-search::before {
        content: '';
        display: inline-block;
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search-mobile-white.svg');
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px;
        width: 20px;
        height: 20px
    }

    .search-wrapper .search-field .btn-cross {
        width: 21px;
        height: 21px;
        margin-top: 3px;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }

    .search-wrapper .search-field .btn-cross span:not(:nth-child(1)) {
        width: 23px;
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none
    }

    .search-wrapper .search-categories {
        margin-top: 8px
    }
}

@media (max-width: 799px) {
    .search-wrapper .search-categories {
        margin-top: 0;
        padding: 32px 15px
    }

    .search-wrapper.opened .container {
        width: 100% !important;
        padding: 0
    }

    .search-wrapper ul li {
        margin-bottom: 14px
    }

    .search-wrapper .search-field {
        margin-top: 0
    }

    .search-wrapper .search-field button.search {
        font-size: 20px;
        left: 15px;
        top: 17%
    }

    .search-wrapper .btn-cross {
        height: 20px
    }

    .search-wrapper .btn-cross span {
        width: 20px;
        right: 30px
    }
}

.search-block {
    background: #004e9c;
    padding: 150px 50px
}

.search-block p {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px
}

.search-block .search-input {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-block .search-input input {
    padding: 6px 12px;
    background: 0 0;
    outline: 0;
    border: 2px solid #fff;
    color: #fff;
    margin-right: 4px;
    width: 40%
}

.search-block .search-input input::-webkit-input-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input input:-moz-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input input::-moz-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input input:-ms-input-placeholder {
    color: #fff;
    opacity: .7
}

.search-block .search-input button {
    background-color: #fff;
    padding: 8px 15px 8px 24px;
    font-weight: 600;
    color: #004e9c;
    position: relative;
    text-transform: uppercase;
    outline: 0;
    border: 0
}

.search-block .search-input button:hover::before {
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

.search-block .search-input button::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    content: 'F';
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 12px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.search-block .search-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 18px
}

.search-block .search-results ul li {
    margin-bottom: 10px
}

.contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-block .search-results .powermail_fieldwrap_type_submit, .search-block .search-results .btn-green, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .search-block .search-results .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    margin-top: 28px
}

.contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .search-block .search-results .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .search-block .search-results .powermail_fieldwrap_type_submit:hover, .search-block .search-results .btn-green:hover, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .search-block .search-results .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .search-block .search-results .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover {
    color: #fff
}

.ui-widget {
    display: block !important;
    background: #fff;
    width: auto !important;
    margin-top: 7px;
    color: #004e9c
}

html.sticky .search-wrapper {
    position: fixed;
    top: 0
}

.bounce-in-right {
    -webkit-animation: searchBounceInRight .25s ease-in-out both;
    -moz-animation: searchBounceInRight .25s ease-in-out both;
    -o-animation: searchBounceInRight .25s ease-in-out both;
    animation: searchBounceInRight .25s ease-in-out both
}

@-webkit-keyframes searchBounceInRight {
    from {
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes searchBounceInRight {
    from {
        -moz-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes searchBounceInRight {
    from {
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -o-transform: none;
        transform: none
    }
}

@keyframes searchBounceInRight {
    from {
        -webkit-transform: translateX(25px);
        -moz-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

[data-animation=bounceInRight] :nth-child(0) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

[data-animation=bounceInRight] :nth-child(1) {
    -webkit-animation-delay: .13s;
    -moz-animation-delay: .13s;
    -o-animation-delay: .13s;
    animation-delay: .13s
}

[data-animation=bounceInRight] :nth-child(2) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

[data-animation=bounceInRight] :nth-child(3) {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
    -o-animation-delay: .15s;
    animation-delay: .15s
}

[data-animation=bounceInRight] :nth-child(4) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

[data-animation=bounceInRight] :nth-child(5) {
    -webkit-animation-delay: .17s;
    -moz-animation-delay: .17s;
    -o-animation-delay: .17s;
    animation-delay: .17s
}

[data-animation=bounceInRight] :nth-child(6) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

[data-animation=bounceInRight] :nth-child(7) {
    -webkit-animation-delay: .19s;
    -moz-animation-delay: .19s;
    -o-animation-delay: .19s;
    animation-delay: .19s
}

[data-animation=bounceInRight] :nth-child(8) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

[data-animation=bounceInRight] :nth-child(9) {
    -webkit-animation-delay: .21s;
    -moz-animation-delay: .21s;
    -o-animation-delay: .21s;
    animation-delay: .21s
}

[data-animation=bounceInRight] :nth-child(10) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

[data-animation=bounceInRight] :nth-child(11) {
    -webkit-animation-delay: .23s;
    -moz-animation-delay: .23s;
    -o-animation-delay: .23s;
    animation-delay: .23s
}

[data-animation=bounceInRight] :nth-child(12) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

[data-animation=bounceInRight] :nth-child(13) {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -o-animation-delay: .25s;
    animation-delay: .25s
}

[data-animation=bounceInRight] :nth-child(14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

[data-animation=bounceInRight] :nth-child(15) {
    -webkit-animation-delay: .27s;
    -moz-animation-delay: .27s;
    -o-animation-delay: .27s;
    animation-delay: .27s
}

[data-animation=bounceInRight] :nth-child(16) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

[data-animation=bounceInRight] :nth-child(17) {
    -webkit-animation-delay: .29s;
    -moz-animation-delay: .29s;
    -o-animation-delay: .29s;
    animation-delay: .29s
}

[data-animation=bounceInRight] :nth-child(18) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

[data-animation=bounceInRight] :nth-child(19) {
    -webkit-animation-delay: .31s;
    -moz-animation-delay: .31s;
    -o-animation-delay: .31s;
    animation-delay: .31s
}

.btn, .btn-green, .btn-primary, .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit, .tx-hk-locations .dropdown-container .search-dropdown-field {
    display: inline-block;
    position: relative;
    padding: 11px 14px 11px 27px;
    text-transform: uppercase;
    font-size: .94rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer
}

.btn-green::before, .btn-primary::before, .btn::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before, .tx-hk-locations .dropdown-container .search-dropdown-field::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    position: absolute;
    font-size: 11px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.btn-green:focus, .btn-primary:focus, .btn:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:focus, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:focus, .tx-hk-locations .dropdown-container .search-dropdown-field:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.btn-green:hover, .btn-primary:hover, .btn:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover, .tx-hk-locations .dropdown-container .search-dropdown-field:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-green.btn-indicator:hover:not(.btn-toggle), .btn-green.btn-indicator:not(.btn-toggle), .btn-primary.btn-indicator:hover:not(.btn-toggle), .btn-primary.btn-indicator:not(.btn-toggle), .btn.btn-indicator:hover:not(.btn-toggle), .btn.btn-indicator:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:hover:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:hover:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:hover:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:not(.btn-toggle) {
    color: transparent
}

.btn-green.btn-indicator:not(.btn-toggle)::before, .btn-green.btn-indicator:not(.btn-toggle):hover::before, .btn-primary.btn-indicator:not(.btn-toggle)::before, .btn-primary.btn-indicator:not(.btn-toggle):hover::before, .btn.btn-indicator:not(.btn-toggle)::before, .btn.btn-indicator:not(.btn-toggle):hover::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:not(.btn-toggle)::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:not(.btn-toggle):hover::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:not(.btn-toggle)::before, .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:not(.btn-toggle):hover::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:not(.btn-toggle)::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:not(.btn-toggle):hover::before {
    content: none
}

.btn-green.btn-indicator:focus:not(.btn-toggle), .btn-primary.btn-indicator:focus:not(.btn-toggle), .btn.btn-indicator:focus:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_field:focus:not(.btn-toggle), .contact-form form .powermail_fieldwrap_type_submit .btn-indicator.powermail_submit:focus:not(.btn-toggle), .lead-generation:not(.leadgeneration-popup) .tx-powermail .btn-indicator.powermail_fieldwrap_type_submit:focus:not(.btn-toggle) {
    outline: 0;
    text-decoration: none
}

button:hover {
    outline: 0;
    cursor: pointer;
    color: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

button:focus {
    outline: 0;
    text-decoration: none
}

.btn-green, .btn-primary, .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    background-color: #004e9c;
    border: 2px solid #004e9c;
    padding: 11px 14px 10px 27px;
    color: #fff
}

.btn-green::before, .btn-primary::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before {
    color: #fff;
    left: 10px;
    margin-top: 0
}

.btn-green:focus, .btn-primary:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:focus, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:focus, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:focus {
    background-color: #004e9c;
    border: 2px solid #004e9c;
    color: #fff
}

.btn-green:hover, .btn-primary:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover {
    background-color: #004e9c;
    border-color: #004e9c;
    color: #fff;
    text-decoration: none
}

.btn-green:hover::before, .btn-primary:hover::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_field:hover::before, .contact-form form .powermail_fieldwrap_type_submit .powermail_submit:hover::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit:hover::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.btn-load-more.btn-indicator {
    background-color: #004e9c
}

.btn-black::before, .btn-white::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    left: 11px;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    -moz-transition: transform .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

.btn-black:hover, .btn-white:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:hover {
    text-decoration: none
}

.btn-black:hover::before, .btn-white:hover::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:hover::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:hover::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.btn-white, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit {
    border: 2px solid #fff;
    color: #fff
}

.btn-white::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    color: #fff
}

.btn-white:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:focus {
    border: 2px solid #fff;
    color: #fff
}

.btn-white:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:hover, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:hover {
    color: #fff
}

.btn-black {
    border: 2px solid #181818;
    color: #181818
}

.btn-black::before {
    color: #181818
}

.btn-black:hover {
    color: #181818
}

.btn-link {
    border: 2px solid #004e9c;
    color: #004e9c;
    overflow: hidden;
    z-index: 5;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.btn-link::before {
    color: #004e9c;
    left: 11px
}

.btn-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: -17px;
    -webkit-transform: translateX(-100%) skew(-35deg, 0deg);
    -moz-transform: translateX(-100%) skew(-35deg, 0deg);
    -ms-transform: translateX(-100%) skew(-35deg, 0deg);
    -o-transform: translateX(-100%) skew(-35deg, 0deg);
    transform: translateX(-100%) skew(-35deg, 0deg);
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out, -o-transform .3s ease-in-out;
    width: 130%;
    height: 100%;
    background: #004e9c
}

.btn-link:focus {
    border: 2px solid #004e9c;
    color: #004e9c
}

.btn-link:hover {
    border: 2px solid #004e9c;
    color: #fff;
    text-decoration: none
}

.btn-link:hover::before {
    color: #fff
}

.btn-link:hover::after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .btn-link::after {
        content: none
    }

    .btn-link:hover {
        background-color: #004e9c
    }
}

.btn-scroll-down, .btn-scroll-top {
    display: inline-block;
    height: 36px;
    width: 36px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

@media (min-width: 576px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 540px) / 2 + 540px - 51px);
        left: -moz-calc((100vw - 540px) / 2 + 540px - 51px);
        left: calc((100vw - 540px) / 2 + 540px - 51px)
    }
}

@media (min-width: 800px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 720px) / 2 + 720px - 51px);
        left: -moz-calc((100vw - 720px) / 2 + 720px - 51px);
        left: calc((100vw - 720px) / 2 + 720px - 51px)
    }
}

@media (min-width: 992px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 960px) / 2 + 960px - 51px);
        left: -moz-calc((100vw - 960px) / 2 + 960px - 51px);
        left: calc((100vw - 960px) / 2 + 960px - 51px)
    }
}

@media (min-width: 1200px) {
    .btn-scroll-down, .btn-scroll-top {
        left: -webkit-calc((100vw - 1140px) / 2 + 1140px - 51px);
        left: -moz-calc((100vw - 1140px) / 2 + 1140px - 51px);
        left: calc((100vw - 1140px) / 2 + 1140px - 51px)
    }
}

.btn-scroll-down::before, .btn-scroll-top::before {
    display: inline-block;
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/back-to-down.svg');
    -webkit-background-size: 20px 8px;
    -moz-background-size: 20px 8px;
    -o-background-size: 20px 8px;
    background-size: 20px 8px;
    position: absolute;
    height: 8px;
    width: 20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.btn-scroll-top {
    position: fixed;
    background-color: #181818;
    color: #fff;
    bottom: 24px;
    z-index: 10;
    margin-bottom: -8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: -webkit-transform .05s ease-out;
    transition: -webkit-transform .05s ease-out;
    -o-transition: -o-transform .05s ease-out;
    -moz-transition: transform .05s ease-out, -moz-transform .05s ease-out;
    transition: transform .05s ease-out;
    transition: transform .05s ease-out, -webkit-transform .05s ease-out, -moz-transform .05s ease-out, -o-transform .05s ease-out
}

.btn-scroll-top::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/back-to-top.svg');
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn-scroll-top.bottom-position, .btn-scroll-top.sticky {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.btn-scroll-top.bottom-position {
    position: absolute;
    bottom: 0
}

@media (max-width: 575px) {
    .btn-scroll-top {
        right: 15px
    }
}

.btn-scroll-down {
    background-color: #fcfcfc;
    position: absolute;
    bottom: -8px;
    z-index: 4
}

.btn-scroll-down::before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

@media (max-width: 799px) {
    .btn-scroll-down {
        display: none
    }
}

@media (max-width: 575px) {
    .btn-scroll-down {
        right: 15px
    }
}

.btn-pdf-download, .btn-share {
    color: #004e9c;
    font-weight: 100;
    position: relative;
    padding-left: 22px
}

.btn-pdf-download::before, .btn-share::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #004e9c;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn-pdf-download:hover, .btn-share:hover {
    color: #004e9c
}

@media (max-width: 575px) {
    .btn-pdf-download, .btn-share {
        display: block
    }
}

.btn-pdf-download::before {
    content: "P";
    margin-top: -2px
}

.btn-share::before {
    content: "W"
}

.btn-cross {
    display: inline-block;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: -1;
    width: 15px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(0) translateY(-50%);
    -moz-transform: rotate(0) translateY(-50%);
    -ms-transform: rotate(0) translateY(-50%);
    -o-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%);
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer
}

.btn-cross span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #181818;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.btn-cross span:nth-child(1) {
    top: 0;
    opacity: 0
}

.btn-cross span:nth-child(2), .btn-cross span:nth-child(3) {
    top: 6px
}

.btn-cross.open {
    opacity: 1;
    z-index: 1
}

.btn-cross.open span:nth-child(1) {
    top: 18px;
    width: 0;
    left: 50%
}

.btn-cross.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-cross.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-cross.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%
}

@media (max-width: 1199px) {
    .btn-cross.open {
        display: none
    }
}

.btn-loading {
    position: relative;
    color: transparent;
    background-color: #004e9c;
    pointer-events: none
}

.btn-loading::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.btn-loading:focus, .btn-loading:hover {
    background-color: #004e9c;
    color: transparent;
    text-decoration: none
}

.cookies-line {
    background: #fff;
    height: auto;
    color: #181818;
    min-height: 50px;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    transition: all .7s ease-out;
    z-index: 5;
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 -2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 -2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 -2px 4px 0 rgba(24, 24, 24, .15);
    opacity: .95;
    visibility: hidden
}

.cookies-line p {
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.25rem
}

.cookies-line.hide {
    -webkit-transform: translateY(256px);
    -moz-transform: translateY(256px);
    -ms-transform: translateY(256px);
    -o-transform: translateY(256px);
    transform: translateY(256px)
}

.cookies-line.visible {
    visibility: visible
}

.cookies-line .cookies-message {
    padding: 18px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -15px;
    margin-left: -15px
}

.cookies-line .cookies-message .cookies-text {
    max-width: 546px
}

.cookies-line .cookies-message .cookies-text p {
    display: inline
}

.cookies-line .cookies-message .cookies-text .check-policy-link::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: .5625rem;
    color: #004e9c
}

.cookies-line .close {
    font-size: 1rem;
    font-weight: 400;
    background: 0 0;
    padding: 11px 12px 11px 27px;
    color: #004e9c;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 2px solid #004e9c;
    margin: 0;
    position: relative
}

.cookies-line .close::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: .6875rem;
    color: #004e9c;
    position: absolute;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translate(-17px, 5px);
    -moz-transform: translate(-17px, 5px);
    -ms-transform: translate(-17px, 5px);
    -o-transform: translate(-17px, 5px);
    transform: translate(-17px, 5px)
}

.cookies-line .close:hover::before {
    -webkit-transform: translate(-10px, 5px);
    -moz-transform: translate(-10px, 5px);
    -ms-transform: translate(-10px, 5px);
    -o-transform: translate(-10px, 5px);
    transform: translate(-10px, 5px)
}

@media (max-width: 575px) {
    .cookies-line {
        top: 72px;
        bottom: auto;
        z-index: 6
    }

    .cookies-line.hide {
        -webkit-transform: translateY(-256px);
        -moz-transform: translateY(-256px);
        -ms-transform: translateY(-256px);
        -o-transform: translateY(-256px);
        transform: translateY(-256px)
    }

    .cookies-line .cookies-message {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cookies-line .cookies-message .cookies-text p {
        display: block;
        margin: 0
    }

    .cookies-line .close {
        margin-top: 24px
    }
}

@media (max-width: 799px) {
    .cookies-line .cookies-message {
        display: block
    }

    .cookies-line .cookies-message .cookies-text {
        width: 100%
    }

    .cookies-line .cookies-message .close {
        display: inline-block;
        margin-top: 24px
    }
}

.dropdown {
    border: 2px solid #004e9c;
    text-align: left;
    margin-top: 15px
}

.dropdown._visible {
    border: 2px solid #004e9c
}

.dropdown._visible .btn-toggle {
    background-color: #fff;
    color: #004e9c;
    border: 0
}

.dropdown._visible .btn-toggle:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dropdown._visible .dropdown-menu {
    border: 2px solid #004e9c;
    border-top: none
}

.dropdown .btn-toggle.btn-indicator::after, .dropdown .dropdown-toggle.btn-indicator::after {
    content: none
}

.dropdown .btn-toggle.btn-indicator .loader-icon, .dropdown .dropdown-toggle.btn-indicator .loader-icon {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.dropdown .dropdown-toggle {
    display: block;
    width: 100%;
    min-height: 40px;
    background: 0 0;
    text-transform: uppercase;
    text-align: left;
    padding: 0 14px;
    line-height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    color: #004e9c;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px
}

.dropdown .dropdown-toggle::after {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
    content: "F";
    color: #004e9c;
    font-size: 12px;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute
}

.dropdown .dropdown-toggle:focus {
    outline: 0
}

.dropdown .dropdown-toggle .loader-icon {
    border: 2px solid #004e9c;
    border-top: 2px solid transparent
}

.dropdown .btn-toggle {
    width: 100%;
    font-weight: 400;
    padding: 11px 14px;
    text-align: left;
    border: 0;
    -webkit-transition: all;
    -o-transition: all;
    -moz-transition: all;
    transition: all
}

.dropdown .btn-toggle::after {
    display: block;
    content: "";
    clear: both
}

.dropdown .btn-toggle::before {
    content: none
}

.dropdown .btn-toggle::after {
    content: '+';
    display: inline-block;
    position: absolute;
    right: 14px;
    width: 14px;
    height: 14px;
    line-height: 8px;
    font-size: 24px;
    font-weight: 300;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.dropdown .dropdown-menu {
    margin: 0;
    left: -2px;
    right: -2px;
    padding: 5px 8px 5px 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    max-height: 220px;
    overflow-y: auto;
    border: 2px solid #fff;
    border-top: 0;
    width: auto !important
}

@media screen and (max-height: 880px) {
    .dropdown .dropdown-menu {
        max-height: 175px
    }
}

.dropdown .dropdown-menu a.autocomplete-suggestion, .dropdown .dropdown-menu a.link {
    width: 100%;
    word-break: break-word
}

.dropdown .dropdown-menu a.autocomplete-suggestion::before, .dropdown .dropdown-menu a.link::before {
    top: 7px
}

.dropdown .dropdown-menu a.autocomplete-suggestion:focus, .dropdown .dropdown-menu a.link:focus {
    color: #004e9c
}

.dropdown .dropdown-menu a.autocomplete-suggestion + .autocomplete-suggestion, .dropdown .dropdown-menu a.autocomplete-suggestion + .link, .dropdown .dropdown-menu a.link + .autocomplete-suggestion, .dropdown .dropdown-menu a.link + .link {
    margin-top: 10px
}

.dropdown.open .btn-toggle, .dropdown.show .btn-toggle {
    background-color: #fff;
    color: #004e9c;
    border: 0
}

.dropdown.open .btn-toggle::after, .dropdown.show .btn-toggle::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dropdown.open .dropdown-backdrop, .dropdown.show .dropdown-backdrop {
    display: none
}

.dropdown.open .dropdown-menu, .dropdown.show .dropdown-menu {
    border-color: #004e9c
}

.dropdown.open .z-index-add .vertical-handle, .dropdown.show .z-index-add .vertical-handle {
    opacity: 1;
    -webkit-transition: opacity .2s linear .3s;
    -o-transition: opacity .2s linear .3s;
    -moz-transition: opacity .2s linear .3s;
    transition: opacity .2s linear .3s
}

.dropdown.up .dropdown-menu {
    top: auto;
    bottom: 100%;
    border-bottom: 0;
    border-top: 1px solid #004e9c
}

.dropdown.application {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 98px
}

.dropdown.application .btn-toggle {
    background-color: #fff;
    color: #004e9c;
    border: 0
}

.dropdown.application + .application {
    margin-bottom: 15px
}

a {
    position: relative;
    display: inline-block;
    color: #004e9c
}

a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

a.external-link-new-window, a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    position: relative
}

a.external-link-new-window::after, a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: '';
    display: inline-block;
    background-color: #004e9c;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 3px;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

a.external-link-new-window:focus, a.external-link-new-window:hover, a:not([class]):not([data-toggle]):not([data-tag-uid]):focus, a:not([class]):not([data-toggle]):not([data-tag-uid]):hover {
    color: #004e9c
}

a.external-link-new-window:focus::after, a.external-link-new-window:hover::after, a:not([class]):not([data-toggle]):not([data-tag-uid]):focus::after, a:not([class]):not([data-toggle]):not([data-tag-uid]):hover::after {
    opacity: 1;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    transition: opacity .25s linear
}

.green-underline-link, .green-underline-link:focus, .green-underline-link:hover {
    color: #004e9c;
    text-decoration: underline
}

.lang-switcher a ::after, .lang-switcher a.external-link-new-window::after {
    background-color: transparent
}

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

ul.default-list li {
    position: relative;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

ul.default-list li::before, ul.default-list li:hover::before {
    top: 8px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

ul.default-list li::before {
    color: #004e9c
}

.video-wrapper {
    position: relative
}

.video-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.video-wrapper > img, .video-wrapper > picture, .video-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.video-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.video-wrapper .wistia_embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%
}

section > .wistia_embed {
    margin: 0 auto
}

@media (min-width: 576px) {
    section > .wistia_embed {
        width: -webkit-calc((540px) - 30px);
        width: -moz-calc((540px) - 30px);
        width: calc((540px) - 30px)
    }
}

@media (min-width: 800px) {
    section > .wistia_embed {
        width: -webkit-calc((720px) - 30px);
        width: -moz-calc((720px) - 30px);
        width: calc((720px) - 30px)
    }
}

@media (min-width: 992px) {
    section > .wistia_embed {
        width: -webkit-calc((960px) - 30px);
        width: -moz-calc((960px) - 30px);
        width: calc((960px) - 30px)
    }
}

@media (min-width: 1200px) {
    section > .wistia_embed {
        width: -webkit-calc((1140px) - 30px);
        width: -moz-calc((1140px) - 30px);
        width: calc((1140px) - 30px)
    }
}

@media (min-width: 576px) {
    section > .wistia_embed {
        height: -webkit-calc((540px - 30px) * 9 / 16);
        height: -moz-calc((540px - 30px) * 9 / 16);
        height: calc((540px - 30px) * 9 / 16)
    }
}

@media (min-width: 800px) {
    section > .wistia_embed {
        height: -webkit-calc((720px - 30px) * 9 / 16);
        height: -moz-calc((720px - 30px) * 9 / 16);
        height: calc((720px - 30px) * 9 / 16)
    }
}

@media (min-width: 992px) {
    section > .wistia_embed {
        height: -webkit-calc((960px - 30px) * 9 / 16);
        height: -moz-calc((960px - 30px) * 9 / 16);
        height: calc((960px - 30px) * 9 / 16)
    }
}

@media (min-width: 1200px) {
    section > .wistia_embed {
        height: -webkit-calc((1140px - 30px) * 9 / 16);
        height: -moz-calc((1140px - 30px) * 9 / 16);
        height: calc((1140px - 30px) * 9 / 16)
    }
}

@media (max-width: 575px) {
    section > .wistia_embed {
        width: -webkit-calc(100vw - 30px);
        width: -moz-calc(100vw - 30px);
        width: calc(100vw - 30px);
        height: -webkit-calc((100vw - 30px) * 9 / 16);
        height: -moz-calc((100vw - 30px) * 9 / 16);
        height: calc((100vw - 30px) * 9 / 16)
    }
}

.text-above-video {
    margin-bottom: 80px
}

@media (max-width: 799px) {
    .text-above-video {
        margin-bottom: 56px
    }
}

.video-text {
    font-family: Univers, sans-Serif;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 32px
}

.video-text:not(.hidden-md-up) {
    display: none
}

.play-button-wrapper .video-text {
    font-family: Univers, sans-Serif;
    font-weight: 800;
    margin-bottom: 27px
}

@media (max-width: 799px) {
    .play-button-wrapper .video-text {
        display: none
    }
}

@media (min-width: 800px) {
    .textonvideo .video-text {
        display: block
    }
}

.wistia_embed .w-bpb-wrapper.w-css-reset-tree {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 66px;
    height: 66px
}

.wistia_embed .w-bpb-wrapper.w-css-reset-tree .w-big-play-button {
    background-color: transparent !important;
    width: 100px !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wistia_embed .w-bpb-wrapper.w-css-reset-tree:hover {
    width: 70px;
    height: 70px
}

.wistia_embed .w-vulcan-icon-wrapper div {
    height: 100%
}

img {
    width: 100%;
    height: auto
}

figure {
    margin-bottom: 0
}

figcaption, figcaption p {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 12px
}

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

.blur-ie, .blur-wrapper, .cover-blur {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.cover-blur {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: background-image .1s linear;
    -o-transition: background-image .1s linear;
    -moz-transition: background-image .1s linear;
    transition: background-image .1s linear
}

@media (min-width: 800px) {
    .cover-blur {
        display: block
    }
}

.blur-ie {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4)
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    body * {
        min-height: 1px
    }

    body .blur-wrapper .cover-blur, body .detail-page-blur-wrapper .cover-blur, body .keyvisual-blur .cover-blur {
        display: none
    }

    body .blur-wrapper .blur-ie, body .detail-page-blur-wrapper .blur-ie, body .keyvisual-blur .blur-ie {
        display: block;
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        -ms-transform: scale(2.4);
        -o-transform: scale(2.4);
        transform: scale(2.4)
    }
}

@supports (-ms-ime-align:auto) {
    body * {
        min-height: 1px
    }

    body .blur-wrapper .cover-blur, body .detail-page-blur-wrapper .cover-blur, body .keyvisual-blur .cover-blur {
        display: none
    }

    body .blur-wrapper .blur-ie, body .detail-page-blur-wrapper .blur-ie, body .keyvisual-blur .blur-ie {
        display: block;
        -webkit-transform: scale(2.4);
        -moz-transform: scale(2.4);
        -ms-transform: scale(2.4);
        -o-transform: scale(2.4);
        transform: scale(2.4)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        -moz-transform: translate(-50%, -50%) rotate(0);
        -o-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, .9);
    z-index: 100005
}

.preloader {
    color: transparent;
    border: 7px solid #004e9c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-top: 7px solid transparent;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    width: 85px;
    height: 85px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.preloader:focus, .preloader:hover {
    color: transparent;
    outline: 0
}

@media (max-width: 799px) {
    .preloader {
        width: 50px;
        height: 50px;
        border-width: 6px
    }
}

.loader-icon {
    color: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-top: 2px solid transparent;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.selectBox-dropdown {
    min-width: 150px;
    width: 100% !important;
    position: relative;
    border: 1px solid #d9d9d9;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
    color: #000;
    outline: 0;
    vertical-align: middle;
    background: #fcfcfc;
    display: inline-block;
    cursor: default
}

.selectBox-dropdown.selectBox-menuShowing-bottom {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.selectBox-dropdown .selectBox-label {
    padding: 2px 8px;
    display: inline-block;
    white-space: nowrap;
    color: #181818
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    right: 10px;
    top: 3px
}

.selectBox-dropdown .selectBox-arrow::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    color: #181818;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    border: 1px solid #d9d9d9;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.selectBox-dropdown-menu a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.selectBox-options, .selectBox-options li, .selectBox-options li a {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0
}

.selectBox-options a, .selectBox-options li a, .selectBox-options li a a {
    line-height: 1.5;
    padding: 2px 8px;
    white-space: nowrap;
    overflow: hidden;
    background: 6px center no-repeat
}

.selectBox-options li.selectBox-hover a {
    background-color: #004e9c;
    color: #fff !important
}

.selectBox-options li.selectBox-selected a {
    background-color: #004e9c;
    color: #fff !important
}

.table-wrapper {
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575px) {
    .table-wrapper {
        width: -webkit-calc(100% + 15px);
        width: -moz-calc(100% + 15px);
        width: calc(100% + 15px)
    }
}

.table {
    border-collapse: collapse;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.table .table-column p {
    width: 100%;
    margin: 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.table .table-column:not(.column-bold) p {
    font-weight: 100
}

.table-merged-header thead {
    display: none
}

@media (max-width: 799px) {
    .table-merged-header {
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px)
    }

    .table-merged-header .table-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #d9d9d9;
        padding: 10px 0
    }

    .table-merged-header .table-column {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .table-merged-header .table-column::after {
        content: none
    }
}

@media (max-width: 799px) {
    .block-merged-header .table-buttons {
        display: none !important
    }
}

.table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width: 800px) {
    .table-row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border: 0;
        padding: 0
    }
}

.merged-header, .table-column, .table-header {
    position: relative
}

.merged-header::after, .table-column::after, .table-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-calc(100% - 6px);
    width: -moz-calc(100% - 6px);
    width: calc(100% - 6px)
}

.merged-header, .table-header {
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    padding: 9px 16px 12px;
    text-transform: uppercase
}

.merged-header::after, .table-header::after {
    height: 3px;
    background-color: #181818
}

.merged-header {
    z-index: 2;
    max-width: 100%
}

.merged-header::after {
    width: 100%
}

.table-column {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 16px 16px 16px 25px
}

.table-column::after {
    height: 1px;
    background-color: #d9d9d9
}

.table-column span {
    font-family: Univers !important;
    font-size: 1rem !important;
    background-color: transparent !important
}

.table-column strong {
    font-weight: 400
}

@media (min-width: 800px) {
    .table-column {
        padding: 16px
    }
}

.column-bold, .column-bold p {
    font-weight: 400
}

.column-with-arrow {
    padding-left: 25px
}

.column-with-arrow::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    position: absolute;
    color: #004e9c;
    font-size: 9px;
    left: 12px;
    margin-top: 5px
}

.green-header {
    color: #fff;
    padding: 12px 16px 9px
}

.green-header span {
    position: relative;
    z-index: 1
}

.green-header::after {
    background-color: #004e9c;
    top: 0;
    height: 100%
}

.overlay-white-gradient {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 40px
}

.overlay-white-gradient.overlap-first-column {
    left: 15px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fcfcfc));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fcfcfc 100%)
}

.overlay-white-gradient.overlap-last-column {
    right: 15px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fcfcfc));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fcfcfc 100%)
}

@media (max-width: 799px) {
    .overlay-white-gradient {
        display: none !important
    }
}

.table-buttons {
    display: inline-block;
    margin-top: 28px;
    position: relative;
    width: 98px;
    height: 40px;
    left: -webkit-calc(100% - 98px);
    left: -moz-calc(100% - 98px);
    left: calc(100% - 98px);
    z-index: 5
}

.table-button-slide {
    border: 2px solid #004e9c;
    background-color: transparent;
    position: absolute;
    width: 50px;
    height: 40px
}

.table-button-slide.prev-slide-column {
    right: 48px
}

.table-button-slide.next-slide-column {
    right: 0
}

.table-button-slide.next-slide-column::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -11px;
    margin-left: -9px
}

.table-button-slide::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    width: 21px;
    height: 21px;
    color: #004e9c;
    font-weight: 100;
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ce-textpic .ce-bodytext .btn {
    margin-top: 28px
}

.ce-textpic .ce-bodytext p + p .btn {
    margin-top: 12px
}

.ce-textpic .ce-bodytext p:not(.heading-m):last-of-type {
    margin-bottom: 0
}

.ce-textpic .ce-bodytext a {
    word-break: break-word
}

.ce-textpic .img-popup-link.plus-on-hover {
    overflow: hidden
}

.ce-textpic .img-popup-link.plus-on-hover::after, .ce-textpic .img-popup-link.plus-on-hover::before {
    width: 0;
    height: 0
}

.ce-textpic .img-popup-link.plus-on-hover::after {
    content: '';
    background-color: #004e9c
}

.ce-textpic .img-popup-link.plus-on-hover::before {
    content: '';
    color: #fff;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center;
    line-height: 1.3125rem
}

.ce-textpic .img-popup-link.plus-on-hover img {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.ce-textpic .img-popup-link.plus-on-hover:hover img.media {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.ce-textpic .img-popup-link.plus-on-hover:hover::after, .ce-textpic .img-popup-link.plus-on-hover:hover::before {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    bottom: 0;
    right: 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.ce-textpic .img-popup-link.plus-on-hover:hover::before {
    content: '+'
}

.ce-textpic .img-popup-link figure figcaption {
    display: none
}

.col-md-7 .ce-gallery .img-fluid {
    margin-top: 80px
}

.mCS-dark-thick.mCSB_scrollTools {
    width: 8px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #868685;
    opacity: .8
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 100%;
    background-color: #868685
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background-color: #ececec;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mCS-dark-thick .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 30px
}

.mCS-green-thick.mCSB_scrollTools {
    width: 6px;
    opacity: 1
}

.mCS-green-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #004e9c;
    opacity: .8
}

.mCS-green-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    opacity: 1
}

.mCS-green-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background-color: transparent
}

.mCS-green-thick .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 20px
}

.bg-white {
    width: 100%;
    background-color: #fff
}

.bg-grey {
    width: 100%;
    background-color: #ececec
}

.text-friar-grey {
    color: #868685
}

input::-ms-clear {
    display: none
}

body #CybotCookiebotDialog {
    -webkit-box-shadow: 0 3px 20px 0 rgba(24, 24, 24, .2) !important;
    -moz-box-shadow: 0 3px 20px 0 rgba(24, 24, 24, .2) !important;
    box-shadow: 0 3px 20px 0 rgba(24, 24, 24, .2) !important;
    border: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 1100px !important;
    max-width: 70% !important;
    max-height: 90vh !important;
    padding: 70px 0 !important;
    margin-top: 0 !important;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow: auto
}

body #CybotCookiebotDialog * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialog {
        max-width: 80% !important;
        left: 10%;
        padding: 50px 0 !important;
        margin: 0 !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialog {
        padding: 40px 0 !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialog {
        max-width: 90% !important;
        left: 5%;
        padding: 35px 0 !important
    }
}

body #CybotCookiebotDialog a {
    text-decoration: none
}

body #CybotCookiebotDialog a:hover {
    text-decoration: none
}

body #CybotCookiebotDialog div {
    font-family: Univers
}

body #CybotCookiebotDialogPoweredbyLink {
    display: none !important
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    width: 100%;
    padding: 0 90px !important
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding: 0 70px !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding: 0 50px !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
        padding: 0 20px !important
    }
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton {
    display: inline-block !important;
    position: relative;
    padding: 7px 15px !important;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    white-space: normal;
    font: 400 16px/1.6 Univers !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #004e9c !important;
    color: #004e9c !important;
    background-color: transparent !important;
    margin: 15px 15px 0 0 !important
}

@media (max-width: 799px) {
    body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton {
        width: 100% !important;
        margin-right: 0 !important
    }
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper .CybotCookiebotDialogBodyButton:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #004e9c !important;
    color: #fff !important
}

body #CybotCookiebotDialogBody {
    width: auto;
    padding: 0 90px !important
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialogBody {
        padding: 0 70px !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialogBody {
        padding: 0 50px !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBody {
        padding: 0 20px !important
    }
}

body #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelDetailsButton {
    float: right
}

body #CybotCookiebotDialogBody #CybotCookiebotDialogBodyButtonAccept {
    background-color: #004e9c !important;
    color: #fff !important
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyButton, body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink {
    margin: 0
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink {
    position: relative;
    font: 400 16px/1.5 Univers;
    letter-spacing: .6px;
    color: #004e9c !important;
    background: 0 0 !important;
    padding-top: 0;
    white-space: nowrap;
    float: none !important;
    text-align: right
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink {
        text-align: left
    }
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink::after {
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid #004e9c;
    border-bottom: 2px solid #004e9c;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink.CybotCookiebotDialogBodyLevelDetailsButtonExpanded::after, body #CybotCookiebotDialogBody .CybotCookiebotDialogBodyLink.CybotCookiebotDialogBodyLinkExpanded::after {
    -webkit-transform: translateY(-50%) rotate(225deg);
    -moz-transform: translateY(-50%) rotate(225deg);
    -ms-transform: translateY(-50%) rotate(225deg);
    -o-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg)
}

body #CybotCookiebotDialogBodyContent {
    padding: 0 !important
}

body #CybotCookiebotDialogBodyContentTitle {
    font: 800 24px/1.1 Univers !important;
    color: #004e9c;
    letter-spacing: .9px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyContentTitle {
        font-size: 18px
    }
}

body #CybotCookiebotDialogBodyContentText {
    font: 100 16px/1.6 Univers !important;
    color: #181818;
    letter-spacing: .6px;
    margin-bottom: 35px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyContentText {
        max-height: 200px;
        overflow: auto
    }
}

body #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    text-align: left !important;
    float: none
}

body #CybotCookiebotDialogBodyLevelButtons {
    margin: 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonsSelectPane {
    margin: 0 !important;
    padding: 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonsRow > div {
    vertical-align: middle;
    height: auto;
    padding: 0
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyLevelButtonsRow > div {
        display: block;
        float: none
    }
}

body #CybotCookiebotDialogBodyLevelButtonsRow .CybotCookiebotDialogBodyLevelButtonWrapper {
    margin-right: 50px;
    margin-bottom: 8px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogBodyLevelButtonsRow .CybotCookiebotDialogBodyLevelButtonWrapper {
        display: block
    }
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox] + label {
    position: relative;
    font: 300 16px/1 Univers;
    color: #3a3a3a;
    letter-spacing: .6px;
    padding-left: 25px;
    background: 0 0 !important
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #868685;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox] + label::after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 6px;
    left: 5px;
    top: 50%;
    border-right: 2px solid #004e9c;
    border-bottom: 2px solid #004e9c;
    opacity: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

body #CybotCookiebotDialogBodyLevelButtonsRow input[type=checkbox]:checked + label::after {
    opacity: 1
}

body #CybotCookiebotDialogBodyLevelWrapper {
    padding: 0
}

body #CybotCookiebotDialogBodyButtons {
    padding: 0 !important;
    margin: 0 !important
}

body #CybotCookiebotDialogBodyUnderlay {
    opacity: .6
}

body #CybotCookiebotDialogDetail {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 35px 90px 0;
    overflow: hidden
}

@media (max-width: 1199px) {
    body #CybotCookiebotDialogDetail {
        padding: 0 70px !important
    }
}

@media (max-width: 991px) {
    body #CybotCookiebotDialogDetail {
        padding: 0 50px !important
    }
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetail {
        padding: 0 20px !important
    }
}

body #CybotCookiebotDialogDetailBody {
    max-width: none;
    padding: 0
}

body #CybotCookiebotDialogDetailBodyContent {
    border: 0;
    height: auto
}

body #CybotCookiebotDialogDetailBodyContent div {
    width: 100%
}

body #CybotCookiebotDialogDetailBodyContentTabs {
    display: block
}

body #CybotCookiebotDialogDetailBodyContentTabs a {
    font: 600 16px/1.6 Univers !important;
    letter-spacing: .6px;
    text-transform: uppercase;
    border: 0;
    background: 0 0;
    padding: 15px 0 !important;
    margin-right: 30px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentTabs a {
        display: block;
        padding: 10px 0 !important;
        margin: 0
    }
}

body #CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItemSelected {
    color: #004e9c !important
}

body #CybotCookiebotDialogDetailBodyContentTextAbout {
    font: 100 16px/1.6 Univers;
    padding: 0
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    background-color: transparent
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    height: 200px;
    max-height: 200px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    font: 100 16px/1.6 Univers;
    color: #000
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails #CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
        overflow: auto
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table {
    margin-top: 25px;
    font: 100 12px/1.5 Univers !important;
    letter-spacing: .45px
}

@media (max-width: 799px) {
    body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table {
        width: auto
    }
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table a {
    font: 300 12px/1.5 Univers !important;
    text-decoration: none;
    padding: 0 !important
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table thead th {
    border: 0;
    font-weight: 300;
    background: 0 0 !important
}

body #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table tbody td {
    border: 0;
    max-width: none
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer a {
    font: 300 16px/1.6 Univers;
    letter-spacing: .6px;
    border: 0;
    background: 0 0;
    padding: 5px 0 !important
}

body #CybotCookiebotDialogDetailBodyContentCookieContainer a.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected {
    color: #004e9c !important
}

.accordion .heading-margin-bottom {
    margin-bottom: 82px
}

@media (max-width: 799px) {
    .accordion .heading-margin-bottom {
        margin-bottom: 42px
    }
}

.accordion .introduction .text {
    margin-bottom: 36px
}

.accordion .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 16px 0 17px
}

.accordion .card .collapse-header {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.accordion .card .collapse-header .heading {
    margin-bottom: 0;
    padding-right: 40px;
    line-height: 1.75rem
}

.accordion .card .collapse-header .heading:hover {
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

@media (max-width: 799px) {
    .accordion .card .collapse-header .heading {
        padding-right: 10px
    }
}

.accordion .card .collapse-header a {
    display: inline-block;
    position: relative;
    width: 100%;
    color: #181818;
    cursor: pointer;
    padding-right: 64px;
    word-wrap: break-word;
    text-decoration: none;
    -webkit-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.accordion .card .collapse-header a:focus, .accordion .card .collapse-header a:hover {
    text-decoration: none;
    outline: 0
}

.accordion .card .collapse-header a:hover {
    color: #004e9c
}

.accordion .card .collapse-header a::after, .accordion .card .collapse-header a::before {
    display: inline-block;
    position: absolute;
    color: #004e9c;
    width: 34px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    top: 0;
    right: 0;
    margin-top: -1px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accordion .card .collapse-header a::before {
    content: '+';
    font-size: 42px;
    font-weight: 100
}

.accordion .card .collapse-header a::after {
    content: '';
    border: 2px solid #004e9c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.accordion .card .collapse-header a[aria-expanded=true]::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion .card .collapse-content {
    margin: 14px 0 15px
}

.accordion .card .collapse-content .align-center {
    text-align: center
}

.accordion .card .collapse-content .autocomplete-suggestion, .accordion .card .collapse-content .btn-pdf-download, .accordion .card .collapse-content .link, .accordion .card .collapse-content .text {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem;
    position: relative
}

.accordion .card .collapse-content .autocomplete-suggestion p, .accordion .card .collapse-content .btn-pdf-download p, .accordion .card .collapse-content .link p, .accordion .card .collapse-content .text p {
    margin-bottom: 3px
}

.accordion .card .collapse-content a.autocomplete-suggestion, .accordion .card .collapse-content a.link {
    margin-top: 14px
}

.accordion .card .collapse-content a.autocomplete-suggestion::before, .accordion .card .collapse-content a.link::before {
    top: 9px
}

.accordion .card .collapse-content img {
    width: 100%;
    height: auto
}

@media (max-width: 799px) {
    .accordion .card .collapse-content img {
        margin-top: 10px
    }
}

.accordion .card .collapse-content video {
    max-width: 100%
}

@media (max-width: 799px) {
    .accordion .card .collapse-content video {
        width: 100%
    }
}

.accordion .card .collapse-content .teaser-tab-img-wrapper {
    margin-top: 10px
}

.accordion .card .collapse-content .teaser-tab-img-wrapper img {
    height: 100%;
    margin-top: 0
}

.accordion .accordion-item {
    margin-top: 10px
}

.accordion .accordion-item .heading {
    margin: 24px 0 14px
}

.accordion .accordion-item .btn-pdf-download {
    margin-top: 14px
}

.accordion .accordion-item .btn-pdf-download::before {
    font-size: 15px;
    margin-top: 0;
    top: 4px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.accordion .img-holder {
    position: relative;
    overflow: hidden
}

.accordion .img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.accordion .img-holder > img, .accordion .img-holder > picture, .accordion .img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.accordion .img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.accordion .img-holder img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.accordion .img-holder video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.accordion.vertical-offset .collapse-content img {
    margin-top: 23px
}

@media (max-width: 799px) {
    section.accordion {
        padding-top: 80px;
        padding-bottom: 80px
    }

    section.accordion.vertical-offset {
        padding-top: 0
    }

    section.accordion .card {
        padding: 16px 0 14px
    }

    section.accordion .card .collapse-header a::before {
        font-size: 36px
    }

    section.accordion .card .collapse-header a::after, section.accordion .card .collapse-header a::before {
        width: 32px;
        height: 32px;
        line-height: 28px;
        margin-top: -3px
    }

    section.accordion .card [class^=col-]:not(:last-of-type) .accordion-item {
        margin-bottom: 46px
    }

    .accordion-item .heading, .accordion-item .text {
        height: auto !important
    }
}

.green .card {
    border-bottom: 1px solid #fff
}

.green .card .collapse-header a, .green .card .collapse-header a.autocomplete-suggestion, .green .card .collapse-header a.link, .green .card .collapse-header a::after, .green .card .collapse-header a::before, .green .card .collapse-header a:hover {
    color: #fff
}

.green .card .collapse-header a::after {
    border-color: #fff
}

.autocomplete-suggestions {
    background-color: #fff;
    padding: 32px 40px;
    overflow: auto;
    width: 100% !important
}

.autocomplete-suggestions .btn {
    margin-top: 18px
}

@media (max-width: 1199px) {
    .autocomplete-suggestions {
        padding: 32px 16px
    }
}

.autocomplete-group {
    color: #868685;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 21px
}

.autocomplete-suggestion {
    position: relative;
    margin-bottom: 10px;
    line-height: 1.31rem;
    font-weight: 100;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

.autocomplete-suggestion::before {
    font-size: 11px;
    top: 5px
}

.autocomplete-suggestion:hover {
    cursor: pointer;
    color: #004e9c
}

.autocomplete-suggestion + .autocomplete-group {
    margin-top: 30px
}

.autocomplete-suggestion a {
    color: inherit;
    text-decoration: inherit
}

.autocomplete-suggestion strong {
    color: #004e9c
}

@media (max-width: 799px) {
    .autocomplete-suggestion {
        font-size: 1.125rem;
        margin-bottom: 14px
    }
}

.breadcrumbs-menus {
    position: fixed;
    visibility: hidden;
    top: 47px;
    opacity: 1;
    -webkit-transform: translateY(-45px);
    -moz-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    -o-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

@media (min-width: 576px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 540px) / 2 + 15px);
        left: -moz-calc((100vw - 540px) / 2 + 15px);
        left: calc((100vw - 540px) / 2 + 15px)
    }
}

@media (min-width: 800px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 720px) / 2 + 15px);
        left: -moz-calc((100vw - 720px) / 2 + 15px);
        left: calc((100vw - 720px) / 2 + 15px)
    }
}

@media (min-width: 992px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 960px) / 2 + 15px);
        left: -moz-calc((100vw - 960px) / 2 + 15px);
        left: calc((100vw - 960px) / 2 + 15px)
    }
}

@media (min-width: 1200px) {
    .breadcrumbs-menus {
        left: -webkit-calc((100vw - 1140px) / 2 + 15px);
        left: -moz-calc((100vw - 1140px) / 2 + 15px);
        left: calc((100vw - 1140px) / 2 + 15px)
    }
}

.breadcrumbs-menus nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 333px;
    position: relative;
    z-index: 101;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.breadcrumbs-menus nav .content-breadcrumbs .content-list, .breadcrumbs-menus nav .content-breadcrumbs .page-list, .breadcrumbs-menus nav .page-breadcrumbs .content-list, .breadcrumbs-menus nav .page-breadcrumbs .page-list {
    background: #fff;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-2em);
    -moz-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    -o-transform: translateY(-2em);
    transform: translateY(-2em);
    z-index: -1;
    -webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    -o-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    -moz-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
    padding: 16px 16px 16px 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.breadcrumbs-menus nav .content-breadcrumbs .content-list, .breadcrumbs-menus nav .page-breadcrumbs .content-list {
    left: 48px;
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    width: calc(100% - 48px)
}

.breadcrumbs-menus nav .content-breadcrumbs li, .breadcrumbs-menus nav .page-breadcrumbs li {
    margin-bottom: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 17px
}

.breadcrumbs-menus nav .content-breadcrumbs li a, .breadcrumbs-menus nav .page-breadcrumbs li a {
    color: #181818;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.313rem;
    text-decoration: none;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.breadcrumbs-menus nav .content-breadcrumbs li a::before, .breadcrumbs-menus nav .page-breadcrumbs li a::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'F';
    font-size: .625rem;
    color: #004e9c;
    line-height: 1.313rem;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: absolute;
    left: 0;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    -moz-transition: left .3s ease;
    transition: left .3s ease
}

.breadcrumbs-menus nav .content-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid]), .breadcrumbs-menus nav .page-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    position: static
}

.breadcrumbs-menus nav .content-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid])::after, .breadcrumbs-menus nav .page-breadcrumbs li a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.breadcrumbs-menus nav .content-breadcrumbs li.cur, .breadcrumbs-menus nav .page-breadcrumbs li.cur {
    color: #004e9c;
    font-weight: 100;
    position: relative
}

.breadcrumbs-menus nav .content-breadcrumbs li.cur::before, .breadcrumbs-menus nav .page-breadcrumbs li.cur::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'F';
    font-size: .625rem;
    color: #004e9c;
    line-height: 1.313rem;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    position: absolute;
    top: 2px;
    left: 5px
}

.breadcrumbs-menus nav .content-breadcrumbs li:hover a, .breadcrumbs-menus nav .page-breadcrumbs li:hover a {
    color: #004e9c
}

.breadcrumbs-menus nav .content-breadcrumbs li:hover a::before, .breadcrumbs-menus nav .page-breadcrumbs li:hover a::before {
    left: 5px
}

.breadcrumbs-menus nav .content-breadcrumbs li:last-of-type, .breadcrumbs-menus nav .page-breadcrumbs li:last-of-type {
    margin-bottom: 0
}

.breadcrumbs-menus nav .content-breadcrumbs .content-list-visible, .breadcrumbs-menus nav .page-breadcrumbs .content-list-visible {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0s, 0s, .3s;
    -moz-transition-delay: 0s, 0s, .3s;
    -o-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

@media (min-width: 800px) {
    .breadcrumbs-menus nav .content-breadcrumbs:hover .content-list, .breadcrumbs-menus nav .content-breadcrumbs:hover .page-list, .breadcrumbs-menus nav .page-breadcrumbs:hover .content-list, .breadcrumbs-menus nav .page-breadcrumbs:hover .page-list {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: 0s, 0s, .3s;
        -moz-transition-delay: 0s, 0s, .3s;
        -o-transition-delay: 0s, 0s, .3s;
        transition-delay: 0s, 0s, .3s;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
    }
}

.breadcrumbs-menus nav .page-breadcrumbs .page-bc-toggler {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #000;
    padding: 0 14px
}

.breadcrumbs-menus nav .page-breadcrumbs .page-bc-toggler::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 2.5rem
}

.breadcrumbs-menus nav .page-breadcrumbs.active .page-bc-toggler, .breadcrumbs-menus nav .page-breadcrumbs:hover .page-bc-toggler {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 0 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 0 4px 0 rgba(24, 24, 24, .15)
}

.breadcrumbs-menus nav .page-breadcrumbs.active .page-bc-toggler::before, .breadcrumbs-menus nav .page-breadcrumbs:hover .page-bc-toggler::before {
    color: #004e9c
}

.breadcrumbs-menus nav .content-breadcrumbs .content-bc-toggler {
    background: #004e9c;
    border: 0;
    color: #fff;
    font-weight: 400;
    line-height: 2.5rem;
    width: 285px;
    height: 100%;
    padding: 0 14px;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.breadcrumbs-menus nav .content-breadcrumbs .content-bc-toggler::before {
    display: inline-block;
    content: '';
    left: 0;
    height: 12px;
    width: 16px;
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/breadcrumb.svg');
    -webkit-background-size: 16px 12px;
    -moz-background-size: 16px 12px;
    -o-background-size: 16px 12px;
    background-size: 16px 12px;
    font-size: 1rem;
    line-height: 2.5rem;
    float: left;
    margin-right: 8px;
    position: relative;
    top: 14px
}

@media (max-width: 799px) {
    .breadcrumbs-menus nav {
        margin: 0 auto
    }
}

@media (max-width: 575px) {
    .breadcrumbs-menus nav {
        width: 100%
    }
}

.breadcrumbs-menus.sticky {
    position: fixed;
    visibility: visible;
    top: 47px;
    z-index: 1000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1199px) {
    .breadcrumbs-menus, .breadcrumbs-menus.sticky {
        top: 72px;
        z-index: 111
    }
}

@media (max-width: 799px) {
    .breadcrumbs-menus {
        max-width: 100%;
        width: 510px
    }

    .breadcrumbs-menus .container {
        padding: 0
    }

    .breadcrumbs-menus nav {
        max-width: none
    }

    .breadcrumbs-menus nav .content-breadcrumbs {
        width: 100%
    }

    .breadcrumbs-menus nav .content-breadcrumbs .content-bc-toggler {
        width: 100%
    }
}

@media (max-width: 575px) {
    .breadcrumbs-menus {
        width: 100%
    }
}

.mm-slideout {
    z-index: 2
}

.share-social-links-wrapper {
    display: inline-block;
    position: relative
}

@media (max-width: 575px) {
    .share-social-links-wrapper {
        margin-top: 10px
    }
}

.social-links-tooltip {
    background-color: #004e9c;
    position: absolute;
    top: -73px;
    left: 22px;
    display: inline-block;
    padding: 16px;
    line-height: 0;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: opacity .25s ease-out, visibility .25s ease-out, -webkit-transform .2s linear;
    transition: opacity .25s ease-out, visibility .25s ease-out, -webkit-transform .2s linear;
    -o-transition: opacity .25s ease-out, visibility .25s ease-out, -o-transform .2s linear;
    -moz-transition: opacity .25s ease-out, visibility .25s ease-out, transform .2s linear, -moz-transform .2s linear;
    transition: opacity .25s ease-out, visibility .25s ease-out, transform .2s linear;
    transition: opacity .25s ease-out, visibility .25s ease-out, transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.social-links-tooltip::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 32px;
    bottom: -10px;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #004e9c #004e9c;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.social-links-tooltip.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.social-links-tooltip .share-link {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: #fff
}

.social-links-tooltip .share-link::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #004e9c;
    font-size: 1.25rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social-links-tooltip .share-link + .share-link {
    margin-left: 4px
}

.social-links-tooltip .write-email-link::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "E";
    font-size: 1.125rem
}

.social-links-tooltip .facebook-social-link::before {
    content: ""
}

.social-links-tooltip .twitter-social-link::before {
    content: ""
}

.social-links-tooltip .linkedin-social-link::before {
    content: ""
}

.social-links-tooltip .googleplus-social-link::before {
    content: "";
    font-size: 1.125rem
}

.main-content-detail {
    margin-top: 30px
}

@media (min-width: 576px) {
    .btn-pdf-download + .share-social-links-wrapper {
        margin-left: 24px
    }
}

.detail-main-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .detail-main-heading {
        font-size: 1.75rem;
        word-break: break-word
    }
}

.detail-page-blur-wrapper {
    position: relative;
    position: absolute;
    max-width: 1920px;
    width: 100vw;
    max-height: 583px;
    top: -171px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden
}

.detail-page-blur-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.detail-page-blur-wrapper > img, .detail-page-blur-wrapper > picture, .detail-page-blur-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.detail-page-blur-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-page-blur-wrapper {
        max-height: 411px;
        top: -71px
    }
}

@media (max-width: 799px) {
    .detail-page-blur-wrapper .blur-ie, .detail-page-blur-wrapper .blur-wrapper, .detail-page-blur-wrapper .cover-blur {
        display: block
    }
}

@media (max-width: 799px) {
    .detail-page-blur-wrapper {
        top: -72px;
        height: 365px
    }
}

@media (max-width: 575px) {
    .detail-page-blur-wrapper {
        top: -16px;
        height: auto
    }
}

.detail-page-blur-background.cover-blur {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.detail-page-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 54px
}

.detail-page-image::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.detail-page-image > img, .detail-page-image > picture, .detail-page-image > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.detail-page-image > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 991px) {
    .detail-page-image {
        margin-bottom: 25px
    }
}

.detail-page-info-wrapper {
    margin: 32px 0
}

.detail-panel-actions {
    margin-top: 32px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 100
}

.detail-info-description {
    margin-top: 32px
}

.detail-info-description .ce-bodytext, .detail-info-description .default-list, .detail-info-description p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.detail-info-description a:link:not(.btn) {
    color: #004e9c
}

.detail-info-description .ce-bodytext h3 {
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: none
}

.detail-info-description .default-list {
    margin-bottom: 28px
}

.detail-info-description li + li {
    margin-top: 14px
}

.detail-info-description.career-description .btn {
    margin-top: 28px
}

@media (max-width: 799px) {
    .detail-info-description h3, .detail-info-description h4 {
        word-break: break-word
    }
}

.page-detail.career-detail .cover-blur, .page-detail.news .cover-blur {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.page-detail.news .detail-info-description {
    margin-top: 28px
}

.page-detail.news .detail-info-description.hat-info ul.default-list {
    font-weight: 300
}

.page-detail.news .detail-info-description section {
    padding-bottom: 28px
}

.page-detail.news .detail-info-description section .ce-bodytext > div:last-child > :last-child {
    margin-bottom: 0
}

.page-detail.news .layout-image {
    margin-top: 120px
}

@media (max-width: 799px) {
    .page-detail.news .layout-image {
        margin-top: 80px
    }
}

.page-detail .share-social-links-wrapper {
    margin-bottom: 0;
    font-weight: 100
}

.page-detail .btn-scroll-down {
    bottom: auto;
    top: 383px
}

@media (min-width: 800px) {
    .page-detail .detail-panel-actions {
        margin-top: 28px
    }
}

@media (max-width: 1199px) {
    .page-detail .main-content-detail {
        margin-top: 16px
    }

    .page-detail .detail-page-image {
        margin-bottom: 32px
    }

    .page-detail .meta-date-info {
        font-size: .875rem;
        line-height: .875rem
    }

    .page-detail .btn-scroll-down {
        top: 312px
    }
}

@media (max-width: 991px) {
    .page-detail .btn-scroll-down {
        display: none
    }
}

html.sticky .page-detail .detail-page-blur-wrapper {
    top: -122px
}

html.sticky .page-detail .btn-scroll-down {
    top: 432px
}

.teaser-capture {
    position: relative;
    padding-left: 20px;
    font-weight: 100;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px)
}

.teaser-capture:before {
    content: "Y";
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .product-detail-page-keyvisual .keyvisual-content-wrapper .keyvisual-content, .teaser-detail-page-keyvisual .keyvisual-content-wrapper .keyvisual-content {
        position: relative;
        padding: 34px 0 80px;
        left: 0;
        opacity: 1
    }
}

section[class$='-detail'] {
    position: static
}

.career-main-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .career-main-heading {
        font-size: 1.75rem;
        word-break: break-word
    }
}

.career-list {
    padding-top: 80px
}

@media (max-width: 991px) {
    .career-list {
        padding-top: 32px
    }
}

.career-list .btn-toggle {
    padding: 12px 16px 13px 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 991px) {
    .career-list .btn-toggle {
        padding: 12px 30px 13px 14px
    }

    .career-list .btn-toggle::after {
        top: 13px
    }
}

.career-list .career-main-heading {
    text-align: center
}

.career-detail .career-detail-text-info {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.career-detail .career-detail-text-info .autocomplete-suggestion + .autocomplete-suggestion, .career-detail .career-detail-text-info .autocomplete-suggestion + .link, .career-detail .career-detail-text-info .link + .autocomplete-suggestion, .career-detail .career-detail-text-info .link + .link {
    margin-top: 14px
}

.career-search-wrapper, .references-search-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px -4px 80px -2px
}

@media (max-width: 799px) {
    .career-search-wrapper, .references-search-wrapper {
        margin: 16px -4px 32px -2px;
        overflow: hidden
    }

    .career-search-wrapper .btn-search, .references-search-wrapper .btn-search {
        color: transparent;
        width: 44px
    }

    .career-search-wrapper .btn-search::before, .references-search-wrapper .btn-search::before {
        content: "M";
        font-size: 17px;
        font-weight: 100;
        left: 51%;
        margin-top: -1px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .career-search-wrapper .btn-search::after, .references-search-wrapper .btn-search::after {
        content: none
    }
}

.career-search-field, .references-search-field-wrapper, .search-teaser-field {
    font-weight: 400;
    line-height: 1;
    letter-spacing: .3px;
    color: #004e9c;
    padding: 5px 16px 8px;
    margin-right: 4px;
    display: inline-block;
    width: -webkit-calc(100% - 49px);
    width: -moz-calc(100% - 49px);
    width: calc(100% - 49px);
    border: 2px solid #004e9c;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    cursor: pointer
}

.career-search-field:focus, .career-search-field:hover, .references-search-field-wrapper:focus, .references-search-field-wrapper:hover, .search-teaser-field:focus, .search-teaser-field:hover {
    outline: 0
}

.career-search-field:placeholder, .references-search-field-wrapper:placeholder, .search-teaser-field:placeholder {
    color: #004e9c
}

.career-filters {
    margin-bottom: 24px
}

@media (min-width: 800px) {
    .career-filters {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -8px 32px
    }
}

.dropdown-career-filter.dropdown {
    margin-top: 2px
}

.dropdown-career-filter.dropdown button {
    -webkit-transition: all;
    -o-transition: all;
    -moz-transition: all;
    transition: all
}

@media (min-width: 800px) {
    .dropdown-career-filter.dropdown {
        margin: 0 8px;
        width: -webkit-calc(100% / 3 - 16px);
        width: -moz-calc(100% / 3 - 16px);
        width: calc(100% / 3 - 16px)
    }
}

.dropdown-career-filter .autocomplete-suggestion, .dropdown-career-filter .link {
    font-weight: 100
}

.dropdown-career-filter .active.autocomplete-suggestion, .dropdown-career-filter .link.active {
    color: #004e9c
}

.dropdown-career-filter .autocomplete-suggestion::before, .dropdown-career-filter .link::before {
    color: #004e9c
}

.dropdown-career-filter .autocomplete-suggestion:hover, .dropdown-career-filter .link:hover {
    color: #004e9c
}

.career-list-results {
    position: relative;
    padding-bottom: 140px
}

.career-list-results + .text-center {
    margin-top: -90px
}

.career-list-results::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 40px;
    left: -webkit-calc(((100vw - 100%) / 2) * (-1));
    left: -moz-calc(((100vw - 100%) / 2) * (-1));
    left: calc(((100vw - 100%) / 2) * (-1));
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    width: 100vw;
    background-color: #ececec
}

.career-list-results.no-more-results {
    padding-bottom: 120px
}

@media (max-width: 799px) {
    .career-list-results.no-more-results {
        padding-bottom: 80px
    }
}

.career-list-results.no-results-wrapper {
    padding: 80px 0
}

.career-list-results.no-results-wrapper::before {
    top: 0;
    height: 100%
}

.career-list-results.no-results-wrapper .no-results {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100;
    position: relative;
    z-index: 1;
    text-align: center
}

@media (max-width: 799px) {
    .career-list-results {
        padding-bottom: 180px
    }
}

.career-result {
    background-color: #fff;
    padding: 24px 16px 20px 24px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    position: relative
}

.career-result .btn-link {
    position: absolute;
    bottom: 20px;
    right: 16px;
    z-index: 2
}

.career-result + .career-result {
    margin-top: 16px
}

@media (max-width: 799px) {
    .career-result {
        padding: 24px 16px 16px
    }
}

.career-overline-title {
    font-size: .75rem;
    font-weight: 600;
    line-height: .9375rem;
    letter-spacing: 1px;
    color: #004e9c;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (max-width: 799px) {
    .career-overline-title {
        font-size: .625rem;
        line-height: 1;
        margin-bottom: 4px
    }
}

.career-info-wrapper {
    margin-bottom: 24px
}

.career-additional-info, .career-title-result {
    font-size: 1.3125rem;
    line-height: 1.75rem;
    margin: 0
}

@media (max-width: 799px) {
    .career-additional-info, .career-title-result {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.career-title-result {
    font-weight: 400
}

.reference-detail-info:nth-child(2) {
    margin-left: 10px
}

.meta-date-info, .meta-location-info {
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.25rem;
    display: inline-block;
    position: relative;
    padding-left: 15px;
    white-space: nowrap;
    vertical-align: middle
}

.meta-date-info::before, .meta-location-info::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.meta-date-info + .career-detail-info, .meta-location-info + .career-detail-info {
    margin-left: 16px
}

@media (max-width: 799px) {
    .meta-date-info + .career-detail-info, .meta-location-info + .career-detail-info {
        margin-left: 12px
    }
}

.meta-location-info {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px
}

.meta-location-info::before {
    content: "T"
}

.meta-date-info::before {
    content: "Y"
}

.link-overlap {
    position: absolute;
    color: transparent;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    cursor: pointer
}

section.contact-person {
    padding-bottom: 0
}

section.contact-person .contact-person-heading {
    margin-bottom: 14px
}

section.contact-person .heading-xxl {
    line-height: 3rem;
    word-break: break-word;
    margin-bottom: 0
}

section.contact-person .white-text {
    color: #fff
}

section.contact-person .black-text {
    color: #000
}

section.contact-person .description-text {
    padding-bottom: 28px
}

section.contact-person .description-text :last-child {
    margin-bottom: 0
}

section.contact-person .contact-background {
    background: #004e9c center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media (max-width: 1199px) {
    section.contact-person .heading-xxl {
        font-size: 1.75rem;
        line-height: 1.75rem
    }

    section.contact-person .description-text {
        padding-bottom: 32px
    }
}

.vertical-offset-top section.contact-person {
    margin-bottom: 80px
}

.vertical-offset-top section.contact-person .contact-background {
    height: -webkit-calc(100% - 200px);
    height: -moz-calc(100% - 200px);
    height: calc(100% - 200px)
}

@media (max-width: 991px) {
    .vertical-offset-top section.contact-person {
        margin-bottom: 0
    }

    .vertical-offset-top section.contact-person .contact-background {
        height: -webkit-calc(100% - 136px);
        height: -moz-calc(100% - 136px);
        height: calc(100% - 136px)
    }
}

.contact-ce {
    position: fixed
}

.contact-ce.active .contacts-info {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.contact-ce .message-icon {
    display: block;
    height: 36px;
    width: 36px;
    background-color: #004e9c;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 11
}

.contact-ce .message-icon::before {
    display: inline-block;
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/contact-person.svg');
    -webkit-background-size: 24px 20px;
    -moz-background-size: 24px 20px;
    -o-background-size: 24px 20px;
    background-size: 24px 20px;
    position: absolute;
    height: 20px;
    width: 24px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 1200px) {
    .contact-ce {
        bottom: 24px;
        margin-bottom: -8px;
        z-index: 10;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
        -webkit-transition: -webkit-transform .05s ease-out .05s;
        transition: -webkit-transform .05s ease-out .05s;
        -o-transition: -o-transform .05s ease-out .05s;
        -moz-transition: transform .05s ease-out .05s, -moz-transform .05s ease-out .05s;
        transition: transform .05s ease-out .05s;
        transition: transform .05s ease-out .05s, -webkit-transform .05s ease-out .05s, -moz-transform .05s ease-out .05s, -o-transform .05s ease-out .05s
    }
}

@media (min-width: 1200px) and (min-width: 576px) {
    .contact-ce {
        left: -webkit-calc((100vw - 540px) / 2 + 540px - 94px);
        left: -moz-calc((100vw - 540px) / 2 + 540px - 94px);
        left: calc((100vw - 540px) / 2 + 540px - 94px)
    }
}

@media (min-width: 1200px) and (min-width: 800px) {
    .contact-ce {
        left: -webkit-calc((100vw - 720px) / 2 + 720px - 94px);
        left: -moz-calc((100vw - 720px) / 2 + 720px - 94px);
        left: calc((100vw - 720px) / 2 + 720px - 94px)
    }
}

@media (min-width: 1200px) and (min-width: 992px) {
    .contact-ce {
        left: -webkit-calc((100vw - 960px) / 2 + 960px - 94px);
        left: -moz-calc((100vw - 960px) / 2 + 960px - 94px);
        left: calc((100vw - 960px) / 2 + 960px - 94px)
    }
}

@media (min-width: 1200px) and (min-width: 1200px) {
    .contact-ce {
        left: -webkit-calc((100vw - 1140px) / 2 + 1140px - 94px);
        left: -moz-calc((100vw - 1140px) / 2 + 1140px - 94px);
        left: calc((100vw - 1140px) / 2 + 1140px - 94px)
    }
}

@media (min-width: 1200px) {
    .contact-ce.bottom-position, .contact-ce.sticky {
        position: fixed;
        z-index: 10;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .contact-ce.bottom-position {
        position: absolute;
        bottom: 0
    }
}

@media (max-width: 1199px) {
    .contact-ce {
        margin-top: 72px;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: -1
    }

    .contact-ce.active {
        z-index: 1004
    }

    .contact-ce .contact-info-wrapper {
        height: 100%
    }

    .contact-ce .message-icon {
        display: none
    }
}

.contacts-info {
    background-color: #fff;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.contacts-info .contact-heading {
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 32px
}

.contacts-info .contact-close {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 16px;
    right: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #000;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.contacts-info .contact-close::after, .contacts-info .contact-close::before {
    content: '';
    display: inline-block;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-bottom: 2px solid #000;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.contacts-info .contact-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.contacts-info .contact-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.contacts-info .contact-close:hover {
    border-color: #004e9c
}

.contacts-info .contact-close:hover::after, .contacts-info .contact-close:hover::before {
    border-color: #004e9c
}

.contacts-info .green {
    color: #004e9c;
    display: block
}

.contacts-info .col-4 {
    padding-left: 0
}

.contacts-info .contacts-info {
    font-weight: 100
}

@media (min-width: 1200px) {
    .contacts-info {
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        z-index: -1;
        padding: 32px;
        width: 630px;
        max-width: -webkit-calc(100vw - 45px);
        max-width: -moz-calc(100vw - 45px);
        max-width: calc(100vw - 45px)
    }

    .contacts-info.active {
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
        padding: 30px
    }
}

@media (max-width: 1199px) {
    .contacts-info {
        height: 100%;
        padding: 32px 0
    }

    .contacts-info .contact-content {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-right: 15px;
        padding-left: 15px;
        margin: 0 auto
    }
}

@media (max-width: 1199px) and (min-width: 576px) {
    .contacts-info .contact-content {
        width: 540px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 800px) {
    .contacts-info .contact-content {
        width: 720px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .contacts-info .contact-content {
        width: 960px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 1200px) {
    .contacts-info .contact-content {
        width: 1140px;
        max-width: 100%
    }
}

@media (max-width: 1199px) and (min-width: 576px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) and (min-width: 800px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) and (min-width: 1200px) {
    .contacts-info .contact-content {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width: 1199px) {
    .contacts-info img {
        max-height: 25vh;
        max-width: 100%;
        width: auto
    }

    .contacts-info .col-12 {
        padding: 0
    }

    .contacts-info .col-4 {
        padding-right: 0
    }
}

.contacts-info .h4 {
    font-size: 1.25rem
}

.contacts-info .h4 span {
    display: block
}

.contacts-info .contact-info-wrapper {
    position: relative;
    display: block
}

.contacts-info .contact-info-wrapper h4 {
    text-transform: uppercase;
    font-weight: 800
}

.contacts-info .contact-info-wrapper h4 + .contact-element {
    margin-top: 32px
}

.contacts-info .contact-info-wrapper [class*=col]:first-child {
    padding-left: 0
}

.contacts-info .contact-info-wrapper [class*=col]:nth-child(2), .contacts-info .contact-info-wrapper [class*=col]:nth-child(3) {
    padding-right: 0
}

@media (max-width: 1199px) {
    .contacts-info .contact-info-wrapper [class*=col]:first-child {
        padding-right: 0
    }

    .contacts-info .contact-info-wrapper [class*=col]:last-child {
        padding-right: 0;
        padding-left: 0
    }
}

.contacts-info .contact-info-wrapper .contact-name {
    display: block;
    margin-bottom: 0
}

.contacts-info .contact-info-wrapper .contact-position {
    margin-bottom: 8px;
    display: block
}

.contact-element .contact-name {
    display: block;
    margin-bottom: 0;
    line-height: 1.75rem
}

.contact-element .contact-position {
    display: inline-block;
    font-weight: 100;
    color: #868685;
    margin-bottom: 8px;
    line-height: 1.3125rem;
    word-break: break-word
}

.contact-element .img-wrapper {
    position: relative;
    width: 112px;
    max-height: 146px;
    margin-right: 15px;
    display: inline-block;
    float: left
}

.contact-element .img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 133.33333%
}

.contact-element .img-wrapper > img, .contact-element .img-wrapper > picture, .contact-element .img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.contact-element .img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.contact-element .img-wrapper .image {
    height: 100%
}

@media (max-width: 1199px) {
    .contact-element .img-wrapper {
        width: 99px;
        max-height: 128px
    }
}

@media (min-width: 1200px) {
    .contact-element .contact-wrapper {
        display: inline-block;
        margin-left: 14px;
        width: 100%;
        max-width: -webkit-calc(100% - 189px);
        max-width: -moz-calc(100% - 189px);
        max-width: calc(100% - 189px)
    }
}

@media (max-width: 1199px) {
    .contact-element .contact-wrapper:not(.contact-info) {
        display: inline-block;
        width: 100%;
        max-width: -webkit-calc(100% - 114px);
        max-width: -moz-calc(100% - 114px);
        max-width: calc(100% - 114px)
    }
}

.contact-element:not(:last-child) {
    margin-bottom: 30px
}

.contact-ce .phone::before, .contact-person .phone::before, .contacts-info .phone::before, .tx-hk-locations .phone::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/phone.svg')
}

.contact-ce .fax::before, .contact-person .fax::before, .contacts-info .fax::before, .tx-hk-locations .fax::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/fax.svg')
}

.contact-ce .email::before, .contact-person .email::before, .contacts-info .email::before, .tx-hk-locations .email::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/email.svg')
}

.contact-ce .v-card::before, .contact-person .v-card::before, .contacts-info .v-card::before, .tx-hk-locations .v-card::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/vcard.svg')
}

.contact-info {
    color: #3a3a3a
}

.contact-info > a, .contact-info > span {
    display: block;
    padding-left: 24px;
    position: relative
}

.contact-info > a::before, .contact-info > span::before {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    content: '';
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
    position: absolute;
    height: 14px;
    width: 14px;
    top: 50%;
    left: 0
}

.contact-info a {
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    color: #3a3a3a;
    line-height: 1.75rem;
    font-weight: 100
}

.contact-info a:hover {
    color: #004e9c
}

.contact-info.white-text > a::before, .contact-info.white-text > span::before {
    color: #fff
}

.contact-info.white-text .phone::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/phone-white.svg')
}

.contact-info.white-text .fax::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/fax.svg')
}

.contact-info.white-text .email::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/email-white.svg')
}

.contact-info.white-text .v-card::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/vcard-white.svg')
}

.contact-info.white-text a {
    color: #fff
}

.contact-info.white-text a:hover {
    color: #3a3a3a
}

@media (max-width: 1199px) {
    .contact-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-top: 15px;
        width: 100%
    }

    .contact-info > a {
        border: 2px solid #004e9c;
        padding: 8px;
        width: -webkit-calc(33.33% - 10px);
        width: -moz-calc(33.33% - 10px);
        width: calc(33.33% - 10px);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(33.33% - 10px);
        -moz-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 10px);
        flex: 0 0 calc(33.33% - 10px);
        text-align: center;
        height: 40px;
        overflow: hidden;
        color: transparent;
        text-indent: -9999px
    }

    .contact-info > a:first-child {
        margin-right: 15px
    }

    .contact-info > a:last-child {
        margin-left: 15px
    }

    .contact-info > a::before {
        -webkit-background-size: 20px 22px;
        -moz-background-size: 20px 22px;
        -o-background-size: 20px 22px;
        background-size: 20px 22px;
        background-repeat: no-repeat;
        height: 22px;
        width: 22px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .contact-info > a span {
        display: none
    }

    .contact-info .v-card::before {
        width: 28px;
        height: 20px;
        -webkit-background-size: 27px 20px;
        -moz-background-size: 27px 20px;
        -o-background-size: 27px 20px;
        background-size: 27px 20px
    }

    .contact-info.white-text > a {
        border: 2px solid #fff
    }
}

.single-contact-person {
    padding: 130px 0
}

.single-contact-person .img-wrapper {
    position: relative
}

.single-contact-person .img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 133.33333%
}

.single-contact-person .img-wrapper > img, .single-contact-person .img-wrapper > picture, .single-contact-person .img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.single-contact-person .img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.single-contact-person .img-wrapper picture {
    z-index: 1
}

.single-contact-person .img-wrapper img {
    height: 100%;
    -webkit-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .2);
    -moz-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .2);
    box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .2)
}

.single-contact-person .contact-info a span {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.single-contact-person .contact-info a:hover {
    color: #fff
}

@media (min-width: 800px) {
    .single-contact-person .flex-md-last {
        position: absolute;
        top: 50%;
        right: -webkit-calc(100% / 12);
        right: -moz-calc(100% / 12);
        right: calc(100% / 12);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 800px) and (max-width: 1199px) {
    .single-contact-person {
        padding: 80px 0
    }

    .single-contact-person .contact-info {
        display: block
    }

    .single-contact-person .contact-info a {
        border: 0;
        width: 100%;
        display: inline-block;
        text-align: left;
        padding: 0 0 0 24px;
        height: auto;
        margin: 0
    }

    .single-contact-person .contact-info a::before {
        left: 0;
        -webkit-background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        -o-background-size: 14px 14px;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .single-contact-person .contact-info span {
        display: inline-block
    }
}

@media (max-width: 799px) {
    .single-contact-person {
        padding: 80px 0
    }

    .single-contact-person .img-wrapper::after {
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px);
        left: 16px
    }

    .single-contact-person .flex-md-last {
        padding-right: 0
    }

    .single-contact-person .flex-md-last .img-wrapper {
        height: 100%;
        width: 112px;
        max-height: 146px
    }

    .single-contact-person .contact-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
        padding-left: 15px
    }

    .single-contact-person .contact-info a {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0
    }

    .single-contact-person .contact-info a + * {
        margin-top: 13px
    }
}

.contact-person .group-contact-persons {
    padding: 120px 0 88px
}

.contact-person .group-contact-persons .description-text {
    padding-bottom: 80px
}

.contact-person .group-contact-persons .contact-element {
    background-color: #fff;
    padding: 24px;
    margin-bottom: 32px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    height: -webkit-calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: calc(100% - 32px)
}

.contact-person .group-contact-persons .contact-element .contact-wrapper {
    margin-left: 9px
}

@media (max-width: 1199px) {
    .contact-person .group-contact-persons .description-text {
        padding-bottom: 56px
    }

    .contact-person .group-contact-persons .contact-element {
        padding: 16px
    }

    .contact-person .group-contact-persons .contact-element .contact-wrapper {
        margin-left: 0
    }

    .contact-person .group-contact-persons .contact-element .contact-wrapper .contact-name {
        line-height: 1.5rem
    }

    .contact-person .group-contact-persons .contact-element .contact-info {
        padding-top: 24px
    }
}

@media (max-width: 991px) {
    .contact-person .group-contact-persons {
        padding: 80px 0 64px
    }

    .contact-person .group-contact-persons .contact-element {
        margin-bottom: 16px
    }
}

@media (max-width: 799px) {
    .contact-person .group-contact-persons .contact-info {
        margin-bottom: 16px
    }
}

.main-nav .contact-person::after, .main-nav .contact-person::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-nav .contact-person::before {
    z-index: 1;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.main-nav .contact-person::after {
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/close-mobile.svg');
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    opacity: 0;
    width: 20px;
    height: 20px;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.main-nav .contact-person.toggled::before {
    opacity: 0;
    z-index: 0
}

.main-nav .contact-person.toggled::after {
    opacity: 1;
    z-index: 1
}

.image-block {
    position: relative;
    min-height: 802px;
    max-height: 100vh;
    padding-top: 200px
}

.image-block [class^=col-]:first-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.image-block .content {
    color: #fff
}

@media (max-width: 991px) {
    .image-block .content {
        margin-bottom: 24px
    }
}

@media (max-width: 991px) {
    .image-block {
        padding-top: 120px
    }
}

.list-elements [class^=heading-], .list-elements h1, .list-elements h2, .list-elements h3, .list-elements h4, .list-elements h5, .list-elements h6, .list-elements p {
    word-break: break-word
}

.list-elements.green .elements-wrapper .element .popup::after, .list-elements.green .elements-wrapper .element .popup::before {
    right: 2px;
    bottom: 2px
}

.list-elements.green:not(.board-management) .element {
    color: #181818
}

.list-elements.green.board-management .element {
    color: #fff
}

.list-elements.green.board-management .btn-link:not(:hover), .list-elements.green.board-management .btn-link:not(:hover)::before {
    color: #004e9c
}

@media (max-width: 799px) {
    .list-elements.green.board-management .btn-link:not(:hover), .list-elements.green.board-management .btn-link:not(:hover)::before {
        color: #fff
    }
}

@media (max-width: 799px) {
    .list-elements.green.board-management .btn-link {
        border-color: #fff
    }
}

.list-elements.board-management.grey::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ececec));
    background: -webkit-linear-gradient(top, #fcfcfc 0, #ececec 100%);
    background: -moz-linear-gradient(top, #fcfcfc 0, #ececec 100%);
    background: -o-linear-gradient(top, #fcfcfc 0, #ececec 100%);
    background: linear-gradient(180deg, #fcfcfc 0, #ececec 100%)
}

@media (max-width: 799px) {
    .list-elements .heading-margin-bottom {
        margin-bottom: 42px
    }
}

.list-elements .elements-wrapper {
    margin-top: 34px
}

.list-elements .elements-wrapper [class^=col-] {
    margin-top: 30px
}

.list-elements .elements-wrapper .element {
    position: relative;
    background-color: #fff;
    height: 100%;
    padding: 32px 16px;
    -webkit-box-shadow: 0 20px 40px -16px rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 20px 40px -16px rgba(24, 24, 24, .15);
    box-shadow: 0 20px 40px -16px rgba(24, 24, 24, .15)
}

.list-elements .elements-wrapper .element.with-brand-img .heading {
    font-weight: 100;
    padding-top: 32px;
    border-top: 1px solid #d9d9d9
}

.list-elements .elements-wrapper .element.with-brand-img img {
    height: 82px;
    padding-bottom: 32px;
    margin-bottom: 28px;
    border-bottom: 1px solid #d9d9d9
}

.list-elements .elements-wrapper .element .heading {
    font-size: 1rem;
    line-height: 1.5rem
}

.list-elements .elements-wrapper .element .popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.list-elements .elements-wrapper .element .popup::after, .list-elements .elements-wrapper .element .popup::before {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    bottom: 0;
    right: 0
}

.list-elements .elements-wrapper .element .popup::before {
    content: '+';
    color: #fff;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center;
    line-height: 28px
}

.list-elements .elements-wrapper .element .popup::after {
    content: '';
    background-color: #004e9c
}

@media (max-width: 799px) {
    .list-elements .elements-wrapper {
        margin-top: 8px
    }
}

.hero {
    position: relative
}

.hero .background {
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.hero .background::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.hero .background > img, .hero .background > picture, .hero .background > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.hero .background > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .hero .background {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        left: -15px
    }
}

.hero .content {
    position: absolute;
    width: 100%;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%)
}

.hero .content .main-heading, .hero .content .video-text {
    margin-bottom: 15px
}

@media (max-width: 799px) {
    .hero .content .main-heading, .hero .content .video-text {
        margin-top: 32px
    }
}

.hero .content .text {
    margin-bottom: 28px
}

.hero .content .text p {
    margin-bottom: 0
}

@media (max-width: 799px) {
    .hero .content {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .hero .content .heading {
        margin-bottom: 0
    }
}

.hero .elements-wrapper {
    margin-top: 10px
}

.hero .elements-wrapper .element {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.hero .elements-wrapper .element .img-wrapper {
    position: relative;
    margin-bottom: 16px
}

.hero .elements-wrapper .element .heading {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: 16px;
    margin-bottom: 0
}

.hero .elements-wrapper .element p {
    margin-bottom: 0
}

@media (max-width: 799px) {
    .hero .elements-wrapper {
        margin-top: 0
    }
}

.tx-hk-locations {
    background: #fff
}

.tx-hk-locations .bottom-section, .tx-hk-locations .keyvisual-wrapper {
    background: center/cover no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.tx-hk-locations .keyvisual-wrapper {
    position: relative;
    overflow: visible;
    margin-top: -72px;
    background-color: #d9d9d9
}

.tx-hk-locations .keyvisual-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.tx-hk-locations .keyvisual-wrapper > img, .tx-hk-locations .keyvisual-wrapper > picture, .tx-hk-locations .keyvisual-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.tx-hk-locations .keyvisual-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.tx-hk-locations .keyvisual-wrapper .keyvisual-background {
    background: #fff
}

.tx-hk-locations .keyvisual-wrapper .keyvisual-background::after, .tx-hk-locations .keyvisual-wrapper .keyvisual-background::before {
    content: none
}

.tx-hk-locations .keyvisual-wrapper .keyvisual-content-wrapper {
    position: absolute;
    top: 72px;
    left: 0;
    height: -webkit-calc(100% - 72px);
    height: -moz-calc(100% - 72px);
    height: calc(100% - 72px);
    width: 100%
}

.tx-hk-locations .keyvisual-wrapper .huge-text {
    font-size: 2.25rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 60px rgba(24, 24, 24, .5);
    word-break: break-word
}

.tx-hk-locations .locations-additional-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tx-hk-locations .dropdown-container {
    width: 100%;
    padding-top: 32px
}

.tx-hk-locations .dropdown-container .dropdown {
    max-width: 345px;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    border-color: #fff
}

.tx-hk-locations .dropdown-container .dropdown.show {
    border-color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .btn-toggle {
    background-color: #fff;
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .btn-toggle.btn-indicator .loader-icon {
    border: 2px solid #004e9c;
    border-top: 2px solid transparent
}

.tx-hk-locations .dropdown-container .dropdown.show .btn-toggle::after {
    color: #004e9c;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field::-webkit-input-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field:-moz-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field::-moz-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .dropdown.show .search-dropdown-field:-ms-input-placeholder {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .btn-toggle {
    background-color: rgba(255, 255, 255, .15);
    color: #fff;
    padding: 0
}

.tx-hk-locations .dropdown-container .btn-toggle.btn-indicator::after {
    content: none
}

.tx-hk-locations .dropdown-container .btn-toggle::after {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'F';
    font-size: .625rem;
    color: #004e9c;
    line-height: 1.313rem;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
    color: #fff;
    height: auto;
    width: auto;
    right: 17px;
    top: 50%;
    margin-top: -5px;
    line-height: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out;
    pointer-events: none
}

.tx-hk-locations .dropdown-container .search-dropdown-field {
    display: inline-block;
    height: 40px;
    color: #fff;
    border: 0;
    background-color: transparent;
    width: 100%;
    padding: 0 39px 0 14px;
    line-height: 40px;
    cursor: pointer
}

.tx-hk-locations .dropdown-container .search-dropdown-field, .tx-hk-locations .dropdown-container .search-dropdown-field:focus {
    outline: 0
}

.tx-hk-locations .dropdown-container .search-dropdown-field::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .search-dropdown-field:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .search-dropdown-field::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .search-dropdown-field:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.tx-hk-locations .dropdown-container .autocomplete-suggestions, .tx-hk-locations .dropdown-container .no-results {
    padding: 2px 14px;
    position: absolute;
    border: 2px solid #004e9c;
    border-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    width: -webkit-calc(100% + 4px) !important;
    width: -moz-calc(100% + 4px) !important;
    width: calc(100% + 4px) !important;
    left: -2px;
    z-index: 5 !important;
    overflow: hidden
}

.tx-hk-locations .dropdown-container .no-results {
    font-size: 1rem;
    line-height: 1.3125rem;
    padding-bottom: 14px
}

.tx-hk-locations .dropdown-container .locations-country-selector a, .tx-hk-locations .dropdown-container .locations-country-selector li {
    font-weight: 100;
    line-height: 1.3125rem
}

.tx-hk-locations .dropdown-container .locations-country-selector a:focus, .tx-hk-locations .dropdown-container .locations-country-selector a:hover, .tx-hk-locations .dropdown-container .locations-country-selector li:focus, .tx-hk-locations .dropdown-container .locations-country-selector li:hover {
    color: #004e9c
}

.tx-hk-locations .dropdown-container .locations-country-selector a + li, .tx-hk-locations .dropdown-container .locations-country-selector li + li {
    margin-top: 10px
}

.tx-hk-locations .dropdown-container .locations-country-selector a::before {
    top: 5px
}

.tx-hk-locations .title {
    display: block;
    font-weight: 400
}

.tx-hk-locations .bottom-section {
    padding-top: 140px;
    padding-bottom: 80px;
    background-color: #004e9c
}

.tx-hk-locations .bottom-section .paragraph-thicker-size {
    color: #fff;
    margin-bottom: 32px;
    font-weight: 400
}

.tx-hk-locations .bottom-section .locations-columns {
    margin-bottom: 30px
}

@media (max-width: 799px) {
    .tx-hk-locations .bottom-section .locations-columns {
        margin-bottom: 0
    }

    .tx-hk-locations .bottom-section .locations-columns > div {
        margin-bottom: 16px
    }
}

.tx-hk-locations .bottom-section .locations-columns .location-item {
    background-color: #fff;
    padding: 16px 24px 24px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

@media (min-width: 800px) {
    .tx-hk-locations .bottom-section .locations-columns .location-item {
        height: 100%
    }
}

[class*=col-] .tx-hk-locations .bottom-section .locations-columns:not(:last-child) {
    margin-bottom: 14px
}

.tx-hk-locations .bottom-section .title {
    padding-bottom: 14px
}

.tx-hk-locations .bottom-section .description {
    font-size: 1rem
}

.tx-hk-locations .bottom-section .description * {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 0
}

.tx-hk-locations .bottom-section .address, .tx-hk-locations .bottom-section .contact-info {
    color: #3a3a3a;
    font-weight: 100
}

.tx-hk-locations .contact-items[item-count='1'] + .bottom-section {
    padding-top: 100px
}

.tx-hk-locations .contact-items[item-count='1']:not(:last-child) {
    margin-bottom: 0
}

.tx-hk-locations .contact-items + .bottom-section {
    padding-top: 136px
}

.tx-hk-locations .contact-items:not(:last-child) {
    margin-bottom: -72px
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items {
        margin-top: 30px
    }
}

.tx-hk-locations .contact-items:last-child {
    margin-bottom: 120px
}

@media (min-width: 800px) {
    .row .tx-hk-locations .contact-items:not(:last-child) {
        margin-bottom: 33px
    }
}

@media (max-width: 799px) {
    .row .tx-hk-locations .contact-items:not(:last-child) .contact-info-wrapper {
        margin-bottom: 33px
    }
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items .row:last-child .col-md-6:first-child .contact-info-wrapper {
        margin-bottom: 33px
    }
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items .row:last-child .col-md-6:first-child .contact-info-wrapper {
        margin-bottom: auto
    }
}

@media (max-width: 799px) {
    .tx-hk-locations .contact-items .row > div {
        margin-bottom: 16px
    }
}

.tx-hk-locations .contact-items .contact-info-wrapper {
    background-color: #fff;
    padding: 16px 24px 24px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.tx-hk-locations .contact-items .contact-info-wrapper .sub-title {
    display: block;
    font-weight: 100;
    color: #868685;
    margin-top: -2px
}

@media (min-width: 800px) {
    .tx-hk-locations .keyvisual-wrapper {
        position: relative;
        position: relative
    }

    .tx-hk-locations .keyvisual-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .tx-hk-locations .keyvisual-wrapper > img, .tx-hk-locations .keyvisual-wrapper > picture, .tx-hk-locations .keyvisual-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .tx-hk-locations .keyvisual-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .tx-hk-locations .keyvisual-wrapper .keyvisual-content-wrapper {
        padding: 120px 0 125px
    }

    .tx-hk-locations .keyvisual-wrapper .huge-text {
        font-size: 4.5rem;
        line-height: 4.5rem;
        margin-bottom: 0
    }

    .tx-hk-locations .bottom-section {
        padding-top: 100px;
        padding-bottom: 90px
    }

    .tx-hk-locations .bottom-section .address + .contact-info {
        margin-top: 14px
    }

    [class*=col-] .tx-hk-locations .bottom-section .locations-columns:last-child, [class*=col-] .tx-hk-locations .bottom-section .locations-columns:not(:last-child) {
        margin-bottom: 30px
    }

    .tx-hk-locations .bottom-section .locations-columns .location-item {
        padding: 24px
    }

    .tx-hk-locations .contact-items {
        margin-bottom: -80px;
        margin-top: -70px;
        min-height: 335px
    }

    .tx-hk-locations .contact-items[item-count='1'] + .bottom-section, .tx-hk-locations .contact-items[item-count='2'] + .bottom-section {
        padding-top: 120px
    }

    .tx-hk-locations .contact-items[item-count='1']:not(:last-child), .tx-hk-locations .contact-items[item-count='2']:not(:last-child) {
        margin-bottom: -55px
    }

    .tx-hk-locations .contact-items:not(:last-child) {
        margin-bottom: -113px
    }

    .tx-hk-locations .contact-items .row {
        margin-bottom: 33px
    }

    .tx-hk-locations .contact-items + .bottom-section {
        padding-top: 200px
    }

    .tx-hk-locations .contact-items .contact-info-wrapper {
        padding: 24px;
        height: 100%
    }

    .tx-hk-locations .contact-items .contact-info-wrapper .contact-info {
        margin-top: 8px
    }

    .tx-hk-locations .contact-items .contact-info-wrapper .contact-info a {
        display: inline-block;
        white-space: nowrap;
        margin-right: 100%
    }
}

@media (min-width: 1200px) {
    .tx-hk-locations .keyvisual-wrapper {
        margin-top: -163px
    }

    .tx-hk-locations .keyvisual-wrapper .keyvisual-content-wrapper {
        top: 170px;
        height: -webkit-calc(100% - 170px);
        height: -moz-calc(100% - 170px);
        height: calc(100% - 170px)
    }
}

.magnific-modal {
    max-height: 75%;
    background-color: #fcfcfc;
    padding: 0;
    overflow: hidden;
    -webkit-animation-name: fadeInUp200;
    -moz-animation-name: fadeInUp200;
    -o-animation-name: fadeInUp200;
    animation-name: fadeInUp200;
    margin-left: 0;
    margin-right: 0
}

.magnific-modal .modal-image-holder {
    width: 101%
}

@media (min-width: 800px) {
    .magnific-modal.layout-modal-square .modal-image-holder, .magnific-modal.layout-modal-square .video-wrapper {
        position: relative
    }

    .magnific-modal.layout-modal-square .modal-image-holder::before, .magnific-modal.layout-modal-square .video-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .magnific-modal.layout-modal-square .modal-image-holder > img, .magnific-modal.layout-modal-square .modal-image-holder > picture, .magnific-modal.layout-modal-square .modal-image-holder > video, .magnific-modal.layout-modal-square .video-wrapper > img, .magnific-modal.layout-modal-square .video-wrapper > picture, .magnific-modal.layout-modal-square .video-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .magnific-modal.layout-modal-square .modal-image-holder > video, .magnific-modal.layout-modal-square .video-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder, .magnific-modal.layout-modal-portrait .video-wrapper {
        position: relative
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder::before, .magnific-modal.layout-modal-portrait .video-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 150%
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder > img, .magnific-modal.layout-modal-portrait .modal-image-holder > picture, .magnific-modal.layout-modal-portrait .modal-image-holder > video, .magnific-modal.layout-modal-portrait .video-wrapper > img, .magnific-modal.layout-modal-portrait .video-wrapper > picture, .magnific-modal.layout-modal-portrait .video-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .magnific-modal.layout-modal-portrait .modal-image-holder > video, .magnific-modal.layout-modal-portrait .video-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (max-width: 799px) {
    .magnific-modal {
        overflow-y: auto;
        height: 100%;
        width: 100%;
        min-height: -webkit-calc(100vh - 30px);
        min-height: -moz-calc(100vh - 30px);
        min-height: calc(100vh - 30px);
        max-height: -webkit-calc(100% - 30px);
        max-height: -moz-calc(100% - 30px);
        max-height: calc(100% - 30px);
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px)
    }
}

@media (min-width: 800px) {
    .magnific-modal .modal-teaser-column {
        height: 100%
    }

    .magnific-modal .modal-teaser-column::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 10px;
        height: 80px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fcfcfc));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fcfcfc 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fcfcfc 100%)
    }
}

.magnific-modal .modal-teaser-inner {
    padding: 32px 15px;
    width: 100%
}

@media (min-width: 800px) {
    .magnific-modal .modal-teaser-inner {
        position: absolute;
        height: 100%;
        padding: 0 0 0 32px;
        overflow-y: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -moz-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .magnific-modal .modal-teaser-inner .mCSB_container {
        padding: 32px 0
    }
}

.magnific-modal .modal-teaser-text {
    width: 100%
}

.magnific-modal .modal-teaser-text h4 {
    line-height: 1.75rem;
    margin-bottom: 14px
}

.magnific-modal .modal-teaser-text p:last-child::after {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: 32px;
    left: 0;
    width: 100%;
    background: #fff
}

.magnific-modal .modal-teaser-branding-image {
    z-index: 1;
    width: 100%
}

.magnific-modal .image {
    position: relative;
    height: 100%;
    width: 100%
}

.magnific-modal .brand-image {
    margin-top: 60px;
    width: auto;
    max-width: 100%;
    height: 50px
}

@media (min-width: 800px) {
    .magnific-modal .brand-image {
        margin-top: 40px
    }
}

.magnific-modal .mfp-close, .magnific-modal + .mfp-close {
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    -webkit-transition: border-color .5s;
    -o-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
    top: 16px;
    right: 17px;
    line-height: 1;
    opacity: 0
}

.magnific-modal .mfp-close::after, .magnific-modal .mfp-close::before, .magnific-modal + .mfp-close::after, .magnific-modal + .mfp-close::before {
    content: '';
    background-color: #fff;
    height: 2px;
    width: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.magnific-modal .mfp-close::before, .magnific-modal + .mfp-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.magnific-modal .mfp-close::after, .magnific-modal + .mfp-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.magnific-modal .mfp-close:focus, .magnific-modal + .mfp-close:focus {
    outline: 0
}

.magnific-modal .mfp-close:hover, .magnific-modal + .mfp-close:hover {
    border-color: #004e9c
}

.magnific-modal .mfp-close:hover::after, .magnific-modal .mfp-close:hover::before, .magnific-modal + .mfp-close:hover::after, .magnific-modal + .mfp-close:hover::before {
    background-color: #004e9c;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    transition: background-color .5s ease
}

@media (max-width: 799px) {
    .magnific-modal .mfp-close.sticky, .magnific-modal + .mfp-close.sticky {
        position: fixed;
        top: 30px;
        right: 32px;
        background-color: #004e9c;
        border: 0
    }

    .magnific-modal .mfp-close.sticky::after, .magnific-modal .mfp-close.sticky::before, .magnific-modal + .mfp-close.sticky::after, .magnific-modal + .mfp-close.sticky::before {
        background-color: #fff
    }

    .magnific-modal .mfp-close:hover, .magnific-modal + .mfp-close:hover {
        border-color: #fff
    }
}

.magnific-modal .index-add {
    z-index: 999;
    position: relative
}

.magnific-modal.close-button-black .mfp-close {
    border: 2px solid #000
}

.magnific-modal.close-button-black .mfp-close::after, .magnific-modal.close-button-black .mfp-close::before {
    background: #000
}

.magnific-modal.close-button-black .mfp-close:hover {
    border: 2px solid #004e9c
}

.magnific-modal.close-button-black .mfp-close:hover::after, .magnific-modal.close-button-black .mfp-close:hover::before {
    background: #004e9c
}

.magnific-modal video {
    display: block;
    width: 100%
}

.mfp-fade .magnific-modal {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.mfp-fade.mfp-bg {
    opacity: 0;
    background: #181818;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.mfp-fade.mfp-ready .mfp-close {
    opacity: 1
}

.mfp-fade.mfp-ready.mfp-removing .mfp-close {
    display: none
}

.mfp-fade.mfp-ready.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-fade.mfp-ready.mfp-bg {
    opacity: .8;
    background: #181818;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.mfp-removing .magnific-modal {
    -webkit-animation-name: fadeOutDown200;
    -moz-animation-name: fadeOutDown200;
    -o-animation-name: fadeOutDown200;
    animation-name: fadeOutDown200
}

.mfp-gallery img.mfp-img {
    max-height: 75vh !important;
    max-width: -webkit-calc(100vw - 30px);
    max-width: -moz-calc(100vw - 30px);
    max-width: calc(100vw - 30px);
    padding: 0
}

@media (min-width: 1920px) {
    .mfp-gallery img.mfp-img {
        max-width: 1920px
    }
}

.mfp-gallery .mfp-arrow {
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
    opacity: 1;
    height: 30px;
    width: 30px;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mfp-gallery .mfp-arrow::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    position: absolute;
    width: 21px;
    height: 15px;
    color: #fff;
    font-weight: 800;
    border: 0;
    opacity: 1;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear
}

.mfp-gallery .mfp-arrow:hover::before {
    color: #004e9c
}

.mfp-gallery .mfp-arrow::after {
    content: none
}

.mfp-gallery .mfp-arrow.mfp-arrow-left {
    left: 32px
}

@media (max-width: 799px) {
    .mfp-gallery .mfp-arrow.mfp-arrow-left {
        left: 16px
    }
}

.mfp-gallery .mfp-arrow.mfp-arrow-right {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: 32px
}

@media (max-width: 799px) {
    .mfp-gallery .mfp-arrow.mfp-arrow-right {
        right: 16px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (max-width: 799px) {
    .mfp-gallery .mfp-arrow {
        top: auto;
        bottom: 32px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.mfp-with-zoom .mfp-container {
    padding: 15px;
    height: 100%
}

.mfp-with-zoom .mfp-figure::after {
    content: none
}

.mfp-with-zoom .mfp-content .mfp-close {
    display: none
}

.mfp-with-zoom .mfp-close {
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 32px;
    right: 32px;
    cursor: pointer;
    opacity: 1
}

.mfp-with-zoom .mfp-close::before {
    font-family: Univers;
    content: '+';
    position: absolute;
    font-size: 42px;
    font-weight: 100;
    width: 32px;
    height: 32px;
    line-height: 23px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.mfp-with-zoom .mfp-close:hover {
    background-color: transparent !important
}

@media (max-width: 799px) {
    .mfp-with-zoom .mfp-close {
        top: 16px;
        right: 16px
    }
}

.mfp-with-zoom .mfp-bottom-bar {
    position: relative;
    margin-top: 0
}

.mfp-with-zoom .mfp-bottom-bar .mfp-title, .mfp-with-zoom .mfp-bottom-bar .mfp-title p {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 12px
}

@media (min-width: 800px) {
    .mfp-with-zoom .mfp-bottom-bar .mfp-title, .mfp-with-zoom .mfp-bottom-bar .mfp-title p {
        text-align: center
    }
}

.mfp-with-zoom .mfp-bottom-bar .mfp-counter {
    position: fixed;
    top: auto;
    bottom: 32px;
    right: 32px;
    font-size: .94rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px
}

@media (max-width: 799px) {
    .mfp-with-zoom .mfp-bottom-bar .mfp-counter {
        left: 50%;
        right: auto;
        bottom: 22px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 799px) {
    .mfp-with-zoom .mfp-container {
        height: 100%;
        padding: 0 15px
    }
}

.mfp-iframe-holder .mfp-content {
    max-width: none
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0)
}

@-webkit-keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        -webkit-transform: translate3d(0, 67px, 0);
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-moz-keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        -moz-transform: translate3d(0, 67px, 0);
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-o-keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        transform: translate3d(0, 65px, 0);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes fadeInUpNewsCustom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 65px, 0);
        -moz-transform: translate3d(0, 65px, 0);
        transform: translate3d(0, 65px, 0);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    15% {
        opacity: .3;
        -webkit-transform: translate3d(0, 67px, 0);
        -moz-transform: translate3d(0, 67px, 0);
        transform: translate3d(0, 67px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.newsroom-wrapper {
    margin-bottom: 80px;
    margin-top: 40px
}

.newsroom-wrapper .fa-facebook::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/facebook.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-youtube::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/youtube.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-instagram::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/instagram.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-linkedin::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/linkedin.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-youku::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/youku.svg');
    display: block;
    width: 30px
}

.newsroom-wrapper .fa-wechat {
    height: 30px;
    background-color: #fff
}

.newsroom-wrapper .plugin-header {
    color: #004e9c;
    text-align: center;
    margin: 0 auto 56px
}

.newsroom-wrapper .tabs .tabs-wrap {
    margin-bottom: 32px
}

.newsroom-wrapper .news-item-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5
}

.newsroom-wrapper .news-item-link:hover + .instagram-image .instagram-text {
    opacity: 1;
    visibility: visible
}

@media (min-width: 992px) {
    .newsroom-wrapper .slide {
        width: -webkit-calc(100% / 3 - 18px) !important;
        width: -moz-calc(100% / 3 - 18px) !important;
        width: calc(100% / 3 - 18px) !important
    }
}

@media (min-width: 800px) {
    .newsroom-wrapper {
        margin-top: 80px;
        margin-bottom: 120px
    }

    .newsroom-wrapper .plugin-header {
        margin-bottom: 80px
    }

    .newsroom-wrapper .hidden {
        visibility: hidden
    }

    .newsroom-wrapper .custom-slider {
        height: auto !important
    }

    .newsroom-wrapper .custom-slider .slide-content-wrapper {
        margin-left: 0
    }

    .newsroom-wrapper .custom-slider .grid-item {
        opacity: 0;
        -webkit-transition: opacity .03s linear 5ms;
        -o-transition: opacity .03s linear 5ms;
        -moz-transition: opacity .03s linear 5ms;
        transition: opacity .03s linear 5ms
    }

    .newsroom-wrapper .slide {
        height: auto !important;
        opacity: 1 !important;
        left: 0
    }

    .newsroom-wrapper .slide.ghost-slide, .newsroom-wrapper .slide.next {
        left: 0
    }

    .newsroom-wrapper .slide.duplicate-slide {
        display: none
    }

    .newsroom-wrapper .qty-slides {
        display: none
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .newsroom-wrapper .slide {
        width: -webkit-calc(50% - 14px) !important;
        width: -moz-calc(50% - 14px) !important;
        width: calc(50% - 14px) !important
    }
}

.newsroom-wrapper .grid-item, .newsroom-wrapper .grid-sizer, .newsroom-wrapper .stamp {
    width: -webkit-calc(33.3% - 18px);
    width: -moz-calc(33.3% - 18px);
    width: calc(33.3% - 18px);
    height: auto
}

@media (max-width: 991px) {
    .newsroom-wrapper .grid-item, .newsroom-wrapper .grid-sizer, .newsroom-wrapper .stamp {
        width: -webkit-calc(50% - 14px);
        width: -moz-calc(50% - 14px);
        width: calc(50% - 14px)
    }
}

@media (max-width: 799px) {
    .newsroom-wrapper .grid-item, .newsroom-wrapper .grid-sizer, .newsroom-wrapper .stamp {
        width: 100%;
        display: none
    }
}

@media (max-width: 799px) {
    .newsroom-wrapper .grid-sizer {
        display: none
    }
}

.newsroom-wrapper .stamp {
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible
}

.newsroom-wrapper .teaser-thumbnails-slider .slider-text-wrapper {
    padding-top: 0;
    padding-bottom: 12px
}

.newsroom-wrapper .news-img-wrapper:not(.instagram-image) a, .newsroom-wrapper .news-img:not(.instagram-image) a, .newsroom-wrapper .press-img:not(.instagram-image) a {
    width: 100%
}

.newsroom-wrapper .slider-over-full-width img {
    position: static
}

.newsroom-wrapper .slider-over-full-width video {
    display: block;
    max-width: 100%;
    width: 100% !important
}

.newsroom-wrapper .instagram-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    max-height: 100%;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    -webkit-transition: opacity .25s ease-out, visibility .25s ease-out;
    -o-transition: opacity .25s ease-out, visibility .25s ease-out;
    -moz-transition: opacity .25s ease-out, visibility .25s ease-out;
    transition: opacity .25s ease-out, visibility .25s ease-out
}

.newsroom-wrapper .grid-item {
    margin-bottom: 32px
}

.newsroom-wrapper .grid-item .slide-content-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

@media (min-width: 800px) {
    .newsroom-wrapper .grid-item.hidden {
        visibility: hidden
    }
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper::before {
    padding: 0
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper.instagram-image + .slider-text-wrapper .news-bottom-block {
    padding-top: 10px
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper .img-popup {
    display: block
}

.newsroom-wrapper .news-grid.slider-over-full-width .slider-img-wrapper img {
    position: static
}

.newsroom-wrapper .social-block {
    background-color: #004e9c;
    color: #fff;
    padding: 50px 25px;
    margin-bottom: 32px;
    text-align: center;
    opacity: 1
}

@media (max-width: 991px) {
    .newsroom-wrapper .social-block {
        display: none
    }
}

.newsroom-wrapper .social-block a {
    vertical-align: top
}

.newsroom-wrapper .social-block a::after {
    content: none !important
}

.newsroom-wrapper .social-block a:focus, .newsroom-wrapper .social-block a:hover {
    opacity: .8
}

.newsroom-wrapper .social-block .stamp-heading {
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 13px
}

.newsroom-wrapper .social-block .fa {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #004e9c;
    font-size: 20px !important;
    margin-right: 4px;
    width: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsroom-wrapper a:not(.btn-link) {
    color: inherit;
    text-decoration: none
}

.newsroom-wrapper a:not(.btn-link):hover {
    color: #004e9c
}

.newsroom-wrapper .news-date {
    font-size: .75rem;
    float: right
}

.newsroom-wrapper .news-date::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Y";
    font-size: 11px;
    color: inherit;
    display: inline;
    margin-right: 5px
}

.newsroom-wrapper .news-content-wrapper {
    padding: 0 25px 25px;
    word-break: break-word
}

.newsroom-wrapper .news-content-wrapper p {
    line-height: 1.5rem
}

.newsroom-wrapper .news-content-wrapper .news-bottom-block {
    padding-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 100
}

.newsroom-wrapper .news-content-wrapper .news-category, .newsroom-wrapper .news-content-wrapper .news-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsroom-wrapper .slide-wrapper .slick-next {
    top: 0
}

.newsroom-wrapper .news-text {
    font-weight: 100;
    padding-top: 24px
}

.newsroom-wrapper .news-text > * .newsroom-wrapper .news-text:last-child {
    margin-bottom: 0
}

.newsroom-wrapper .news-text a {
    word-break: break-all
}

.newsroom-wrapper .newsroom-title {
    padding-top: 25px;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem
}

.newsroom-wrapper .newsroom-title + :not(.news-bottom-block) {
    margin-top: 12px;
    padding-top: 0
}

.newsroom-wrapper .custom-animated.fadeInUpNewsCustom {
    -webkit-animation-name: fadeInUpNewsCustom;
    -moz-animation-name: fadeInUpNewsCustom;
    -o-animation-name: fadeInUpNewsCustom;
    animation-name: fadeInUpNewsCustom;
    -webkit-animation-duration: .45s;
    -moz-animation-duration: .45s;
    -o-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-delay: 5ms;
    -moz-animation-delay: 5ms;
    -o-animation-delay: 5ms;
    animation-delay: 5ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.newsroom-wrapper .news-container.count-1 .fadeInUpNewsCustom:nth-child(1n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-1 .fadeInUpNewsCustom:nth-child(1n+1) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-2 .fadeInUpNewsCustom:nth-child(2n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-2 .fadeInUpNewsCustom:nth-child(2n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-2 .fadeInUpNewsCustom:nth-child(2n+1) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-3 .fadeInUpNewsCustom:nth-child(3n+1) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-4 .fadeInUpNewsCustom:nth-child(4n+1) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-5 .fadeInUpNewsCustom:nth-child(5n+1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-6 .fadeInUpNewsCustom:nth-child(6n+1) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-7 .fadeInUpNewsCustom:nth-child(7n+1) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-8 .fadeInUpNewsCustom:nth-child(8n+1) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-9 .fadeInUpNewsCustom:nth-child(9n+1) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-10 .fadeInUpNewsCustom:nth-child(10n+1) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-11 .fadeInUpNewsCustom:nth-child(11n+1) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-12 .fadeInUpNewsCustom:nth-child(12n+1) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-13 .fadeInUpNewsCustom:nth-child(13n+1) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-14 .fadeInUpNewsCustom:nth-child(14n+1) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-15 .fadeInUpNewsCustom:nth-child(15n+1) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-16 .fadeInUpNewsCustom:nth-child(16n+1) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-17 .fadeInUpNewsCustom:nth-child(17n+1) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+19) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-18 .fadeInUpNewsCustom:nth-child(18n+1) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+19) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+20) {
    -webkit-animation-delay: .38s;
    -moz-animation-delay: .38s;
    -o-animation-delay: .38s;
    animation-delay: .38s
}

.newsroom-wrapper .news-container.count-19 .fadeInUpNewsCustom:nth-child(19n+1) {
    -webkit-animation-delay: .38s;
    -moz-animation-delay: .38s;
    -o-animation-delay: .38s;
    animation-delay: .38s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+2) {
    -webkit-animation-delay: 20ms;
    -moz-animation-delay: 20ms;
    -o-animation-delay: 20ms;
    animation-delay: 20ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+3) {
    -webkit-animation-delay: 40ms;
    -moz-animation-delay: 40ms;
    -o-animation-delay: 40ms;
    animation-delay: 40ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+4) {
    -webkit-animation-delay: 60ms;
    -moz-animation-delay: 60ms;
    -o-animation-delay: 60ms;
    animation-delay: 60ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+5) {
    -webkit-animation-delay: 80ms;
    -moz-animation-delay: 80ms;
    -o-animation-delay: 80ms;
    animation-delay: 80ms
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+6) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+7) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+8) {
    -webkit-animation-delay: .14s;
    -moz-animation-delay: .14s;
    -o-animation-delay: .14s;
    animation-delay: .14s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+9) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    -o-animation-delay: .16s;
    animation-delay: .16s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+10) {
    -webkit-animation-delay: .18s;
    -moz-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+11) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+12) {
    -webkit-animation-delay: .22s;
    -moz-animation-delay: .22s;
    -o-animation-delay: .22s;
    animation-delay: .22s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+13) {
    -webkit-animation-delay: .24s;
    -moz-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+14) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+15) {
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    animation-delay: .28s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+16) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+17) {
    -webkit-animation-delay: .32s;
    -moz-animation-delay: .32s;
    -o-animation-delay: .32s;
    animation-delay: .32s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+18) {
    -webkit-animation-delay: .34s;
    -moz-animation-delay: .34s;
    -o-animation-delay: .34s;
    animation-delay: .34s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+19) {
    -webkit-animation-delay: .36s;
    -moz-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+20) {
    -webkit-animation-delay: .38s;
    -moz-animation-delay: .38s;
    -o-animation-delay: .38s;
    animation-delay: .38s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+21) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.newsroom-wrapper .news-container.count-20 .fadeInUpNewsCustom:nth-child(20n+1) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.newsroom-wrapper .load-more {
    text-align: center;
    margin-top: 48px
}

.newsroom-wrapper .load-more.fadeIn {
    -webkit-animation-delay: .95s;
    -moz-animation-delay: .95s;
    -o-animation-delay: .95s;
    animation-delay: .95s;
    -webkit-animation-duration: .15s;
    -moz-animation-duration: .15s;
    -o-animation-duration: .15s;
    animation-duration: .15s
}

.newsroom-wrapper .load-more.fadeOut {
    -webkit-animation-duration: .1s;
    -moz-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s
}

@media (max-width: 799px) {
    .newsroom-wrapper .newsroom-load-more {
        display: none
    }

    .newsroom-wrapper .slider-over-full-width .slick-slide {
        margin-left: 16px;
        padding-left: 0
    }

    .newsroom-wrapper .teaser-thumbnails-slider .slider-text-wrapper {
        padding-top: 0;
        padding-bottom: 10px
    }

    .newsroom-wrapper .news-slider-mobile {
        height: auto !important
    }

    .newsroom-wrapper .slide {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important
    }

    .newsroom-wrapper .slide.ghost-slide, .newsroom-wrapper .slide.next {
        left: 100% !important
    }

    .newsroom-wrapper .slide.custom-animated.fadeInUpNewsCustom {
        display: none
    }

    .newsroom-wrapper .grid .custom-slider {
        margin-bottom: 20px
    }
}

.news-list-single {
    margin-bottom: 40px;
    position: relative
}

.news-list-single .link-to-list {
    margin-top: 23px;
    text-align: center
}

@media (min-width: 800px) {
    .news-list-single .link-to-list {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.news-list-single .newsroom-wrapper.single-block {
    margin-top: 0
}

.news-list-single .newsroom-wrapper.single-block .grid-sizer {
    margin-bottom: 0
}

@media (max-width: 799px) {
    .news-list-single .newsroom-wrapper.single-block .teaser-thumbnails-slider {
        margin-top: 8px
    }
}

.news-category {
    font-size: .75rem
}

.news-category::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px
}

.news-category.presse::before {
    content: "N"
}

.news-category.presse._wechat svg, .news-category.presse._youku svg {
    display: block;
    width: 24px;
    height: auto;
    margin-right: 5px
}

.news-category.presse._wechat::before, .news-category.presse._youku::before {
    display: none
}

.news-category.facebook::before {
    content: url(/typo3conf/ext/hk_content/Resources/Public/Icons/facebook-meta.svg)
}

.news-category.instagram::before {
    content: url(/typo3conf/ext/hk_content/Resources/Public/Icons/instagram-meta.svg)
}

.news-category.linkedin::before {
    content: url(/typo3conf/ext/hk_content/Resources/Public/Icons/linkedin-meta.svg)
}

.news-category.youtube::before {
    width: 14px;
    vertical-align: text-bottom;
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Newsroom/youtube-meta.svg')
}

.events-list {
    margin-top: 20px
}

.events-list a {
    text-decoration: none
}

.events-list .events {
    margin: 80px 0
}

.events-list .country-wrap {
    font-weight: 100
}

.events-list .event-item {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.events-list .event-item .heading div:nth-child(1) {
    max-width: 390px
}

.events-list .event-item:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 800px) {
    .events-list .event-links-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.events-list .green-section {
    background-color: #004e9c;
    color: #fff;
    padding: 16px
}

.events-list .space-adapting {
    padding: 0 15px
}

.events-list .white-wrapper {
    padding: 16px 16px 24px
}

.events-list .white-wrapper .btn-link::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/external-link.svg');
    margin-top: 1px;
    width: 11px
}

.events-list .white-wrapper .btn-link:hover::before {
    content: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/external-link-white.svg')
}

.events-list .white-wrapper .event-place {
    font-weight: 100;
    max-width: 360px
}

.events-list .white-wrapper .heading {
    margin-bottom: auto
}

.events-list .white-wrapper .contact-person, .events-list .white-wrapper .ics-element {
    position: relative;
    padding-left: 24px;
    color: #004e9c;
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.events-list .white-wrapper .contact-person::before, .events-list .white-wrapper .ics-element::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}

.events-list .white-wrapper .ics-element::before {
    content: "V"
}

.events-list .white-wrapper .contact-person, .events-list .white-wrapper .download {
    margin-top: 5px
}

.events-list .white-wrapper .contact-person::before {
    content: "U"
}

.events-list .load-more {
    margin: 80px -15px 0;
    text-align: center
}

@media (max-width: 799px) {
    .events-list {
        max-width: -webkit-calc(100vw - 30px);
        max-width: -moz-calc(100vw - 30px);
        max-width: calc(100vw - 30px)
    }

    .events-list .green-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .events-list .green-section .green-text, .events-list .green-section .medium-heading, .events-list .green-section .teaser-thumbnails.layout-special .slide-text :first-child, .events-list .green-section .teaser-thumbnails.layout-standart .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .slide-text .events-list .green-section :first-child, .teaser-thumbnails.layout-standart .events-list .green-section .teaser-thumbnails-heading {
        font-size: 1.25rem;
        line-height: 1.25rem;
        margin-bottom: 0;
        margin-right: 15px
    }

    .events-list .green-section .country-wrap {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: right
    }

    .events-list .white-wrapper .event-links-wrapper {
        margin-top: 37px
    }

    .events-list .white-wrapper .event-links-wrapper div:not(:last-child) .contact-person {
        margin-bottom: 22px
    }

    .events-list .white-wrapper .event-links-wrapper div:not(:last-child) .ics-element {
        margin-bottom: 10px
    }

    .events-list .white-wrapper .btn-link {
        display: block
    }

    .events-list .white-wrapper .btn-link::before {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .events-list .row.event-item {
        display: block
    }

    .events-list .events-list.country-wrap {
        padding-left: 15px
    }

    .events-list .load-more {
        margin-top: 55px
    }

    .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_submit, .events-list .load-more .btn-green, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .events-list .load-more .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .events-list .load-more .powermail_fieldwrap_type_submit {
        background-color: transparent;
        color: #004e9c
    }

    .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_field::before, .contact-form form .powermail_fieldwrap_type_submit .events-list .load-more .powermail_submit::before, .events-list .load-more .btn-green::before, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_field::before, .events-list .load-more .contact-form form .powermail_fieldwrap_type_submit .powermail_submit::before, .events-list .load-more .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before, .lead-generation:not(.leadgeneration-popup) .tx-powermail .events-list .load-more .powermail_fieldwrap_type_submit::before {
        color: #004e9c
    }

    .events-list .events {
        margin-top: 55px
    }

    .events-list .plugin-header.heading-xxl {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

@media (min-width: 800px) {
    .events-list {
        margin-top: 40px
    }

    .events-list .green-section {
        padding: 24px
    }

    .events-list .green-section .green-text, .events-list .green-section .medium-heading, .events-list .green-section .teaser-thumbnails.layout-special .slide-text :first-child, .events-list .green-section .teaser-thumbnails.layout-standart .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .slide-text .events-list .green-section :first-child, .teaser-thumbnails.layout-standart .events-list .green-section .teaser-thumbnails-heading {
        margin-bottom: auto
    }

    .events-list .download + div > .contact-person {
        margin-left: 24px
    }

    .events-list .white-wrapper {
        padding: 24px 16px 16px 24px
    }

    .events-list .white-wrapper .external-link {
        float: right;
        margin-left: auto
    }

    .events-list .green-section, .events-list .white-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 180px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .events-list .country-wrap {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .events-list .events {
        margin-bottom: 120px
    }
}

.slider-over-full-width.static-image-position .slider-img-wrapper::before {
    content: none
}

.slider-over-full-width.static-image-position .slider-img-wrapper .image {
    position: static
}

.keyvisual {
    padding-bottom: 0;
    margin-left: 0;
    z-index: 3;
    overflow: hidden;
    opacity: 0
}

.keyvisual.keyvisual-ready {
    opacity: 1
}

.keyvisual .custom-slider {
    margin: 0
}

.keyvisual .custom-slider .slide {
    opacity: 1;
    -webkit-transition: left .2s linear, opacity .1s linear, -webkit-transform .2s linear;
    transition: left .2s linear, opacity .1s linear, -webkit-transform .2s linear;
    -o-transition: left .2s linear, opacity .1s linear, -o-transform .2s linear;
    -moz-transition: left .2s linear, transform .2s linear, opacity .1s linear, -moz-transform .2s linear;
    transition: left .2s linear, transform .2s linear, opacity .1s linear;
    transition: left .2s linear, transform .2s linear, opacity .1s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.keyvisual .custom-slider .slide-content-wrapper {
    margin-left: 0
}

.keyvisual .custom-slider .qty-slides {
    background-color: #fcfcfc;
    bottom: -8px;
    height: 36px;
    border: 0
}

@media (min-width: 576px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 540px) / 2 + 540px - 196px);
        left: -moz-calc((100vw - 540px) / 2 + 540px - 196px);
        left: calc((100vw - 540px) / 2 + 540px - 196px)
    }
}

@media (min-width: 800px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 720px) / 2 + 720px - 196px);
        left: -moz-calc((100vw - 720px) / 2 + 720px - 196px);
        left: calc((100vw - 720px) / 2 + 720px - 196px)
    }
}

@media (min-width: 992px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 960px) / 2 + 960px - 196px);
        left: -moz-calc((100vw - 960px) / 2 + 960px - 196px);
        left: calc((100vw - 960px) / 2 + 960px - 196px)
    }
}

@media (min-width: 1200px) {
    .keyvisual .custom-slider .qty-slides {
        left: -webkit-calc((100vw - 1140px) / 2 + 1140px - 196px);
        left: -moz-calc((100vw - 1140px) / 2 + 1140px - 196px);
        left: calc((100vw - 1140px) / 2 + 1140px - 196px)
    }
}

.keyvisual .custom-slider .qty-slides .button-slide {
    height: 36px
}

.keyvisual .custom-slider .qty-slides .button-slide-prev {
    left: 5px
}

.keyvisual .custom-slider .qty-slides .button-slide-next {
    right: 5px
}

@media (max-width: 799px) {
    .keyvisual .custom-slider .qty-slides {
        left: auto
    }
}

@media (max-width: 799px) and (min-width: 576px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 540px) / 2 + 15px);
        right: -moz-calc((100vw - 540px) / 2 + 15px);
        right: calc((100vw - 540px) / 2 + 15px)
    }
}

@media (max-width: 799px) and (min-width: 800px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 720px) / 2 + 15px);
        right: -moz-calc((100vw - 720px) / 2 + 15px);
        right: calc((100vw - 720px) / 2 + 15px)
    }
}

@media (max-width: 799px) and (min-width: 992px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 960px) / 2 + 15px);
        right: -moz-calc((100vw - 960px) / 2 + 15px);
        right: calc((100vw - 960px) / 2 + 15px)
    }
}

@media (max-width: 799px) and (min-width: 1200px) {
    .keyvisual .custom-slider .qty-slides {
        right: -webkit-calc((100vw - 1140px) / 2 + 15px);
        right: -moz-calc((100vw - 1140px) / 2 + 15px);
        right: calc((100vw - 1140px) / 2 + 15px)
    }
}

@media (max-width: 575px) {
    .keyvisual .custom-slider .qty-slides {
        left: auto;
        right: 15px
    }
}

.keyvisual .custom-slider .bounce-in-big-right {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.keyvisual .custom-slider .bounce-in-big-right, .keyvisual .custom-slider .bounce-in-big-right * {
    -webkit-animation: bounceInBigRight .5s ease-in-out both;
    -moz-animation: bounceInBigRight .5s ease-in-out both;
    -o-animation: bounceInBigRight .5s ease-in-out both;
    animation: bounceInBigRight .5s ease-in-out both
}

.keyvisual .custom-slider .bounce-in-left {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.keyvisual .custom-slider .bounce-in-left, .keyvisual .custom-slider .bounce-in-left * {
    -webkit-animation: bounceInLeft .5s ease-in-out both;
    -moz-animation: bounceInLeft .5s ease-in-out both;
    -o-animation: bounceInLeft .5s ease-in-out both;
    animation: bounceInLeft .5s ease-in-out both
}

@media (min-width: 800px) {
    .keyvisual .custom-slider {
        height: 100% !important;
        max-height: 1080px
    }

    .keyvisual .custom-slider .slide {
        height: 100% !important
    }
}

@media (max-width: 799px) {
    .keyvisual .custom-slider .slider-wrapper {
        position: relative
    }

    .keyvisual .custom-slider .slide-content {
        padding: 34px 0 80px
    }

    .keyvisual .custom-slider .slide-content-wrapper {
        position: relative;
        max-height: 475px
    }

    .keyvisual .custom-slider .slide-content-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .keyvisual .custom-slider .slide-content-wrapper > img, .keyvisual .custom-slider .slide-content-wrapper > picture, .keyvisual .custom-slider .slide-content-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual .custom-slider .slide-content-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (max-width: 799px) {
    .keyvisual .custom-slider .slide-content {
        max-width: 510px;
        left: -webkit-calc((100vw - 540px) / 2 + 15px);
        left: -moz-calc((100vw - 540px) / 2 + 15px);
        left: calc((100vw - 540px) / 2 + 15px)
    }
}

@media (max-width: 575px) {
    .keyvisual .custom-slider .slide-content {
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px);
        left: 15px
    }
}

.keyvisual .container, .keyvisual .row, .keyvisual [class*=col-] {
    height: 100%
}

@media (max-width: 799px) {
    .keyvisual .container, .keyvisual .row, .keyvisual [class*=col-] {
        position: static
    }
}

.keyvisual:not(.keyvisual-blur) {
    margin-top: -72px
}

@media (min-width: 800px) {
    .keyvisual:not(.keyvisual-blur) {
        margin-bottom: 80px;
        height: -webkit-calc(100vh - 8px);
        height: -moz-calc(100vh - 8px);
        height: calc(100vh - 8px);
        max-height: -webkit-calc(1080px - 8px);
        max-height: -moz-calc(1080px - 8px);
        max-height: calc(1080px - 8px);
        overflow: hidden
    }

    .keyvisual .with-mobile-image .mobile-bg {
        display: none
    }

    .keyvisual .slide-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .keyvisual .btn-scroll-down {
        bottom: -8px
    }
}

@media (min-width: 1200px) {
    .keyvisual:not(.keyvisual-blur) {
        margin-top: -170px
    }
}

@media (max-width: 799px) {
    .keyvisual .with-mobile-image .mobile-bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual .with-mobile-image .mobile-bg img {
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .keyvisual .parallax-layer {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important
    }
}

.keyvisual .keyvisual-content-width {
    width: 730px
}

.keyvisual-slider, .keyvisual-wrapper {
    width: 100vw;
    height: -webkit-calc(100vh - 8px);
    height: -moz-calc(100vh - 8px);
    height: calc(100vh - 8px);
    max-height: 1072px;
    position: relative;
    padding-bottom: 0;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden
}

.keyvisual-slider .slide.animated, .keyvisual-wrapper .slide.animated {
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1
}

.keyvisual-slider .slide.animated.next, .keyvisual-wrapper .slide.animated.next {
    left: 100%
}

.keyvisual-slider .slide.animated.next.direction-prev, .keyvisual-wrapper .slide.animated.next.direction-prev {
    z-index: 3
}

.keyvisual-slider .slide.animated.next.direction-next, .keyvisual-wrapper .slide.animated.next.direction-next {
    z-index: -1
}

.keyvisual-slider .slide.animated.active, .keyvisual-wrapper .slide.animated.active {
    z-index: 2
}

@media (min-width: 800px) {
    .keyvisual-slider .slide.animated.prev:not(.visible), .keyvisual-wrapper .slide.animated.prev:not(.visible) {
        z-index: 1;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-transition: left .35s linear, opacity .05s linear, -webkit-transform .35s linear;
        transition: left .35s linear, opacity .05s linear, -webkit-transform .35s linear;
        -o-transition: left .35s linear, opacity .05s linear, -o-transform .35s linear;
        -moz-transition: left .35s linear, transform .35s linear, opacity .05s linear, -moz-transform .35s linear;
        transition: left .35s linear, transform .35s linear, opacity .05s linear;
        transition: left .35s linear, transform .35s linear, opacity .05s linear, -webkit-transform .35s linear, -moz-transform .35s linear, -o-transform .35s linear
    }
}

.keyvisual-slider .keyvisual-background, .keyvisual-wrapper .keyvisual-background {
    background: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform .05s linear;
    transition: -webkit-transform .05s linear;
    -o-transition: -o-transform .05s linear;
    -moz-transition: transform .05s linear, -moz-transform .05s linear;
    transition: transform .05s linear;
    transition: transform .05s linear, -webkit-transform .05s linear, -moz-transform .05s linear, -o-transform .05s linear
}

.keyvisual-slider .keyvisual-background::after, .keyvisual-slider .keyvisual-background::before, .keyvisual-wrapper .keyvisual-background::after, .keyvisual-wrapper .keyvisual-background::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.keyvisual-slider .keyvisual-background::before, .keyvisual-wrapper .keyvisual-background::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, .2)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .2) 100%)
}

.keyvisual-slider .keyvisual-background.overlay::after, .keyvisual-wrapper .keyvisual-background.overlay::after {
    background-color: rgba(24, 24, 24, .3)
}

.keyvisual-slider .video-bg, .keyvisual-wrapper .video-bg {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media (max-width: 575px) {
    .keyvisual-slider .video-bg.hidden-video, .keyvisual-wrapper .video-bg.hidden-video {
        display: none
    }
}

.keyvisual-slider .video-wrapper, .keyvisual-wrapper .video-wrapper {
    height: 100%;
    max-height: 1080px;
    width: auto;
    margin: 0 auto
}

.keyvisual-slider .video-wrapper::before, .keyvisual-wrapper .video-wrapper::before {
    content: none
}

.keyvisual-slider .video-wrapper .video-responsive, .keyvisual-wrapper .video-wrapper .video-responsive {
    max-height: 100%
}

.keyvisual-slider .video-wrapper .video-responsive video, .keyvisual-wrapper .video-wrapper .video-responsive video {
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 1080px;
    min-width: 100% !important;
    min-height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.keyvisual-slider .hidden, .keyvisual-wrapper .hidden {
    display: none
}

@media (max-width: 799px) {
    .keyvisual-slider, .keyvisual-wrapper {
        position: relative;
        height: auto;
        max-height: 475px;
        width: 100%
    }

    .keyvisual-slider::before, .keyvisual-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .keyvisual-slider > img, .keyvisual-slider > picture, .keyvisual-slider > video, .keyvisual-wrapper > img, .keyvisual-wrapper > picture, .keyvisual-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual-slider > video, .keyvisual-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (min-width: 576px) and (max-width: 799px) {
    .keyvisual-slider > .container, .keyvisual-wrapper > .container {
        position: absolute;
        top: 0;
        left: -webkit-calc((100vw - 540px) / 2);
        left: -moz-calc((100vw - 540px) / 2);
        left: calc((100vw - 540px) / 2)
    }
}

.slider-progress-bar {
    position: absolute;
    top: -4px;
    left: 0;
    background-color: rgba(125, 183, 19, .5);
    height: 4px;
    width: 100%
}

.slider-progress-bar .loading-line {
    display: inline-block;
    position: absolute;
    height: 4px;
    background-color: #004e9c;
    left: 0;
    width: 0
}

.keyvisual-content-wrapper {
    height: auto;
    z-index: 3
}

.keyvisual-content-wrapper .keyvisual-content {
    position: absolute;
    -webkit-transition: all .3s linear .05s;
    -o-transition: all .3s linear .05s;
    -moz-transition: all .3s linear .05s;
    transition: all .3s linear .05s;
    left: auto
}

.keyvisual-content-wrapper .keyvisual-content.visible {
    z-index: 1
}

.keyvisual-content-wrapper .keyvisual-content.top-right {
    top: 259px;
    right: 0;
    text-align: right
}

@media (min-width: 800px) and (max-width: 1199px) {
    .keyvisual-content-wrapper .keyvisual-content.top-right {
        top: 159px;
        right: 0;
        text-align: right
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.top-right {
        top: auto;
        text-align: right;
        right: 15px
    }
}

.keyvisual-content-wrapper .keyvisual-content.center-right {
    top: 50%;
    right: 15px;
    text-align: right;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.keyvisual-content-wrapper .keyvisual-content.bottom-right {
    bottom: 88px;
    right: 0;
    text-align: right
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.bottom-right {
        bottom: auto;
        text-align: right;
        right: 15px
    }
}

.keyvisual-content-wrapper .keyvisual-content.bottom-left {
    bottom: 88px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.bottom-left {
        bottom: auto
    }
}

.keyvisual-content-wrapper .keyvisual-content.top-left {
    top: 259px
}

@media (min-width: 800px) and (max-width: 1199px) {
    .keyvisual-content-wrapper .keyvisual-content.top-left {
        top: 159px
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.top-left {
        top: auto
    }
}

.keyvisual-content-wrapper .keyvisual-content.center-left {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.keyvisual-content-wrapper .keyvisual-content.light {
    color: #fff
}

.keyvisual-content-wrapper .keyvisual-content.light.text-shadow {
    text-shadow: 0 16px 64px rgba(24, 24, 24, .75)
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.light.text-shadow {
        text-shadow: none
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content.light {
        color: #181818
    }
}

.keyvisual-content-wrapper .keyvisual-content.dark {
    color: #181818
}

.keyvisual-content-wrapper .keyvisual-content.active {
    opacity: 1;
    z-index: 1
}

.keyvisual-content-wrapper .keyvisual-content .skyline {
    margin-left: 38px;
    margin-bottom: 13px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .skyline {
        margin-left: 0
    }
}

.keyvisual-content-wrapper .keyvisual-content h2 {
    margin-bottom: 0
}

.keyvisual-content-wrapper .keyvisual-content .h2 p, .keyvisual-content-wrapper .keyvisual-content .headline p {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .h2 p, .keyvisual-content-wrapper .keyvisual-content .headline p {
        font-size: 2.25rem;
        word-break: break-word
    }
}

.keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .keyvisual-content-wrapper .keyvisual-content .subheadline, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
    margin-left: 72px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .keyvisual-content-wrapper .keyvisual-content .subheadline, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
        margin-left: 0
    }
}

.keyvisual-content-wrapper .keyvisual-content .subheadline p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 8px 0 0
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content .subheadline p {
        font-weight: 100;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin: 12px 0 0
    }
}

.keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
    margin-top: 14px
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper .keyvisual-content {
        opacity: 0;
        -webkit-transition: opacity .15s ease-out;
        -o-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out;
        width: 100%
    }

    .keyvisual-content-wrapper .keyvisual-content.bottom-left, .keyvisual-content-wrapper .keyvisual-content.center-left, .keyvisual-content-wrapper .keyvisual-content.top-left {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
        color: #004e9c;
        border-color: #004e9c
    }

    .keyvisual-content-wrapper .keyvisual-content .btn-black::before, .keyvisual-content-wrapper .keyvisual-content .btn-white::before, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link::before {
        color: #004e9c
    }

    .keyvisual-content-wrapper .keyvisual-content .with-mobile-image {
        margin-top: -83px
    }

    .keyvisual-content-wrapper .keyvisual-content h2 {
        font-size: 2.25rem;
        line-height: 1;
        word-break: break-word
    }

    .keyvisual-content-wrapper .keyvisual-content h2.skyline {
        font-size: .75rem
    }

    .keyvisual-content-wrapper .keyvisual-content .subheadline {
        margin-top: 10px
    }

    .keyvisual-content-wrapper .keyvisual-content .subheadline p {
        margin-bottom: 0
    }

    .keyvisual-content-wrapper .keyvisual-content .btn-black, .keyvisual-content-wrapper .keyvisual-content .btn-white, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .keyvisual-content-wrapper .keyvisual-content .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .keyvisual-content-wrapper .keyvisual-content .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .keyvisual-content-wrapper .keyvisual-content .btn-link {
        margin-top: 28px
    }
}

@media (min-width: 800px) {
    .keyvisual-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .keyvisual-content-wrapper [class^=col-] {
        height: auto !important
    }
}

@media (max-width: 799px) {
    .keyvisual-content-wrapper {
        height: auto
    }

    .keyvisual-content-wrapper .container, .keyvisual-content-wrapper .row, .keyvisual-content-wrapper [class^=col-] {
        position: static
    }
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(1) {
    -webkit-animation-delay: 85ms;
    -moz-animation-delay: 85ms;
    -o-animation-delay: 85ms;
    animation-delay: 85ms
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(2) {
    -webkit-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(3) {
    -webkit-animation-delay: .155s;
    -moz-animation-delay: .155s;
    -o-animation-delay: .155s;
    animation-delay: .155s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(4) {
    -webkit-animation-delay: .19s;
    -moz-animation-delay: .19s;
    -o-animation-delay: .19s;
    animation-delay: .19s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(5) {
    -webkit-animation-delay: .225s;
    -moz-animation-delay: .225s;
    -o-animation-delay: .225s;
    animation-delay: .225s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(6) {
    -webkit-animation-delay: .26s;
    -moz-animation-delay: .26s;
    -o-animation-delay: .26s;
    animation-delay: .26s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(7) {
    -webkit-animation-delay: .295s;
    -moz-animation-delay: .295s;
    -o-animation-delay: .295s;
    animation-delay: .295s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(8) {
    -webkit-animation-delay: .33s;
    -moz-animation-delay: .33s;
    -o-animation-delay: .33s;
    animation-delay: .33s
}

.keyvisual [data-animation=bounceInBigRight] :nth-child(9) {
    -webkit-animation-delay: .365s;
    -moz-animation-delay: .365s;
    -o-animation-delay: .365s;
    animation-delay: .365s
}

.press-list {
    margin-top: 56px;
    margin-bottom: 80px
}

.press-list .press-row {
    margin-top: 32px
}

.press-list .press-text-wrapper {
    padding: 24px 16px
}

.press-list .press-img {
    position: relative;
    text-align: center;
    overflow: hidden
}

.press-list .press-img::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.press-list .press-img > img, .press-list .press-img > picture, .press-list .press-img > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.press-list .press-img > video {
    -o-object-fit: contain;
    object-fit: contain
}

.press-list a {
    text-decoration: none
}

.press-list a:not([class]):not([data-toggle]):not([data-tag-uid]) {
    color: #181818
}

.press-list a:not([class]):not([data-toggle]):not([data-tag-uid]):focus, .press-list a:not([class]):not([data-toggle]):not([data-tag-uid]):hover {
    color: #181818
}

.press-list a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.press-list .press-date {
    font-size: .75rem;
    font-weight: 100
}

.press-list .press-date::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Y";
    font-size: 11px;
    color: inherit;
    display: inline;
    margin-right: 1px
}

.press-list .description-column > * .press-list .description-column:last-child {
    margin-bottom: 0
}

.press-list .newsroom-title {
    font-weight: 400
}

.press-list .shadow-layout {
    display: block;
    position: absolute;
    bottom: 0;
    left: 16px;
    top: 50%;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    -webkit-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 4px 24px 0 rgba(24, 24, 24, .08)
}

.press-list .press-column {
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    margin-bottom: 16px;
    background-color: #fff
}

.press-list .press-column > [class*=press] {
    background-color: #fff;
    z-index: 1
}

@media (min-width: 800px) {
    .press-list .press-column.col-md-6 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .press-list .press-column.col-md-6 .newsroom-title {
        margin-bottom: 0
    }

    .press-list .press-column.col-md-6 .description-column {
        padding-bottom: 52px
    }

    .press-list .press-column.col-md-6 .press-content-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .press-list .press-column.col-md-6 .press-content-wrapper .press-text-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .press-list .press-column.col-md-6 .press-content-wrapper .press-text-wrapper .row {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .press-list .press-column.col-md-12 .press-img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .press-list .press-column.col-md-12 .press-text-wrapper {
        height: 100%
    }

    .press-list .press-column .press-text-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media screen and (min-width: 800px) and (-ms-high-contrast: active),(min-width: 800px) and (-ms-high-contrast: none) {
    .press-list .press-column .press-img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.press-list .autocomplete-suggestion, .press-list .btn-pdf-download, .press-list .link, .press-list .news-related-files-link {
    font-weight: 100;
    font-size: 1.125rem;
    line-height: 1.75rem
}

.press-list .news-related-files-link:hover {
    color: #004e9c
}

.press-list .autocomplete-suggestion::before, .press-list .link::before {
    top: 8px
}

.press-list .load-more {
    width: 100%;
    text-align: center;
    margin-top: 80px
}

@media (max-width: 799px) {
    .press-list {
        margin-top: 0
    }

    .press-list .plugin-header {
        font-size: 1.75rem;
        line-height: 1.75rem
    }

    .press-list .load-more, .press-list .press-row {
        margin-top: 56px
    }

    .press-list .link-column {
        margin-left: auto;
        text-align: right
    }

    .press-list .description-column {
        margin-bottom: 24px
    }

    .press-list .press-column {
        max-width: -webkit-calc(100vw - 30px);
        max-width: -moz-calc(100vw - 30px);
        max-width: calc(100vw - 30px);
        padding: 0
    }

    .press-list .press-text-wrapper {
        padding-bottom: 16px
    }

    .press-list .news-related-files-link {
        display: none
    }

    .press-list .shadow-layout {
        left: 0;
        top: 0;
        width: 100%
    }
}

@media (max-width: 991px) {
    .press-list .autocomplete-suggestion, .press-list .btn-pdf-download, .press-list .link, .press-list .newsroom-title {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 800px) {
    .press-list {
        margin-top: 80px;
        margin-bottom: 120px
    }

    .press-list .press-text-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }

    .press-list .press-date {
        padding-top: 8px;
        float: right
    }

    .press-list .press-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .press-list .link-column {
        text-align: right;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .press-list .date-column {
        padding-left: 0;
        text-align: right
    }

    .press-list .press-column.col-md-6 {
        max-width: -webkit-calc(50% - 15px);
        max-width: -moz-calc(50% - 15px);
        max-width: calc(50% - 15px);
        padding: 0
    }

    .press-list .press-column.col-md-6:first-child {
        margin-right: 30px
    }

    .press-list .press-column.col-md-12 {
        padding: 0
    }

    .press-list .press-column.col-md-12 .press-img-wrapper {
        max-width: 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 16px 0 16px 16px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch
    }

    .press-list .press-column.col-md-12 .press-img-wrapper .press-img {
        overflow: hidden;
        height: 100%;
        min-height: 116px
    }

    .press-list .press-column.col-md-12 .press-img-wrapper + .press-text-wrapper {
        padding-left: 30px;
        padding-right: 9px;
        max-width: 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .press-list .press-column.col-md-12 .press-img-wrapper .press-text-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .press-list .press-column.col-md-12 .press-text-wrapper .row {
        height: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .press-list .press-column.col-md-12 > [class*=press]:last-of-type {
        padding-right: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .press-list .btn-pdf-download + .autocomplete-suggestion, .press-list .btn-pdf-download + .link {
        margin-left: 24px
    }
}

.product-detail-wrapper {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    max-width: 1920px;
    margin: auto
}

.product-detail-wrapper.custom-layout h2 {
    word-break: break-word
}

.product-detail-wrapper.custom-layout .btn-scroll-down {
    bottom: -8px
}

@media (max-width: 799px) {
    .product-detail-wrapper {
        margin-top: -72px;
        padding-bottom: 0;
        background-image: none !important
    }

    .product-detail-wrapper .product-detail {
        background-color: #ececec
    }

    .product-detail-wrapper .bg-product-detail-wrapper, .product-detail-wrapper .product-detail-image {
        top: 0 !important;
        max-height: 575px
    }

    .product-detail-wrapper .product-detail-block {
        opacity: 1 !important
    }

    .product-detail-wrapper .geology-value::before {
        top: 0
    }

    .product-detail-wrapper .geologies-3 {
        padding-bottom: 10px
    }
}

.bg-product-detail-wrapper {
    position: relative;
    max-height: 1072px;
    max-width: 1920px;
    margin: auto;
    overflow: hidden
}

@media (max-width: 799px) {
    .bg-product-detail-wrapper {
        position: relative
    }

    .bg-product-detail-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .bg-product-detail-wrapper > img, .bg-product-detail-wrapper > picture, .bg-product-detail-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .bg-product-detail-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.img-product-detail {
    display: block;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 100%;
    margin: 0 auto;
    opacity: 0
}

.bg-product-detail {
    background: bottom center no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.bg-product-detail::-webkit-scrollbar {
    display: none
}

@media (max-width: 799px) {
    .bg-product-detail {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: auto;
        min-width: 100%;
        height: auto;
        min-height: 100%;
        right: 0;
        bottom: 0;
        left: -75%
    }
}

.product-detail-info li {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.product-detail-info li + li {
    margin-top: 14px
}

@media (max-width: 799px) {
    .product-detail-block {
        padding-top: 32px
    }

    .product-detail-block + .product-detail-block {
        padding: 56px 0 80px
    }
}

.product-detail-image {
    margin: 32px 0;
    visibility: hidden
}

.product-detail-image .bg-product-detail {
    width: 100vw;
    left: -webkit-calc(((100vw - 100%) / 2) * (-1));
    left: -moz-calc(((100vw - 100%) / 2) * (-1));
    left: calc(((100vw - 100%) / 2) * (-1))
}

.product-detail-image img {
    position: relative;
    z-index: 1
}

@media (max-width: 799px) {
    .product-detail-image {
        position: relative;
        margin: 0
    }

    .product-detail-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-top: 36px
    }
}

.product-detail-properties {
    width: 100%;
    position: relative;
    margin-top: 56px
}

.product-detail-properties td, .product-detail-properties td span {
    font-size: .875rem !important;
    line-height: 1.25rem
}

@media (min-width: 800px) {
    .product-detail-properties {
        margin-top: 0
    }

    .product-detail-properties .column-with-arrow {
        width: 40%
    }

    .product-detail-properties .diameter, .product-detail-properties .excavation-depth, .product-detail-properties .geology, .product-detail-properties .pull-force {
        width: 60%
    }

    .product-detail-properties .geology {
        padding-left: 40px;
        padding-top: 0;
        margin-top: 16px
    }

    .product-detail-properties .geology-value::before {
        left: 16px
    }

    .product-detail-properties .geologies-3::before {
        left: 14px
    }

    .product-detail-properties::after, .product-detail-properties::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        background-color: #d9d9d9
    }

    .product-detail-properties::before {
        width: -webkit-calc(40% - 6px);
        width: -moz-calc(40% - 6px);
        width: calc(40% - 6px)
    }

    .product-detail-properties::after {
        left: 40%;
        width: -webkit-calc(60% - 6px);
        width: -moz-calc(60% - 6px);
        width: calc(60% - 6px)
    }
}

@media (max-width: 799px) {
    .product-detail-properties {
        border-bottom: 1px solid #d9d9d9
    }

    .product-detail-properties .table-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px 0;
        border-top: 1px solid #d9d9d9
    }

    .product-detail-properties .table-column {
        padding: 0 16px 0 25px
    }

    .product-detail-properties .table-column::after {
        content: none
    }

    .product-detail-properties .table-column.geology {
        margin-left: 25px
    }

    .product-detail-properties .table-column + .table-column {
        margin-top: 10px
    }
}

.product-detail-info-title {
    font-size: 2rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 14px
}

.product-title-description {
    font-size: 1.5rem;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .product-title-description {
        font-size: 1.25rem;
        margin-bottom: 28px
    }
}

.geologies-3, [class$='-value'] {
    font-size: .875rem;
    font-weight: 100;
    line-height: 1.25rem;
    display: inline-block
}

.geologies-3::before, [class$='-value']::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    margin-top: 2px;
    height: 16px;
    width: 16px
}

.diameter-value, .excavation-depth-value, .pull-force-value {
    position: relative;
    padding-left: 25px
}

.diameter-value::before, .excavation-depth-value::before, .pull-force-value::before {
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    background-size: 16px 16px
}

.diameter-value::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/diameter.svg')
}

.pull-force-value::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/pull-force.svg')
}

.excavation-depth-value::before {
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/excavation-depth.svg')
}

.geology {
    position: relative;
    padding-left: 25px
}

.geology .geology-text {
    font-weight: 100;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 800px) {
    .geology.table-value-column {
        padding-left: 42px
    }
}

.geologies-3::before {
    height: 36px;
    width: 20px;
    left: -1px;
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/geology-3circles.svg');
    -webkit-background-size: 20px 36px;
    -moz-background-size: 20px 36px;
    -o-background-size: 20px 36px;
    background-size: 20px 36px
}

.geologies-3 span::before {
    content: none
}

.geologies-2 .geology-value:nth-of-type(1)::before {
    z-index: 1;
    margin-top: 2px
}

.geology-value {
    display: inline-block;
    width: 100%
}

.geology-value::before {
    top: 3px;
    border: 4px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 0 1px #fcfcfc;
    -moz-box-shadow: 0 0 0 1px #fcfcfc;
    box-shadow: 0 0 0 1px #fcfcfc
}

.geology-value:nth-of-type(1)::before {
    z-index: 2
}

.geology-value:nth-of-type(2)::before {
    margin-top: 11px
}

.geology-value:not(:last-child)::after {
    content: ','
}

.geology-value + .geology-value {
    padding-left: 0
}

.geology-value-1::before {
    border-color: #bf9178
}

.geology-value-2::before {
    border-color: #cdb582
}

.geology-value-3::before {
    border-color: #8ba4b4
}

@media (min-width: 800px) {
    .product-detail-wrapper {
        position: relative;
        overflow-y: auto;
        top: 0;
        width: 100vw;
        margin: -72px auto 80px;
        max-height: 100vh;
        padding-bottom: 0
    }

    .product-detail-wrapper .btn-scroll-down {
        bottom: 0
    }

    .bg-product-detail-wrapper {
        height: 100%
    }

    .bg-product-detail {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
        max-width: 1920px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .product-detail {
        position: absolute;
        top: 112px
    }
}

@media (min-width: 800px) and (min-width: 576px) {
    .product-detail {
        right: -webkit-calc((100vw - 540px) / 2);
        right: -moz-calc((100vw - 540px) / 2);
        right: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 800px) {
    .product-detail {
        right: -webkit-calc((100vw - 720px) / 2);
        right: -moz-calc((100vw - 720px) / 2);
        right: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 992px) {
    .product-detail {
        right: -webkit-calc((100vw - 960px) / 2);
        right: -moz-calc((100vw - 960px) / 2);
        right: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 1200px) {
    .product-detail {
        right: -webkit-calc((100vw - 1140px) / 2);
        right: -moz-calc((100vw - 1140px) / 2);
        right: calc((100vw - 1140px) / 2)
    }
}

@media (min-width: 800px) {
    .product-headings {
        width: 100%
    }

    .product-headings .product-detail-info-title {
        z-index: 1;
        position: relative
    }

    .product-detail-block {
        opacity: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        visibility: visible;
        padding-bottom: 40px;
        min-height: 420px;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .product-detail-block-1 {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .product-detail-block-2 {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        visibility: visible
    }

    .product-headings {
        margin-bottom: 70px
    }

    .product-headings .product-detail-info-title {
        z-index: 1;
        position: relative
    }

    .product-detail-image {
        margin: 0;
        position: absolute;
        top: 0;
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px);
        visibility: hidden
    }

    .product-detail-info {
        position: absolute;
        width: 100%;
        padding-right: 16px
    }
}

@media (min-width: 800px) and (min-width: 576px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((540px) / 2);
        width: -moz-calc((540px) / 2);
        width: calc((540px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 800px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((720px) / 2);
        width: -moz-calc((720px) / 2);
        width: calc((720px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 992px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((960px) / 2);
        width: -moz-calc((960px) / 2);
        width: calc((960px) / 2)
    }
}

@media (min-width: 800px) and (min-width: 1200px) {
    .product-detail-info-title, .product-title-description {
        width: -webkit-calc((1140px) / 2);
        width: -moz-calc((1140px) / 2);
        width: calc((1140px) / 2)
    }
}

@media (min-width: 800px) {
    .product-title-description {
        margin-bottom: 42px
    }
}

@media (min-width: 1200px) {
    .product-detail-wrapper {
        margin: -170px auto 80px
    }

    .product-detail {
        top: 210px
    }
}

@media (min-width: 992px) {
    .product-detail-block-1 {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .product-headings {
        margin-bottom: 170px
    }
}

.hk-ce, .product-detail-wrapper {
    -ms-overflow-style: none
}

.hk-ce::-webkit-scrollbar, .product-detail-wrapper::-webkit-scrollbar {
    display: none
}

.products.default-tabs .tab-content {
    margin-top: 0
}

.products .heading-margin-bottom + .tab-content [class^=layout-] {
    padding-top: 0
}

.products .teaser-product-content h4 {
    line-height: 1.75rem
}

@media (max-width: 991px) {
    .products .product-blocks-wrapper + .subcategory-title {
        margin-top: 56px
    }

    .products .teaser-product {
        padding-bottom: 80px
    }

    .products .teaser-product [class^=layout-] {
        margin-bottom: 56px
    }

    .products .teaser-product-content p {
        margin-bottom: 0
    }
}

[class^=layout-] {
    width: 100%;
    padding-top: 56px
}

@media (max-width: 991px) {
    [class^=layout-] {
        margin-bottom: 80px
    }

    [class^=layout-] .autocomplete-suggestion, [class^=layout-] .link, [class^=layout-] [class$='-value'] {
        display: none
    }

    [class^=layout-] .geologies-3::before {
        content: none
    }
}

.subcategory-title {
    font-size: 1.3125rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #004e9c;
    text-transform: none;
    margin-bottom: 32px
}

.product {
    position: relative
}

.product .picture {
    position: relative;
    overflow: hidden
}

.product .autocomplete-suggestion, .product .link {
    font-size: 1.125rem;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s linear;
    transition: opacity .3s ease-out, -webkit-transform .3s linear;
    -o-transition: opacity .3s ease-out, -o-transform .3s linear;
    -moz-transition: opacity .3s ease-out, transform .3s linear, -moz-transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

.product .hover .autocomplete-suggestion, .product .hover .link {
    opacity: 1;
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    -ms-transform: translateY(35px);
    -o-transform: translateY(35px);
    transform: translateY(35px)
}

.product .link-overlap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: -webkit-calc(100% + 220px);
    height: -moz-calc(100% + 220px);
    height: calc(100% + 220px);
    width: 100%
}

@media (max-width: 991px) {
    .product > div {
        position: relative;
        margin-top: -1px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product > div::after {
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "F";
        position: absolute;
        font-size: 16px;
        color: #004e9c;
        right: 0;
        margin-top: -1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .product > div .product-description {
        display: none
    }

    .product > div .link-overlap {
        left: 0;
        height: 100%;
        width: 100%
    }
}

.product-properties {
    position: relative
}

.product-properties a::before {
    top: 9px
}

.product-properties p {
    margin-bottom: 0
}

.product-properties .link-overlap {
    height: 100%
}

@media (max-width: 991px) {
    .product-properties {
        height: 100%;
        padding: 0 26px 0 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-default-width {
    position: relative;
    padding: 0 16px;
    width: 100%
}

@media (min-width: 992px) {
    .product-default-width {
        width: 20%;
        padding-right: 0
    }

    .product-default-width .product-properties {
        left: 0;
        width: 100%
    }
}

.product-image {
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    -moz-transition: transform .3s linear, -moz-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

@media (max-width: 991px) {
    .product-image {
        width: 95px;
        min-height: 77px;
        margin: 8px 0
    }
}

.product-title {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 24px 0 12px
}

.product-title.blocks-5 {
    font-size: 1rem;
    line-height: 1.5rem
}

.product-title, .product-title:focus, .product-title:hover {
    color: #181818
}

@media (max-width: 991px) {
    .product-title {
        font-size: 1rem;
        line-height: 1.125rem;
        margin: 0
    }
}

.intro-text {
    margin-top: 32px
}

.intro-text p {
    font-size: 1.3125rem;
    line-height: 2rem;
    font-weight: 100
}

@media (max-width: 991px) {
    .intro-text p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .intro-text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 25%;
        text-align: center;
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .products .container, .products .row {
        position: relative
    }

    .products .row.hidden-md-down {
        padding-bottom: 120px
    }

    .products .product-blocks-wrapper:last-of-type .product-overlay-gradient::after {
        display: block;
        min-height: 350px;
        left: -webkit-calc(((100vw - 100%) / 2) * (-1));
        left: -moz-calc(((100vw - 100%) / 2) * (-1));
        left: calc(((100vw - 100%) / 2) * (-1))
    }

    .products .layout-grid-s-hero .product-blocks-wrapper:last-of-type .product-overlay-gradient::after {
        min-height: 400px
    }

    .products .product-default-width, .products [class^=col-] {
        z-index: 1
    }

    .products .product-overlay-gradient {
        top: -50%;
        display: inline-block;
        position: absolute;
        left: -webkit-calc(((100vw - 100%) / 2) * (-1));
        left: -moz-calc(((100vw - 100%) / 2) * (-1));
        left: calc(((100vw - 100%) / 2) * (-1));
        height: 100%;
        width: 100vw;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#e8e8e8));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #e8e8e8);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #e8e8e8);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #e8e8e8);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), #e8e8e8)
    }

    .products.default-tabs .tabs-wrap {
        margin-bottom: 32px;
        position: relative;
        z-index: 2
    }

    .products.default-tabs .tab-content {
        width: 100%
    }

    .products .teaser-product {
        padding-bottom: 120px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(255, 255, 255, 0)), to(#e8e8e8));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #e8e8e8 100%)
    }

    .products .teaser-product .row.hidden-md-down {
        padding-bottom: 80px
    }

    .products .teaser-product .row:last-of-type .product-overlay-gradient::after {
        min-height: 483px
    }

    .products .teaser-product .teaser-product-content {
        margin-bottom: 20px
    }

    .products .teaser-product .teaser-product-content h4 {
        margin-bottom: 0
    }

    .products .teaser-product .btn-link {
        margin-top: 15px
    }

    .layout-image-grid-l-products .row:last-of-type .product-overlay-gradient::after {
        display: block;
        min-height: 417px
    }

    .layout-image-grid-l-products .product .hover .product-image {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .layout-grid-s .product .hover .product-image, .layout-grid-s-hero .product .hover .product-image, .layout-image-s-grid .product .hover .product-image {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .layout-grid-s .autocomplete-suggestion, .layout-grid-s .link, .layout-grid-s-hero .autocomplete-suggestion, .layout-grid-s-hero .link, .layout-image-s-grid .autocomplete-suggestion, .layout-image-s-grid .link {
        margin-top: 14px
    }

    .product-image-hero {
        -webkit-transition: -webkit-transform .3s linear;
        transition: -webkit-transform .3s linear;
        -o-transition: -o-transform .3s linear;
        -moz-transition: transform .3s linear, -moz-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
    }

    .col-lg-4 .geologies-3 + .autocomplete-suggestion, .col-lg-4 .geologies-3 + .link {
        bottom: -10px
    }
}

.references-grid .default-tabs .tab-content {
    margin-top: 0
}

.references-grid .default-tabs .tabs-wrap {
    position: absolute;
    top: -webkit-calc(100vh - 162px);
    top: -moz-calc(100vh - 162px);
    top: calc(100vh - 162px);
    left: 50%;
    width: 100%;
    opacity: 1;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.references-grid .default-tabs .tabs-wrap .nav::after {
    background-color: #fff;
    opacity: .5
}

.references-grid .default-tabs .tabs-wrap .nav li a, .references-grid .default-tabs .tabs-wrap .nav.slick-slider li a {
    color: #fff
}

.references-grid .default-tabs .tabs-wrap .nav li .active, .references-grid .default-tabs .tabs-wrap .nav.slick-slider li .active {
    color: #004e9c
}

@media (max-width: 991px) {
    .references-grid .default-tabs .tabs-wrap .dropdown {
        display: block;
        margin-top: 32px
    }

    .references-grid .default-tabs .tabs-wrap .dropdown li {
        background-color: #fff
    }

    .references-grid .default-tabs .tabs-wrap .dropdown li a {
        color: #181818
    }

    .references-grid .default-tabs .tabs-wrap .dropdown li a.active {
        color: #fff
    }
}

.references-grid .references-tabs {
    position: relative
}

.references-grid .references-tabs.show-list .references-stage {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px)
}

.references-grid .references-tabs.show-list .tags-list-link::before {
    opacity: 0
}

.references-grid .references-tabs.show-list .tags-list-link::after {
    opacity: 1
}

.references-grid .references-tabs.show-list .tags-list {
    opacity: 1;
    z-index: 1
}

.references-grid .references-tabs.show-list .tabs-wrap {
    opacity: 0
}

@media (max-width: 991px) {
    .references-grid .references-tabs.show-list .tabs-wrap {
        opacity: 1;
        z-index: -1
    }
}

@media (max-width: 991px) {
    .references-grid .references-tabs.show-list .large-heading, .references-grid .references-tabs.show-list .references-grid-bg-image {
        opacity: 0
    }

    .references-grid .references-tabs.show-list .references-search-wrapper, .references-grid .references-tabs.show-list .tags-list-wrapper {
        position: relative;
        z-index: 5
    }
}

.references-grid .bg-overlay {
    opacity: 0;
    background-color: rgba(24, 24, 24, .95);
    position: fixed;
    top: 72px;
    left: 0;
    width: 100vw;
    height: -webkit-calc(100vh - 72px);
    height: -moz-calc(100vh - 72px);
    height: calc(100vh - 72px);
    z-index: -1;
    -webkit-transition: opacity .3s ease, z-index .01s linear;
    -o-transition: opacity .3s ease, z-index .01s linear;
    -moz-transition: opacity .3s ease, z-index .01s linear;
    transition: opacity .3s ease, z-index .01s linear
}

.references-grid .autocomplete {
    display: none;
    position: absolute;
    top: -webkit-calc(100% + 4px);
    top: -moz-calc(100% + 4px);
    top: calc(100% + 4px);
    left: 0;
    background: #fff;
    width: -webkit-calc(100% - 119px);
    width: -moz-calc(100% - 119px);
    width: calc(100% - 119px);
    text-align: left;
    padding: 16px 16px 10px;
    z-index: 5
}

@media (max-width: 799px) {
    .references-grid .autocomplete {
        width: -webkit-calc(100% - 49px);
        width: -moz-calc(100% - 49px);
        width: calc(100% - 49px)
    }
}

.references-grid .autosuggest-tag {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #181818
}

.references-grid .autosuggest-tag::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "X";
    position: absolute;
    left: 0;
    top: 2px
}

.references-grid .autosuggest-tag:hover {
    color: #004e9c
}

.references-grid .search-tags-section {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.references-grid .selected-tag {
    color: #181818;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 20px 6px 8px;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #fff;
    font-size: .94rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 2px
}

.references-grid .selected-tag:last-of-type {
    margin-right: 0
}

.references-grid .selected-tag [data-role=remove] {
    margin-left: 3px;
    float: right
}

.references-grid .selected-tag [data-role=remove]::after {
    content: '×';
    background-color: transparent;
    color: #004e9c;
    font-weight: 400;
    font-size: 17px;
    position: absolute;
    top: 4px;
    right: 5px
}

.references-grid .selected-tag [data-role=remove]:hover::after {
    background-color: transparent
}

.references-grid .references-no-result {
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    padding: 40px 40px 24px
}

@media (max-width: 799px) {
    .references-grid .references-no-result {
        background: #ececec;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 -15px;
        padding: 80px 15px 64px
    }
}

.references-grid-bg-wrapper {
    position: relative;
    top: 0;
    left: -webkit-calc(((100vw - 100%) / 2) * (-1));
    left: -moz-calc(((100vw - 100%) / 2) * (-1));
    left: calc(((100vw - 100%) / 2) * (-1));
    height: -webkit-calc(100vh - 32px);
    height: -moz-calc(100vh - 32px);
    height: calc(100vh - 32px);
    max-height: 1048px;
    width: 100vw;
    max-width: 1920px;
    overflow: hidden;
    margin: -72px auto 0;
    padding: 72px 0 125px
}

.references-grid-bg-wrapper .references-grid-bg-video {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1920px) {
    .references-grid-bg-wrapper {
        left: -webkit-calc(((1920px - 100%) / 2) * (-1));
        left: -moz-calc(((1920px - 100%) / 2) * (-1));
        left: calc(((1920px - 100%) / 2) * (-1))
    }
}

@media (min-width: 1200px) {
    .references-grid-bg-wrapper {
        margin: -171px auto 0;
        padding: 171px 0 125px
    }
}

@media (max-width: 799px) {
    .references-grid-bg-wrapper {
        position: relative;
        height: auto;
        padding: 0;
        max-height: 475px
    }

    .references-grid-bg-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .references-grid-bg-wrapper > img, .references-grid-bg-wrapper > picture, .references-grid-bg-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .references-grid-bg-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.references-grid-bg::after, .references-grid-bg::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.references-grid-bg::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 24, 0)), color-stop(80.48%, rgba(24, 24, 24, 0)), to(rgba(24, 24, 24, .5)));
    background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%);
    background: -moz-linear-gradient(top, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%);
    background: -o-linear-gradient(top, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%);
    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, 0) 80.48%, rgba(24, 24, 24, .5) 100%)
}

.references-grid-bg.overlay::after {
    background-color: rgba(24, 24, 24, .5)
}

.references-grid-bg-image, .references-grid-bg-video {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    min-height: 100%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.references-additional-wrapper {
    position: absolute;
    top: 72px;
    left: 0;
    bottom: 125px;
    width: 100%
}

@media (min-width: 1200px) {
    .references-additional-wrapper {
        top: 171px
    }
}

@media (max-width: 991px) {
    .references-additional-wrapper {
        bottom: 0
    }
}

.references-items-wrapper {
    margin: 104px 0 56px;
    position: relative;
    z-index: 1
}

@media (min-width: 992px) {
    .references-items-wrapper {
        margin: -70px 0 48px
    }
}

.references-stage-wrapper {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    max-width: 510px;
    z-index: 2
}

.references-stage-wrapper .large-heading {
    text-shadow: 0 2px 60px rgba(0, 0, 0, .5);
    opacity: 1
}

@media (max-width: 799px) {
    .references-stage-wrapper .large-heading {
        font-size: 2.25rem
    }
}

.references-stage-wrapper .stage-text {
    margin-top: 12px;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600
}

@media (min-width: 800px) {
    .references-stage-wrapper {
        max-width: 690px
    }

    .references-stage-wrapper .skyline {
        margin-left: 55px
    }

    .references-stage-wrapper .stage-text {
        margin: 8px 0 0 100px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .references-stage-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .references-stage-wrapper {
        max-width: -webkit-calc(.66 * 1140px);
        max-width: -moz-calc(.66 * 1140px);
        max-width: calc(.66 * 1140px)
    }
}

.references-stage {
    text-align: center;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease
}

.references-search-wrapper {
    margin: 16px 0 0;
    overflow: visible;
    position: relative
}

@media (min-width: 992px) {
    .references-search-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin: 32px auto 0
    }
}

@media (max-width: 991px) {
    .references-search-wrapper .btn-search::before {
        font-weight: 100;
        left: 49%;
        margin-top: 0
    }
}

.references-search-field-wrapper, .search-teaser-field {
    border-color: #fff;
    background-color: rgba(255, 255, 255, .15);
    overflow: hidden;
    height: 40px;
    width: 100%;
    white-space: nowrap;
    padding: 5px 6px;
    text-align: left;
    overflow: -moz-scrollbars-none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.references-search-field-wrapper::-webkit-scrollbar, .search-teaser-field::-webkit-scrollbar {
    display: none
}

.references-search-field-wrapper .references-search-field, .references-search-field-wrapper .search-teaser-field input, .search-teaser-field .references-search-field, .search-teaser-field .references-search-field-wrapper input, .search-teaser-field input {
    background: 0 0;
    border: 0;
    outline: 0;
    color: #fff;
    position: relative;
    padding: 0 4px;
    font-weight: 400;
    line-height: 27px
}

.references-search-field-wrapper .references-search-field::-webkit-input-placeholder, .references-search-field-wrapper .search-teaser-field input::-webkit-input-placeholder, .search-teaser-field .references-search-field-wrapper input::-webkit-input-placeholder, .search-teaser-field .references-search-field::-webkit-input-placeholder, .search-teaser-field input::-webkit-input-placeholder {
    color: #fff
}

.references-search-field-wrapper .references-search-field:-moz-placeholder, .references-search-field-wrapper .search-teaser-field input:-moz-placeholder, .search-teaser-field .references-search-field-wrapper input:-moz-placeholder, .search-teaser-field .references-search-field:-moz-placeholder, .search-teaser-field input:-moz-placeholder {
    color: #fff
}

.references-search-field-wrapper .references-search-field::-moz-placeholder, .references-search-field-wrapper .search-teaser-field input::-moz-placeholder, .search-teaser-field .references-search-field-wrapper input::-moz-placeholder, .search-teaser-field .references-search-field::-moz-placeholder, .search-teaser-field input::-moz-placeholder {
    color: #fff
}

.references-search-field-wrapper .references-search-field:-ms-input-placeholder, .references-search-field-wrapper .search-teaser-field input:-ms-input-placeholder, .search-teaser-field .references-search-field-wrapper input:-ms-input-placeholder, .search-teaser-field .references-search-field:-ms-input-placeholder, .search-teaser-field input:-ms-input-placeholder {
    color: #fff
}

@media (max-width: 991px) {
    .references-search-field-wrapper .references-search-field, .references-search-field-wrapper .search-teaser-field input, .search-teaser-field .references-search-field, .search-teaser-field .references-search-field-wrapper input, .search-teaser-field input {
        width: 140px
    }
}

.references-search-field-wrapper.width-overflow, .width-overflow.search-teaser-field {
    display: inline-block
}

.references-search-field-wrapper.width-overflow .field-with-tags, .width-overflow.search-teaser-field .field-with-tags {
    width: auto;
    float: right;
    overflow: auto;
    overflow: -moz-scrollbars-none
}

.references-search-field-wrapper.width-overflow .field-with-tags::-webkit-scrollbar, .width-overflow.search-teaser-field .field-with-tags::-webkit-scrollbar {
    display: none
}

.references-search-field-wrapper .field-with-tags, .search-teaser-field .field-with-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tags-list-wrapper {
    margin-top: 8px
}

.tags-list-link {
    font-size: 1rem;
    line-height: 1.3125rem;
    position: relative;
    display: inline-block;
    padding-right: 15px;
    cursor: pointer
}

.tags-list-link::after, .tags-list-link::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    margin-top: 2px;
    top: 50%;
    right: 0;
    font-weight: 800;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.tags-list-link::before {
    content: "F";
    font-size: 10px;
    opacity: 1;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.tags-list-link::after {
    content: "f";
    font-size: 8px;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tags-list {
    position: absolute;
    left: 50%;
    width: 100%;
    margin-top: 12px;
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.tags-list .tag-item {
    display: inline-block;
    font-size: .94rem;
    line-height: 1;
    margin-top: 20px;
    margin-right: 0
}

.tags-list .tag-item a {
    color: #fff;
    font-weight: 300;
    letter-spacing: .3px;
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    cursor: pointer;
    text-transform: none;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.tags-list .tag-item a:focus, .tags-list .tag-item a:focus::before, .tags-list .tag-item a:hover, .tags-list .tag-item a:hover::before {
    color: #004e9c
}

.tags-list .tag-item a::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "X";
    color: #fff;
    background-color: transparent;
    position: absolute;
    opacity: 1;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.tags-list .tag-item a.active {
    color: #fff;
    background-color: transparent
}

.tags-list .tag-item a.active::before {
    color: #fff
}

.tags-list .tag-item a.active::after {
    content: none
}

.tags-list .tag-item + .tag-item {
    margin-left: 15px
}

.tags-list .tag-item .active, .tags-list .tag-item .active::before {
    opacity: .52;
    pointer-events: none
}

@media (max-width: 799px) {
    .tags-list {
        margin-top: 18px
    }

    .tags-list .tag-item {
        font-size: 1rem;
        padding: 0;
        margin-top: 24px
    }
}

.references-teaser {
    position: relative;
    margin-bottom: 32px
}

.references-teaser.references-large-teaser:hover img {
    -webkit-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1)
}

.references-teaser .autocomplete-suggestion, .references-teaser .link {
    font-size: 1.125rem;
    font-weight: 100;
    opacity: 0;
    z-index: 2;
    position: absolute;
    bottom: 10px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s linear;
    transition: opacity .3s ease-out, -webkit-transform .3s linear;
    -o-transition: opacity .3s ease-out, -o-transform .3s linear;
    -moz-transition: opacity .3s ease-out, transform .3s linear, -moz-transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear;
    transition: opacity .3s ease-out, transform .3s linear, -webkit-transform .3s linear, -moz-transform .3s linear, -o-transform .3s linear
}

.references-teaser .autocomplete-suggestion::before, .references-teaser .link::before {
    top: 9px
}

@media (min-width: 800px) {
    .references-teaser:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .references-teaser:hover .autocomplete-suggestion, .references-teaser:hover .link {
        opacity: 1;
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }

    .references-teaser:hover .meta-information {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@media (max-width: 991px) {
    .references-teaser {
        position: relative;
        margin-top: -1px;
        margin-bottom: 0;
        padding: 28px 0;
        background-color: #fcfcfc;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .references-teaser::after {
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "F";
        position: absolute;
        font-size: 16px;
        color: #004e9c;
        right: 0;
        margin-top: -1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .references-teaser .autocomplete-suggestion, .references-teaser .link {
        display: none
    }
}

.references-large-teaser .references-teaser-img-holder {
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px)
}

.references-large-teaser .references-teaser-img-holder::before {
    content: none
}

.references-large-teaser .references-teaser-img-holder img {
    height: 100%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    display: block
}

@media (min-width: 992px) {
    .references-large-teaser {
        height: -webkit-calc(100% - 32px);
        height: -moz-calc(100% - 32px);
        height: calc(100% - 32px)
    }

    .references-large-teaser .references-teaser-description {
        padding: 12px 24px 16px
    }

    .references-large-teaser .references-teaser-heading-wrapper {
        padding: 24px;
        height: 100px;
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%)
    }

    .references-large-teaser .references-teaser-heading {
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .references-large-teaser .autocomplete-suggestion, .references-large-teaser .link {
        left: 24px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .references-large-teaser {
        height: 623px
    }
}

@media (min-width: 1200px) {
    .references-large-teaser {
        height: 690px
    }
}

.references-teaser-img-holder {
    position: relative;
    overflow: hidden
}

.references-teaser-img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 43%
}

.references-teaser-img-holder > img, .references-teaser-img-holder > picture, .references-teaser-img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.references-teaser-img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.references-teaser-img-holder img {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (max-width: 991px) {
    .references-teaser-img-holder {
        min-width: 95px;
        min-height: 86px
    }

    .references-teaser-img-holder::before {
        content: none
    }

    .references-teaser-img-holder img {
        width: 95px;
        height: 86px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.references-teaser-description {
    background-color: #fff;
    padding: 24px 24px 16px;
    -webkit-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .08);
    box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .08)
}

@media (max-width: 991px) {
    .references-teaser-description {
        background-color: #fcfcfc;
        padding: 0 16px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        min-height: 86px
    }

    .references-teaser-description .references-teaser-heading-wrapper {
        width: 100%
    }
}

.references-teaser-heading {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    height: 56px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 24px;
    overflow: hidden
}

@media (max-width: 991px) {
    .references-teaser-heading {
        font-size: 1rem;
        line-height: 1.125rem;
        height: auto;
        margin-bottom: 0;
        width: 100%
    }
}

.meta-information {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease-out;
    transition: opacity .2s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .2s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .2s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .2s linear;
    transition: transform .3s ease-out, opacity .2s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.meta-information .references-date-info, .meta-information .references-location-info {
    font-size: .75rem;
    line-height: 1;
    display: block;
    margin-top: 12px
}

@media (max-width: 799px) {
    .meta-information .references-date-info, .meta-information .references-location-info {
        white-space: normal;
        word-break: break-word
    }
}

@media (min-width: 992px) {
    .meta-information {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .meta-information .references-date-info, .meta-information .references-location-info {
        margin-top: 0;
        display: inline-block
    }
}

.green-block-quote-wrapper {
    position: relative;
    width: 100%;
    height: -webkit-calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: calc(100% - 32px);
    background-color: #004e9c;
    margin-bottom: 32px;
    overflow: hidden
}

@media (max-width: 991px) {
    .green-block-quote-wrapper {
        position: relative;
        height: auto !important;
        max-height: 375px;
        margin: 28px 0
    }

    .green-block-quote-wrapper::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .green-block-quote-wrapper > img, .green-block-quote-wrapper > picture, .green-block-quote-wrapper > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .green-block-quote-wrapper > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (max-width: 799px) {
    .green-block-quote-wrapper {
        max-height: none
    }

    .green-block-quote-wrapper::before {
        content: none
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .green-block-quote-wrapper {
        height: 295px
    }
}

@media (min-width: 1200px) {
    .green-block-quote-wrapper {
        height: 329px
    }
}

.green-block-quote {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.green-block-quote .block-with-quotation-marks {
    position: relative;
    padding: 30px 16px;
    width: 100%;
    height: 100%
}

.green-block-quote .block-with-quotation-marks::after, .green-block-quote .block-with-quotation-marks::before {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: -webkit-calc(100% - 64px);
    width: -moz-calc(100% - 64px);
    width: calc(100% - 64px)
}

.green-block-quote .block-with-quotation-marks::before {
    top: 16px;
    right: 16px
}

.green-block-quote .block-with-quotation-marks::after {
    bottom: 16px;
    left: 16px
}

.green-block-quote::after, .green-block-quote::before {
    content: '“';
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 42px;
    height: 14px;
    line-height: .75
}

.green-block-quote::before {
    top: 16px;
    left: 16px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.green-block-quote::after {
    bottom: 16px;
    right: 16px
}

@media (max-width: 799px) {
    .green-block-quote {
        position: relative
    }
}

.quote-content-wrapper {
    position: absolute;
    text-align: center;
    color: #fff;
    top: 50%;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .quote-content-wrapper {
        position: relative;
        width: 100%;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.quote-text {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.5rem;
    text-transform: uppercase
}

.quote-author-text {
    font-size: .875rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 12px
}

.quote-author-text .quote-author-position {
    font-weight: 100
}

.reference-main-heading {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .reference-main-heading {
        font-size: 1.75rem;
        word-break: break-word
    }
}

.reference-main-subheadline {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400
}

.reference-detail .reference-detail-info-wrapper {
    margin: 32px 0
}

.reference-detail .reference-detail-text-info {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.reference-detail .reference-detail-text-info .autocomplete-suggestion + .autocomplete-suggestion, .reference-detail .reference-detail-text-info .autocomplete-suggestion + .link, .reference-detail .reference-detail-text-info .link + .autocomplete-suggestion, .reference-detail .reference-detail-text-info .link + .link {
    margin-top: 14px
}

.reference-description {
    margin-top: 14px;
    margin-bottom: -1rem
}

.reference-description .default-list, .reference-description p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.reference-description .default-list {
    margin-bottom: 28px
}

.reference-description li + li {
    margin-top: 14px
}

@media (max-width: 799px) {
    .reference-description h3, .reference-description h4 {
        word-break: break-word
    }
}

@media (max-width: 991px) {
    html.no-scrollable .references-grid .bg-overlay {
        opacity: 1;
        z-index: 1
    }

    html.no-scrollable .references-grid .references-grid-bg-wrapper {
        overflow: visible
    }
}

.table-block {
    background-color: #ececec;
    padding-top: 120px;
    font-weight: 100
}

@media (max-width: 799px) {
    .table-block {
        padding-top: 25px;
        background-color: #fcfcfc
    }
}

.table-block .table .table-row:last-child p {
    margin-bottom: -1rem
}

.tabs .dropdown .dropdown-menu {
    right: 0;
    width: -webkit-calc(100% + 4px) !important;
    width: -moz-calc(100% + 4px) !important;
    width: calc(100% + 4px) !important
}

.teaser-tabs .tab-content > .tab-pane {
    display: block
}

.teaser-tabs .accordion {
    display: none
}

@media (max-width: 799px) {
    .teaser-tabs .accordion {
        display: block
    }

    .teaser-tabs .accordion .card {
        padding: 16px 0
    }
}

.teaser-tabs .accordion .teaser-tab-description {
    margin-top: 26px;
    margin-bottom: 16px
}

.teaser-tabs .accordion .title {
    font-size: 1.25rem;
    margin-bottom: 0
}

.teaser-tabs-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: height .3s linear .1s;
    -o-transition: height .3s linear .1s;
    -moz-transition: height .3s linear .1s;
    transition: height .3s linear .1s;
    min-height: 620px
}

@media (max-width: 799px) {
    .teaser-tabs-wrap {
        display: none
    }
}

.teaser-nav-tabs {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 15px;
    top: 352px;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    border-bottom: 0;
    -webkit-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15)
}

.teaser-nav-item {
    position: relative;
    width: 100%;
    padding: 0 32px;
    background-color: #fff;
    z-index: 2;
    overflow: hidden
}

.teaser-nav-item a {
    display: inline-block;
    width: 100%;
    padding: 16px 0 18px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    color: #181818;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.teaser-nav-item a .title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0
}

.teaser-nav-item a.active {
    color: #004e9c
}

.teaser-nav-item a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #d9d9d9
}

.teaser-nav-item:first-of-type a::before {
    content: none
}

.teaser-nav-item::after {
    content: '';
    display: block;
    width: 500px;
    height: 500px;
    background-color: #004e9c;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    z-index: -1;
    -webkit-transform: translate(-125%, -100%) rotate(45deg);
    -moz-transform: translate(-125%, -100%) rotate(45deg);
    -ms-transform: translate(-125%, -100%) rotate(45deg);
    -o-transform: translate(-125%, -100%) rotate(45deg);
    transform: translate(-125%, -100%) rotate(45deg);
    -webkit-transition: all .7s cubic-bezier(.165, .84, .44, 1);
    -o-transition: all .7s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all .7s cubic-bezier(.165, .84, .44, 1);
    transition: all .7s cubic-bezier(.165, .84, .44, 1)
}

.teaser-nav-item:hover {
    text-decoration: none
}

.teaser-nav-item:hover a {
    color: #fff
}

.teaser-nav-item:hover a::before {
    z-index: -1
}

.teaser-nav-item:hover + li a::before {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.teaser-nav-item:hover::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "F";
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    right: 30px;
    top: 50%;
    bottom: auto;
    left: auto;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.teaser-nav-item:hover::after {
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
}

.teaser-tab-pane {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .6s ease-out;
    -o-transition: opacity .6s ease-out;
    -moz-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}

.teaser-tab-pane.active {
    opacity: 1;
    z-index: 1
}

.teaser-tab-pane:not([aria-expanded]) .teaser-tab-description {
    display: block
}

.teaser-tab-img-wrapper img {
    height: 100%
}

@media (min-width: 800px) {
    .teaser-tab-img-wrapper {
        margin-left: 8.33333%;
        max-height: 432px;
        position: relative;
        overflow: hidden
    }
}

.teaser-tab-description {
    margin-top: 32px;
    display: none
}

.teaser-tab-description .heading {
    line-height: 1.75rem;
    margin-bottom: 14px
}

.teaser-tab-description .text {
    margin-bottom: 28px
}

@media (max-width: 799px) {
    .teaser-tab-description {
        display: block
    }
}

.default-tabs .tab-content {
    margin-top: 80px
}

.default-tabs .tab-content header {
    position: relative;
    background: 0 0;
    z-index: 10
}

.default-tabs .tabs-wrap {
    position: relative;
    text-align: center;
    margin: 0 auto;
    overflow: hidden
}

.default-tabs .nav {
    position: relative;
    display: inline-block
}

.default-tabs .nav.slick-slider {
    display: block;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    margin: 0 auto
}

.default-tabs .nav.slick-slider .slick-list {
    z-index: 1
}

.default-tabs .nav.slick-slider .slick-slide li:last-of-type {
    margin-right: 32px
}

.default-tabs .nav.slick-slider a {
    color: #181818
}

.default-tabs .nav.slick-slider a.active, .default-tabs .nav.slick-slider a:focus, .default-tabs .nav.slick-slider a:hover {
    color: #004e9c
}

.default-tabs .nav.slick-slider .slick-next::before, .default-tabs .nav.slick-slider .slick-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    content: "F";
    color: #004e9c;
    font-size: 20px;
    left: 0;
    top: 50%;
    position: relative;
    z-index: 2
}

.default-tabs .nav.slick-slider .slick-next::after, .default-tabs .nav.slick-slider .slick-prev::after {
    content: '';
    width: 75px;
    position: absolute;
    display: block;
    height: 30px;
    bottom: 0;
    z-index: 1
}

.default-tabs .nav.slick-slider .slick-next::before {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%)
}

.default-tabs .nav.slick-slider .slick-next::after {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fcfcfc));
    background: -webkit-linear-gradient(left, #fff 0, #fcfcfc 100%);
    background: -moz-linear-gradient(left, #fff 0, #fcfcfc 100%);
    background: -o-linear-gradient(left, #fff 0, #fcfcfc 100%);
    background: linear-gradient(to right, #fff 0, #fcfcfc 100%);
    right: 25px
}

.default-tabs .nav.slick-slider .slick-prev::before {
    -webkit-transform: translateY(-15%) rotate(180deg);
    -moz-transform: translateY(-15%) rotate(180deg);
    -ms-transform: translateY(-15%) rotate(180deg);
    -o-transform: translateY(-15%) rotate(180deg);
    transform: translateY(-15%) rotate(180deg)
}

.default-tabs .nav.slick-slider .slick-prev::after {
    background: -webkit-gradient(linear, left top, right top, from(#fcfcfc), to(#fff));
    background: -webkit-linear-gradient(left, #fcfcfc 0, #fff 100%);
    background: -moz-linear-gradient(left, #fcfcfc 0, #fff 100%);
    background: -o-linear-gradient(left, #fcfcfc 0, #fff 100%);
    background: linear-gradient(to right, #fcfcfc 0, #fff 100%);
    left: 25px
}

.default-tabs .nav.slick-slider .slick-arrow {
    z-index: 3;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s
}

.default-tabs .nav.slick-slider .slick-arrow.slick-disabled::after, .default-tabs .nav.slick-slider .slick-arrow.slick-disabled::before {
    content: '';
    display: none
}

.default-tabs .nav::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    position: absolute;
    bottom: 1px
}

@media (max-width: 799px) {
    .default-tabs .nav::after {
        display: none
    }
}

.default-tabs li {
    margin-right: 32px;
    display: inline-block;
    text-align: left;
    white-space: nowrap
}

.default-tabs li:last-of-type {
    margin-right: 0
}

.default-tabs li a:not(.tag-item-link) {
    color: #181818;
    font-size: .94rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    padding: 5px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.default-tabs li a:not(.tag-item-link) h2 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0
}

.default-tabs li a:not(.tag-item-link).active, .default-tabs li a:not(.tag-item-link):focus, .default-tabs li a:not(.tag-item-link):hover {
    color: #004e9c
}

.default-tabs li a:not(.tag-item-link).active::after {
    content: '';
    display: block;
    background: #004e9c;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

@media (max-width: 799px) {
    .default-tabs li a:not(.tag-item-link).active {
        background: #004e9c
    }
}

.default-tabs li a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

.default-tabs li.year a {
    color: #181818
}

.default-tabs li.year a.active, .default-tabs li.year a:focus, .default-tabs li.year a:hover {
    color: #004e9c
}

@media (max-width: 799px) {
    .default-tabs li {
        display: block;
        margin-right: 0;
        padding: 0 14px
    }
}

@media (max-width: 991px) {
    .default-tabs .dropdown {
        display: block;
        max-width: 510px;
        width: 100%;
        margin: 0 auto
    }

    .default-tabs .dropdown .dropdown-menu {
        position: relative;
        float: none;
        border: 0;
        line-height: 2.5rem;
        padding: 0;
        max-height: none;
        overflow: hidden;
        background-color: transparent
    }

    .default-tabs .dropdown li {
        display: block;
        background: 0 0;
        text-transform: uppercase;
        color: #181818;
        font-size: .94rem;
        font-weight: 400;
        padding: 0;
        letter-spacing: 1px;
        margin-bottom: -1px;
        width: 100%;
        -webkit-transition: all ease .2s;
        -o-transition: all ease .2s;
        -moz-transition: all ease .2s;
        transition: all ease .2s
    }

    .default-tabs .dropdown li a {
        display: block;
        color: #004e9c;
        line-height: 2.5rem;
        padding: 0 14px
    }

    .default-tabs .dropdown li a::before {
        content: '';
        display: block;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
        height: 1px;
        background: #d9d9d9;
        position: absolute
    }

    .default-tabs .dropdown li a::after {
        display: none
    }

    .default-tabs .dropdown li a.active {
        background: #004e9c;
        color: #fff
    }

    .default-tabs .dropdown li a.active::before {
        background: #004e9c
    }

    .default-tabs .dropdown li h2 {
        line-height: 2.5rem
    }

    .default-tabs .dropdown li:hover {
        background: #004e9c
    }

    .default-tabs .dropdown li:hover a {
        color: #fff
    }

    .default-tabs .dropdown li:hover a:not([class]):not([data-toggle]):not([data-tag-uid]) {
        color: #fff
    }

    .default-tabs .dropdown li:hover a::before {
        background: #004e9c
    }

    .default-tabs .dropdown li:hover + .nav-item a::before {
        background: #004e9c
    }

    .default-tabs .dropdown li:first-of-type a::before {
        content: none
    }

    .default-tabs .dropdown li:last-of-type a::after {
        display: none
    }

    .default-tabs .dropdown.show .dropdown-toggle::after {
        -webkit-transform: translateY(-50%) rotate(270deg);
        -moz-transform: translateY(-50%) rotate(270deg);
        -ms-transform: translateY(-50%) rotate(270deg);
        -o-transform: translateY(-50%) rotate(270deg);
        transform: translateY(-50%) rotate(270deg);
        margin-top: -1px
    }

    .default-tabs .dropdown.show .dropdown-menu {
        border: 2px solid #004e9c;
        border-bottom: 0
    }
}

.hk-ce.grey .default-tabs .slick-slider .slick-next::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(236, 236, 236, 0)), to(#ececec));
    background: -webkit-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -moz-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -o-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: linear-gradient(to right, rgba(236, 236, 236, 0) 0, #ececec 100%)
}

.hk-ce.grey .default-tabs .slick-slider .slick-prev::after {
    background: -webkit-gradient(linear, left top, right top, from(#ececec), to(rgba(236, 236, 236, 0)));
    background: -webkit-linear-gradient(left, #ececec 0, rgba(236, 236, 236, 0) 100%);
    background: -moz-linear-gradient(left, #ececec 0, rgba(236, 236, 236, 0) 100%);
    background: -o-linear-gradient(left, #ececec 0, rgba(236, 236, 236, 0) 100%);
    background: linear-gradient(to right, #ececec 0, rgba(236, 236, 236, 0) 100%)
}

.hk-ce.green .default-tabs .slick-slider .slick-next::before, .hk-ce.green .default-tabs .slick-slider .slick-prev::before {
    color: #fff
}

.hk-ce.green .default-tabs .slick-slider .slick-next::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(125, 183, 19, 0)), to(#004e9c));
    background: -webkit-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
    background: -moz-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
    background: -o-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
    background: linear-gradient(to right, rgba(125, 183, 19, 0) 0, #004e9c 100%)
}

.hk-ce.green .default-tabs .slick-slider .slick-prev::after {
    background: -webkit-gradient(linear, left top, right top, from(#004e9c), to(rgba(125, 183, 19, 0)));
    background: -webkit-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
    background: -moz-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
    background: -o-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
    background: linear-gradient(to right, #004e9c 0, rgba(125, 183, 19, 0) 100%)
}

@media screen and (max-width: 799px) {
    .hk-ce .green .tabs-wrap .dropdown, .hk-ce .white .tabs-wrap .dropdown {
        margin-top: 0
    }

    .hk-ce .green .tab-content, .hk-ce .white .tab-content {
        margin-top: 56px
    }

    .hk-ce .green .tab-content .vertical-offset-top, .hk-ce .green .tab-content section, .hk-ce .white .tab-content .vertical-offset-top, .hk-ce .white .tab-content section {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .hk-ce .green .tabs-wrap .nav::after {
        background-color: #fff
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-next::before {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-next::after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(125, 183, 19, 0)), to(#004e9c));
        background: -webkit-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
        background: -moz-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
        background: -o-linear-gradient(left, rgba(125, 183, 19, 0) 0, #004e9c 100%);
        background: linear-gradient(to right, rgba(125, 183, 19, 0) 0, #004e9c 100%)
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-prev::before {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .nav.slick-slider .slick-prev::after {
        background: -webkit-gradient(linear, left top, right top, from(#004e9c), to(rgba(125, 183, 19, 0)));
        background: -webkit-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
        background: -moz-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
        background: -o-linear-gradient(left, #004e9c 0, rgba(125, 183, 19, 0) 100%);
        background: linear-gradient(to right, #004e9c 0, rgba(125, 183, 19, 0) 100%)
    }

    .hk-ce .green .tabs-wrap .nav li a {
        color: rgba(255, 255, 255, .75)
    }

    .hk-ce .green .tabs-wrap .nav li a::before {
        background-color: #fff
    }

    .hk-ce .green .tabs-wrap .nav li a.active, .hk-ce .green .tabs-wrap .nav li a:focus, .hk-ce .green .tabs-wrap .nav li a:hover {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .nav li a.active::after {
        background: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown {
        margin-top: 0;
        border: 2px solid #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-toggle {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-toggle::after {
        color: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu {
        background: 0 0
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li.active a::after, .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li.active::after {
        background: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li a {
        background: 0 0;
        color: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li a::before {
        background: #fff
    }

    .hk-ce .green .tabs-wrap .dropdown .dropdown-menu li a.active {
        background: #fff;
        color: #004e9c
    }

    .hk-ce .green .tabs-wrap .dropdown.show .dropdown-menu {
        border: 2px solid #fff;
        border-bottom: 0
    }
}

.h1, h1, h2, h3 {
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .h1, h1, h2, h3 {
        word-break: break-word
    }
}

.h1, h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 3rem
}

@media (max-width: 799px) {
    h2 {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

.main-heading, .play-button-wrapper .video-text, .video-text, h3 {
    font-size: 2.25rem
}

@media (max-width: 799px) {
    .main-heading, .play-button-wrapper .video-text, .video-text, h3 {
        font-size: 1.25rem;
        line-height: 1.25rem
    }
}

.heading, h4 {
    font-size: 1.125rem;
    font-weight: 400
}

.large-heading {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 4rem;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .large-heading {
        font-size: 2.5rem;
        line-height: 1
    }
}

.green-text, .medium-heading, .teaser-thumbnails.layout-special .slide-text :first-child, .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 24px
}

.heading {
    text-transform: none
}

p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

.paragraph-large-size {
    font-size: 1.75rem;
    line-height: 2.5rem
}

@media (max-width: 799px) {
    .paragraph-large-size {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.paragraph-small-size, .product-description-image-s-grid, .product-description-image-s-grid p, .product-title-image-s-grid, .product-title-image-s-grid p, .teaser-thumbnails.layout-special .slide-text * {
    font-size: 1rem;
    line-height: 1.5rem
}

.paragraph-bu-size {
    font-size: .875rem;
    line-height: 1rem
}

.paragraph-thicker-size {
    font-size: 1.3125rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 42px
}

.green-text, .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    line-height: 1;
    color: #004e9c;
    margin-bottom: 0
}

.skyline {
    display: inline-block;
    padding: 2px;
    background-color: #004e9c;
    color: #fff;
    font-size: .94rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

h1.heading-bu, h1.heading-l, h1.heading-m, h1.heading-s, h1.heading-xl, h1.heading-xxl, h2.heading-bu, h2.heading-l, h2.heading-m, h2.heading-s, h2.heading-xl, h2.heading-xxl, h3.heading-bu, h3.heading-l, h3.heading-m, h3.heading-s, h3.heading-xl, h3.heading-xxl, h4.heading-bu, h4.heading-l, h4.heading-m, h4.heading-s, h4.heading-xl, h4.heading-xxl, h5.heading-bu, h5.heading-l, h5.heading-m, h5.heading-s, h5.heading-xl, h5.heading-xxl, h6.heading-bu, h6.heading-l, h6.heading-m, h6.heading-s, h6.heading-xl, h6.heading-xxl, p.heading-bu, p.heading-l, p.heading-m, p.heading-s, p.heading-xl, p.heading-xxl {
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

h1.heading-xxl, h2.heading-xxl, h3.heading-xxl, h4.heading-xxl, h5.heading-xxl, h6.heading-xxl, p.heading-xxl {
    font-size: 3rem;
    margin-bottom: 80px
}

@media (max-width: 799px) {
    h1.heading-xxl, h2.heading-xxl, h3.heading-xxl, h4.heading-xxl, h5.heading-xxl, h6.heading-xxl, p.heading-xxl {
        font-size: 2.25rem;
        margin-bottom: 56px
    }
}

h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl, p.heading-xl {
    font-size: 2.25rem;
    margin-bottom: 56px
}

@media (max-width: 799px) {
    h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl, p.heading-xl {
        font-size: 1.75rem;
        margin-bottom: 42px
    }
}

h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l, p.heading-l {
    font-size: 1.5rem;
    margin-bottom: 42px
}

@media (max-width: 799px) {
    h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l, p.heading-l {
        font-size: 1.25rem;
        margin-bottom: 28px
    }
}

h1.heading-bu, h1.heading-m, h1.heading-s, h2.heading-bu, h2.heading-m, h2.heading-s, h3.heading-bu, h3.heading-m, h3.heading-s, h4.heading-bu, h4.heading-m, h4.heading-s, h5.heading-bu, h5.heading-m, h5.heading-s, h6.heading-bu, h6.heading-m, h6.heading-s, p.heading-bu, p.heading-m, p.heading-s {
    font-weight: 400;
    text-transform: none
}

h1.heading-s, h2.heading-s, h3.heading-s, h4.heading-s, h5.heading-s, h6.heading-s, p.heading-s {
    font-size: 1rem;
    line-height: 1.5rem
}

h1.heading-bu, h2.heading-bu, h3.heading-bu, h4.heading-bu, h5.heading-bu, h6.heading-bu, p.heading-bu {
    font-size: .875rem;
    line-height: 1.25rem
}

h1.heading-m, h2.heading-m, h3.heading-m, h4.heading-m, h5.heading-m, h6.heading-m, p.heading-m {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-bottom: .5rem
}

h1.heading-m:not(:first-of-type), h2.heading-m:not(:first-of-type), h3.heading-m:not(:first-of-type), h4.heading-m:not(:first-of-type), h5.heading-m:not(:first-of-type), h6.heading-m:not(:first-of-type), p.heading-m:not(:first-of-type) {
    margin-top: .5rem
}

h4.heading-m:not(:first-of-type) {
    margin-top: .5rem
}

sup {
    top: -3px
}

.fact-l, .fact-l-mobile, .fact-m, .fact-s, .fact-xl, .fact-xs, .fact-xs-mobile, .fact-xxl {
    font-weight: 800;
    line-height: 1;
    color: #004e9c;
    text-transform: uppercase;
    margin-bottom: 4px
}

.fact-xxl {
    font-size: 6rem
}

.fact-xl {
    font-size: 4.5rem
}

.fact-l {
    font-size: 3rem
}

@media (max-width: 799px) {
    .fact-l {
        font-size: 2.5rem
    }
}

.fact-m {
    font-size: 2rem
}

.fact-s {
    font-size: 1.5rem
}

.fact-xs {
    font-size: 1rem
}

@media (max-width: 799px) {
    .fact-xs {
        font-size: .875rem
    }
}

.green-rte {
    color: #004e9c
}

.white-rte {
    color: #fff
}

.search-teaser {
    padding: 120px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.search-teaser h2 {
    color: #fff;
    line-height: 1;
    text-align: center
}

@media (max-width: 799px) {
    .search-teaser h2 {
        font-size: 2.25rem;
        margin-bottom: 16px
    }
}

.search-teaser .autocomplete-suggestions {
    position: relative !important;
    margin-top: 4px;
    padding: 16px;
    z-index: 10 !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.search-teaser .autocomplete-suggestion {
    display: none
}

.search-teaser .autocomplete-suggestion::before, .search-teaser .autocomplete-suggestion:hover {
    color: #004e9c
}

.search-teaser .autocomplete-suggestion:nth-child(-n+5) {
    display: block
}

@media (min-width: 992px) {
    .search-teaser .search-teaser-form {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin: 32px auto 0
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .search-teaser .search-teaser-form {
        margin-top: 32px
    }
}

@media (max-width: 799px) {
    .search-teaser {
        padding: 80px 0
    }

    .search-teaser .autocomplete-suggestion {
        font-size: 1rem;
        line-height: 1.3125rem;
        margin-bottom: 10px
    }

    .search-teaser .autocomplete-suggestion, .search-teaser .autocomplete-suggestion .internal-link {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%
    }
}

.search-teaser-field-wrapper {
    width: 100%;
    min-height: 40px
}

@media (max-width: 799px) {
    .search-teaser-field-wrapper {
        width: -webkit-calc(100% - 49px);
        width: -moz-calc(100% - 49px);
        width: calc(100% - 49px)
    }
}

.search-teaser-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.search-teaser-wrapper .tx-solr-submit {
    background-color: #fff;
    border-color: #fff;
    margin-left: 4px;
    font-weight: 400
}

.search-teaser-wrapper .tx-solr-submit::before {
    color: #004e9c
}

@media (min-width: 800px) {
    .search-teaser-wrapper .tx-solr-submit {
        color: #004e9c
    }
}

@media (max-width: 799px) {
    .search-teaser-wrapper .tx-solr-submit {
        color: transparent;
        width: 44px
    }

    .search-teaser-wrapper .tx-solr-submit::before {
        display: inline-block;
        content: '';
        background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Icons/Header/search-mobile-green.svg');
        -webkit-background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -o-background-size: 18px 18px;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .search-teaser-wrapper .tx-solr-submit::after {
        content: none
    }
}

.search-teaser-field {
    padding: 0;
    width: 100%;
    height: 40px
}

.search-teaser-field input {
    width: 100%;
    padding: 8px 16px
}

.search-teaser-field input::-webkit-input-placeholder {
    opacity: 1
}

.search-teaser-field input:-moz-placeholder {
    opacity: 1
}

.search-teaser-field input::-moz-placeholder {
    opacity: 1
}

.search-teaser-field input:-ms-input-placeholder {
    opacity: 1
}

.search-results .autocomplete-suggestions {
    display: none !important
}

.search-results .qty-slides {
    position: relative;
    font-weight: 400;
    padding: 5px 0;
    height: 40px;
    width: 140px;
    text-align: center;
    border: 2px solid #004e9c;
    color: #004e9c;
    margin: 40px auto 0
}

.search-results .qty-slides .number-slide, .search-results .qty-slides .qty {
    position: relative;
    display: inline-block
}

.search-results .qty-slides .number-slide {
    margin-right: 3px
}

.search-results .qty-slides .number-slide::after {
    content: '/';
    position: absolute;
    right: -6px
}

.search-results .qty-slides .qty {
    margin-left: 3px
}

.search-results .qty-slides .button-slide-next, .search-results .qty-slides .button-slide-prev {
    position: absolute;
    top: 0;
    height: 38px;
    width: 38px;
    z-index: 5;
    cursor: pointer;
    border: 0;
    background-color: transparent
}

.search-results .qty-slides .button-slide-next::before, .search-results .qty-slides .button-slide-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 15px;
    color: #004e9c;
    font-size: 20px;
    line-height: 20px;
    font-weight: 100;
    opacity: 1
}

.search-results .qty-slides .button-slide-next.disabled, .search-results .qty-slides .button-slide-prev.disabled {
    opacity: .5
}

.search-results .qty-slides .button-slide-prev {
    left: 0
}

.search-results .qty-slides .button-slide-next {
    right: 0
}

.search-results .qty-slides .button-slide-next::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 13px
}

@media (max-width: 799px) {
    .search-results .qty-slides {
        margin-top: 16px
    }
}

.search-results .search-line {
    background: #ececec;
    margin-bottom: 80px;
    position: relative
}

.search-results .search-line form {
    position: relative
}

.search-results .search-line .overlay-shadow-left, .search-results .search-line .overlay-shadow-right {
    position: absolute;
    top: 28px;
    height: 40px;
    width: 120px;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.search-results .search-line .overlay-shadow-left.visible, .search-results .search-line .overlay-shadow-right.visible {
    opacity: 1
}

.search-results .search-line .search-btn {
    position: absolute;
    background: 0 0;
    z-index: 99;
    left: -5px;
    top: 50%;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-results .search-line .search-btn i::before {
    font-size: 27px
}

.search-results .search-line input, .search-results .search-line textarea {
    margin-bottom: 0;
    padding: 35px 20px 35px 0;
    position: relative;
    background: #ececec;
    width: auto;
    outline: 0;
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    border: 0
}

.search-results .search-line .btn-link {
    min-width: 185px;
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.search-results .search-line .btn-link::before {
    margin-top: -1px
}

.search-results .input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-y: auto;
    margin-left: 40px;
    overflow: -moz-scrollbars-none
}

.search-results .input-wrapper [class*=overlay-shadow-]:not(.visible) {
    visibility: hidden
}

.search-results .input-wrapper .input-search-result.width-full {
    width: 100%
}

.search-results .input-wrapper::-webkit-scrollbar {
    display: none
}

.search-results .overlay-shadow-left {
    left: 40px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(236, 236, 236, 0)), to(#ececec));
    background: -webkit-linear-gradient(right, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -moz-linear-gradient(right, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -o-linear-gradient(right, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: linear-gradient(270deg, rgba(236, 236, 236, 0) 0, #ececec 100%)
}

.search-results .overlay-shadow-right {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(236, 236, 236, 0)), to(#ececec));
    background: -webkit-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -moz-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: -o-linear-gradient(left, rgba(236, 236, 236, 0) 0, #ececec 100%);
    background: linear-gradient(90deg, rgba(236, 236, 236, 0) 0, #ececec 100%)
}

.search-results .result-quantiny {
    font-weight: 100
}

.search-results .results:not(:last-of-type) {
    padding-bottom: 40px
}

.search-results .results h4 {
    margin-bottom: 14px;
    line-height: 1.6
}

.search-results .results .description {
    margin-bottom: 14px
}

.search-results .results .autocomplete-suggestion, .search-results .results .link {
    font-size: 1.125rem;
    font-weight: 100
}

.search-results .results .images {
    position: relative;
    overflow: hidden
}

.search-results .results .images::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.search-results .results .images > img, .search-results .results .images > picture, .search-results .results .images > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.search-results .results .images > video {
    -o-object-fit: contain;
    object-fit: contain
}

.search-results .results .images > img {
    top: auto
}

@media (max-width: 799px) {
    .search-results .results .images {
        display: none
    }
}

.search-results .search-result-title a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-decoration: inherit;
    padding-left: 0;
    max-width: 100%;
    word-break: break-word;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.search-results .search-result-title a::after, .search-results .search-result-title a::before {
    content: none
}

.search-results .search-result-title a:not([class]):not([data-toggle]):not([data-tag-uid])::after {
    content: none
}

@media (max-width: 799px) {
    .search-results .default-tabs .tab-content {
        margin-top: 56px
    }

    .search-results .mCSB_inside > .mCSB_container {
        margin-right: 0
    }

    .search-results .overlay-shadow-left, .search-results .overlay-shadow-right {
        width: 60px;
        top: 18px
    }

    .search-results .overlay-shadow-left {
        left: 0
    }

    .search-results .search-line {
        margin-bottom: 40px
    }

    .search-results .search-line::before {
        display: none
    }

    .search-results .search-line .input-wrapper {
        margin-left: 0
    }

    .search-results .search-line input, .search-results .search-line textarea {
        padding: 26px 0;
        font-size: 1.125rem
    }

    .search-results .search-line .btn-link {
        display: none
    }

    .search-results .search-btn {
        display: none
    }

    .search-results .results .description {
        word-break: break-word
    }
}

.searched-for {
    font-size: 18px;
    font-weight: 100;
    line-height: 28px
}

.solution-finder .heading-margin-bottom {
    margin-bottom: 70px
}

@media (max-width: 799px) {
    .solution-finder .heading-margin-bottom {
        margin-bottom: 40px
    }
}

.solution-finder .category-title {
    opacity: 0;
    position: absolute;
    top: -80px;
    left: 50%;
    z-index: -1;
    white-space: nowrap;
    display: block;
    color: #004e9c;
    font-size: 48px;
    font-weight: 800;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, 30px);
    -moz-transform: translate(-50%, 30px);
    -ms-transform: translate(-50%, 30px);
    -o-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
    -webkit-transition: opacity .12s linear, -webkit-transform .3s ease-out;
    transition: opacity .12s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .12s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .12s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .12s linear;
    transition: transform .3s ease-out, opacity .12s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (max-width: 799px) {
    .solution-finder .category-title {
        display: none
    }
}

.solution-finder .reverse .category-title {
    -webkit-transform: translate(-50%, -15px);
    -moz-transform: translate(-50%, -15px);
    -ms-transform: translate(-50%, -15px);
    -o-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px)
}

.solution-finder .tab-content {
    margin-top: 56px;
    position: relative
}

.solution-finder .tab-content [class*=col-] {
    padding: 0
}

@media (min-width: 992px) {
    .solution-finder .tab-content {
        position: relative;
        margin-bottom: 90px
    }

    .solution-finder .tab-content::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .solution-finder .tab-content > img, .solution-finder .tab-content > picture, .solution-finder .tab-content > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .solution-finder .tab-content > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .solution-finder .tab-content > .tab-pane {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0
    }

    .solution-finder .tab-content > .tab-pane.active {
        opacity: 1;
        z-index: 1
    }

    .solution-finder .tab-content > .tab-pane.active [class$='-8'] .category-block-image {
        opacity: 1
    }

    .solution-finder .tab-content [class*=col-] {
        position: static
    }

    .solution-finder .tab-content [class$='-8'] .category-block-image {
        top: 0;
        left: 0;
        width: -webkit-calc(100% / 12 * 8 + 1px);
        width: -moz-calc(100% / 12 * 8 + 1px);
        width: calc(100% / 12 * 8 + 1px);
        height: -webkit-calc(100% / 12 * 8 + 1px);
        height: -moz-calc(100% / 12 * 8 + 1px);
        height: calc(100% / 12 * 8 + 1px);
        z-index: 2;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        -o-transition: opacity .25s ease-out;
        -moz-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
        -webkit-animation: lgReverseDiagonal .3s;
        -moz-animation: lgReverseDiagonal .3s;
        -o-animation: lgReverseDiagonal .3s;
        animation: lgReverseDiagonal .3s
    }

    .solution-finder .tab-content [class$='-4'] .category-block-green, .solution-finder .tab-content [class$='-4'] .category-block-image {
        width: -webkit-calc(100% / 12 * 4);
        width: -moz-calc(100% / 12 * 4);
        width: calc(100% / 12 * 4);
        height: -webkit-calc(100% / 12 * 4 + 1px);
        height: -moz-calc(100% / 12 * 4 + 1px);
        height: calc(100% / 12 * 4 + 1px);
        right: 0;
        z-index: 1
    }

    .solution-finder .tab-content [class$='-4'] .category-block-image {
        top: 0;
        -webkit-animation: smReverseDiagonal .3s;
        -moz-animation: smReverseDiagonal .3s;
        -o-animation: smReverseDiagonal .3s;
        animation: smReverseDiagonal .3s
    }

    .solution-finder .tab-content [class$='-4'] .category-block-green {
        position: absolute;
        top: -webkit-calc(100% / 12 * 4 - 1px);
        top: -moz-calc(100% / 12 * 4 - 1px);
        top: calc(100% / 12 * 4 - 1px);
        -webkit-animation: greenBlockReverseDiagonal .3s;
        -moz-animation: greenBlockReverseDiagonal .3s;
        -o-animation: greenBlockReverseDiagonal .3s;
        animation: greenBlockReverseDiagonal .3s
    }

    .solution-finder .tab-content [class$='-6'] .category-block-image {
        top: -webkit-calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 8);
        top: calc(100% / 12 * 8);
        width: -webkit-calc(100% / 12 * 6);
        width: -moz-calc(100% / 12 * 6);
        width: calc(100% / 12 * 6);
        height: -webkit-calc(100% / 12 * 6 + 1px);
        height: -moz-calc(100% / 12 * 6 + 1px);
        height: calc(100% / 12 * 6 + 1px);
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .solution-finder .tab-content [class$='-6'] .block-image-1 {
        left: 0
    }

    .solution-finder .tab-content [class$='-6'] .block-image-2 {
        right: 0
    }

    .solution-finder .tab-content.reverse [class$='-8'] .category-block-image {
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6);
        left: inherit;
        right: 0;
        -webkit-animation: lgDiagonal .3s;
        -moz-animation: lgDiagonal .3s;
        -o-animation: lgDiagonal .3s;
        animation: lgDiagonal .3s
    }

    .solution-finder .tab-content.reverse [class$='-4'] .category-block-green, .solution-finder .tab-content.reverse [class$='-4'] .category-block-image {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8)
    }

    .solution-finder .tab-content.reverse [class$='-4'] .category-block-image {
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6);
        -webkit-animation: smDiagonal .3s;
        -moz-animation: smDiagonal .3s;
        -o-animation: smDiagonal .3s;
        animation: smDiagonal .3s
    }

    .solution-finder .tab-content.reverse [class$='-4'] .category-block-green {
        top: -webkit-calc(100% / 12 * 10);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10);
        -webkit-animation: greenBlockDiagonal .3s;
        -moz-animation: greenBlockDiagonal .3s;
        -o-animation: greenBlockDiagonal .3s;
        animation: greenBlockDiagonal .3s
    }

    .solution-finder .tab-content.reverse [class$='-6'] .category-block-image {
        top: 0;
        z-index: 3
    }

    .solution-finder .tab-content.reverse [class$='-6'] .block-image-1 {
        right: 0;
        left: inherit
    }

    .solution-finder .tab-content.reverse [class$='-6'] .block-image-2 {
        left: 0;
        right: inherit
    }
}

@media (min-width: 800px) {
    .solution-finder .tab-content {
        margin-top: 32px
    }
}

@media (max-width: 991px) {
    .solution-finder .tab-content [class^=col-lg-]:last-of-type figcaption {
        padding-bottom: 0
    }

    .solution-finder .tab-content.reverse .active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(1) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(1) figcaption {
        padding-bottom: 0
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(4) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .solution-finder .tab-content.reverse [class^=col-lg-]:nth-of-type(4) figcaption {
        padding-bottom: 32px
    }
}

.category-nav {
    position: relative;
    margin: 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .category-nav {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        margin-left: 16.66667%
    }
}

@media (min-width: 800px) {
    .category-nav .nav-item {
        margin: 6px 10px;
        padding-left: 20px
    }

    .category-nav .link-item {
        font-weight: 100;
        font-size: 1.125rem;
        line-height: 1.75rem;
        -webkit-transition: color .3s ease-out;
        -o-transition: color .3s ease-out;
        -moz-transition: color .3s ease-out;
        transition: color .3s ease-out;
        color: #000
    }

    .category-nav .link-item::before {
        font-size: 16px;
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "X";
        color: #000;
        position: absolute;
        margin-right: 5px;
        left: -22px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: color .3s ease-out;
        -o-transition: color .3s ease-out;
        -moz-transition: color .3s ease-out;
        transition: color .3s ease-out
    }

    .category-nav .link-item:hover {
        color: #004e9c
    }

    .category-nav .link-item:hover::before {
        color: #004e9c
    }

    .category-nav .link-item.active {
        opacity: .5;
        pointer-events: none
    }

    .category-nav .link-item.active + .category-title {
        opacity: 1;
        z-index: 1;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .category-nav .link-item:focus {
        color: #181818
    }

    .category-nav .dropdown {
        display: none
    }
}

.category-block-image {
    position: relative
}

.category-block-image figure {
    height: 100%
}

.category-block-image figure .category-img-wrapper {
    height: 100%
}

.category-block-image figcaption {
    padding: 10px 0;
    margin: 0
}

.category-block-image .autocomplete-suggestion, .category-block-image .link, .category-block-image p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100;
    margin: 14px 0 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease-out;
    transition: opacity .2s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .2s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .2s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .2s linear;
    transition: transform .3s ease-out, opacity .2s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

.category-block-image .block-content {
    opacity: 1;
    -webkit-transition: opacity .2s linear, -webkit-transform .3s ease-out;
    transition: opacity .2s linear, -webkit-transform .3s ease-out;
    -o-transition: opacity .2s linear, -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, opacity .2s linear, -moz-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .2s linear;
    transition: transform .3s ease-out, opacity .2s linear, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (min-width: 992px) {
    .category-block-image {
        position: absolute
    }

    .category-block-image:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .category-block-image figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 24px
    }

    .category-block-image figcaption.bg-gradient {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%)
    }

    .category-block-image figcaption.bg-gradient .block-content * {
        color: #fff
    }

    .category-block-image figcaption p {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300
    }

    .category-block-image .autocomplete-suggestion, .category-block-image .link {
        display: inline-block;
        position: absolute;
        bottom: 0;
        padding: 11px 14px 11px 27px;
        text-transform: uppercase;
        font-size: .94rem;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        text-decoration: none;
        border: 2px solid #004e9c;
        opacity: 0
    }

    .category-block-image .autocomplete-suggestion::before, .category-block-image .link::before {
        display: inline-block;
        font-family: Glyphter;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "F";
        position: absolute;
        left: 10px;
        font-size: 11px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
    }

    .category-block-image .bg-gradient .autocomplete-suggestion, .category-block-image .bg-gradient .link {
        color: #fff;
        border-color: #fff
    }

    .category-block-image .bg-gradient .autocomplete-suggestion::before, .category-block-image .bg-gradient .link::before {
        color: #fff
    }

    .category-block-image .link-overlap {
        position: absolute;
        color: transparent;
        display: inline-block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1
    }

    .category-block-image .link-overlap:hover + figcaption .block-content {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .category-block-image .link-overlap:hover + figcaption .autocomplete-suggestion, .category-block-image .link-overlap:hover + figcaption .link {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@media (max-width: 991px) {
    .category-block-image figcaption {
        padding: 10px 0 32px
    }
}

.category-block-green, .category-img-wrapper {
    position: relative;
    position: relative;
    overflow: hidden
}

.category-block-green::before, .category-img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.category-block-green > img, .category-block-green > picture, .category-block-green > video, .category-img-wrapper > img, .category-img-wrapper > picture, .category-img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.category-block-green > video, .category-img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.category-block-green .info-text-wrapper, .category-block-green img, .category-img-wrapper .info-text-wrapper, .category-img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out, -o-transform .3s ease-out
}

@media (max-width: 575px) {
    .category-block-green, .category-img-wrapper {
        width: 100vw;
        margin-left: -15px
    }
}

.category-block-green {
    background-color: #004e9c;
    color: #fff
}

.category-block-green .info-text-wrapper {
    padding: 24px
}

.category-block-green .info-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.category-block-green .info-text p {
    font-weight: 800;
    line-height: 1;
    margin: 0
}

.category-block-green .info-text p:not(.green-block-large-text) {
    text-transform: uppercase
}

.category-block-green .info-text p:last-of-type {
    margin-bottom: 0
}

.green-block-large-text {
    font-size: 4.5rem
}

@media (min-width: 992px) and (max-width: 1199px) {
    .green-block-large-text {
        font-size: 3.5rem
    }
}

.green-block-medium-text {
    font-size: 1.5rem
}

.green-block-small-text {
    font-size: 1rem
}

@-webkit-keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: -webkit-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-moz-keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-o-keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: calc(100% / 12 * 4);
        top: calc(100% / 12 * 6)
    }
}

@keyframes lgDiagonal {
    0% {
        left: 0;
        top: 0
    }
    100% {
        left: -webkit-calc(100% / 12 * 4);
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-webkit-keyframes lgReverseDiagonal {
    0% {
        left: -webkit-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@-moz-keyframes lgReverseDiagonal {
    0% {
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@-o-keyframes lgReverseDiagonal {
    0% {
        left: calc(100% / 12 * 4);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@keyframes lgReverseDiagonal {
    0% {
        left: -webkit-calc(100% / 12 * 4);
        left: -moz-calc(100% / 12 * 4);
        left: calc(100% / 12 * 4);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        left: 0;
        top: 0
    }
}

@-webkit-keyframes smDiagonal {
    0% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-moz-keyframes smDiagonal {
    0% {
        right: 0;
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
    100% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-o-keyframes smDiagonal {
    0% {
        right: 0;
        top: calc(100% / 12 * 4)
    }
    100% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 6)
    }
}

@keyframes smDiagonal {
    0% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
}

@-webkit-keyframes smReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@-moz-keyframes smReverseDiagonal {
    0% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@-o-keyframes smReverseDiagonal {
    0% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@keyframes smReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
    100% {
        right: 0;
        top: 0
    }
}

@-webkit-keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
}

@-moz-keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
}

@-o-keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 10)
    }
}

@keyframes greenBlockDiagonal {
    0% {
        right: 0;
        top: 0
    }
    100% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 10);
        top: -moz-calc(100% / 12 * 10);
        top: calc(100% / 12 * 10)
    }
}

@-webkit-keyframes greenBlockReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
}

@-moz-keyframes greenBlockReverseDiagonal {
    0% {
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
}

@-o-keyframes greenBlockReverseDiagonal {
    0% {
        right: calc(100% / 12 * 8);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: calc(100% / 12 * 4)
    }
}

@keyframes greenBlockReverseDiagonal {
    0% {
        right: -webkit-calc(100% / 12 * 8);
        right: -moz-calc(100% / 12 * 8);
        right: calc(100% / 12 * 8);
        top: -webkit-calc(100% / 12 * 6);
        top: -moz-calc(100% / 12 * 6);
        top: calc(100% / 12 * 6)
    }
    100% {
        right: 0;
        top: -webkit-calc(100% / 12 * 4);
        top: -moz-calc(100% / 12 * 4);
        top: calc(100% / 12 * 4)
    }
}

.form-wrapper.form-preloader {
    position: relative !important
}

.form-wrapper.form-preloader::before {
    display: block;
    position: absolute;
    top: -webkit-calc(50% - 50px);
    top: -moz-calc(50% - 50px);
    top: calc(50% - 50px);
    left: -webkit-calc(50% - 50px);
    left: -moz-calc(50% - 50px);
    left: calc(50% - 50px);
    z-index: 100;
    content: '';
    background-image: url('../../../typo3conf/ext/hk_content/Resources/Public/Images/preloader.gif');
    width: 100px;
    height: 100px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.form-wrapper.form-preloader form {
    pointer-events: none;
    opacity: .3
}

.dropzone-wrap {
    position: relative;
    font-size: 0
}

.dropzone-wrap .dropzone-label {
    margin-bottom: 0
}

.dropzone-wrap .dropzone-label .parsley-errors-list {
    margin-left: 0
}

.dropzone-wrap .dropzone-label-text.hidden {
    display: none
}

.dropzone-wrap .dropzone-input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 1px;
    height: 1px
}

.dropzone-wrap .dropzone-file {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #dad9d9;
    margin-right: 50px;
    margin-bottom: 16px;
    padding: 7px 8px;
    font: 16px/1.2 Univers;
    color: #595959;
    margin-left: 1px
}

.dropzone-wrap .dropzone-file.error {
    border-color: #e83200
}

.dropzone-wrap .dropzone-file .file-size {
    font-weight: 300;
    margin-left: 8px
}

.dropzone-wrap .dropzone-file .file-close {
    position: absolute;
    top: 50%;
    left: -webkit-calc(100% + 8px);
    left: -moz-calc(100% + 8px);
    left: calc(100% + 8px);
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent
}

.dropzone-wrap .dropzone-file .file-close::before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 22px
}

.w-video-wrapper.w-css-reset {
    background: 0 0 !important
}

.gallery-images-wrapper::after {
    display: block;
    content: "";
    clear: both
}

.negative-top-margin {
    margin-top: -176px
}

.gallery-item-image-box {
    position: relative;
    overflow: hidden
}

.gallery-item-image-box .video-item, .gallery-item-image-box .video-overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gallery-item-image-box .video-item .w-bottom-bar, .gallery-item-image-box .video-overlap .w-bottom-bar {
    opacity: 0 !important
}

.gallery-item-image-box .video-overlap {
    z-index: 2
}

.gallery-item {
    position: relative;
    float: left;
    width: 50%
}

.gallery-item .hidden {
    display: none
}

.gallery-item .image-title {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 2rem;
    margin-top: 15px;
    text-align: center
}

@media (max-width: 799px) {
    .gallery-item {
        width: 100%;
        padding: 0
    }

    .gallery-item:not(:last-child) {
        margin-bottom: 15px
    }
}

.gallery-item .capture-title p {
    font-size: 1.875rem;
    z-index: 9;
    position: relative;
    color: #181818
}

.gallery-item .mfp-title {
    line-height: 1.25rem;
    text-align: center
}

.gallery-item-1 {
    margin-top: 176px;
    padding-right: 15px
}

@media (max-width: 799px) {
    .gallery-item-1 {
        padding-right: 0
    }
}

.gallery-item-2 {
    margin-bottom: 30px;
    padding-left: 15px
}

@media (max-width: 799px) {
    .gallery-item-2 {
        padding-left: 0
    }
}

.image-lightbox-link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.image-lightbox-link::after, .image-lightbox-link::before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.image-lightbox-link::before {
    content: '+';
    color: #fff;
    font-size: 1.5rem;
    z-index: 1;
    text-align: center;
    line-height: .9
}

.image-lightbox-link::after {
    content: '';
    background-color: #004e9c
}

.image-lightbox-link:hover::after, .image-lightbox-link:hover::before {
    width: 28px;
    height: 28px
}

.gallery-image-figure {
    margin-bottom: 0;
    height: 100%;
    overflow: hidden
}

.gallery-image-figure img {
    height: auto;
    width: auto;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    image-rendering: crisp-edges
}

.gallery-image-figure img:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.gallery-image-figure figcaption {
    display: none
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box, .gallery-layout-a .gallery-item-2 .gallery-item-image-box, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box {
    position: relative
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-a .gallery-item-2 .gallery-item-image-box::before, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-a .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-a .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-2 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 800px) {
    .gallery-layout-a .gallery-item-2, .gallery-layout-teaser-a .gallery-item-2 {
        padding-left: 15px
    }
}

.gallery-layout-a .gallery-item-3, .gallery-layout-teaser-a .gallery-item-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box {
    position: relative
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box::before, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-a .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-a .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-a .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-a .gallery-item-3 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .gallery-layout-a .gallery-item-3, .gallery-layout-teaser-a .gallery-item-3 {
        max-width: 100%;
        padding-left: 0
    }
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box, .gallery-layout-b .gallery-item-4 .gallery-item-image-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-b .gallery-item-4 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-b .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-4 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .gallery-layout-b .gallery-item-1 .gallery-item-image-box, .gallery-layout-b .gallery-item-4 .gallery-item-image-box {
        max-width: 100%
    }
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box, .gallery-layout-b .gallery-item-3 .gallery-item-image-box {
    position: relative
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box::before, .gallery-layout-b .gallery-item-3 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-b .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-b .gallery-item-3 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 800px) {
    .gallery-layout-b .gallery-item-1 .gallery-item-image-box {
        left: 50%
    }

    .gallery-layout-b .gallery-item-3 {
        padding-right: 15px
    }

    .gallery-layout-b .gallery-item-4 {
        padding-left: 15px
    }
}

.gallery-layout-c .gallery-item-1, .gallery-layout-teaser-b .gallery-item-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding-right: 15px
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box {
    position: relative
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 133.33333%
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-c .gallery-item-1 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-1 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

.gallery-layout-c .gallery-item-1 img, .gallery-layout-teaser-b .gallery-item-1 img {
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px)
}

.gallery-layout-c .gallery-item-2, .gallery-layout-teaser-b .gallery-item-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    width: -webkit-calc(7 * 100% / 12);
    width: -moz-calc(7 * 100% / 12);
    width: calc(7 * 100% / 12)
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box {
    position: relative
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-c .gallery-item-2 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-2 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

.gallery-layout-c .gallery-item-3, .gallery-layout-c .gallery-item-4, .gallery-layout-teaser-b .gallery-item-3, .gallery-layout-teaser-b .gallery-item-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box, .gallery-layout-c .gallery-item-4 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box {
    position: relative
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box::before, .gallery-layout-c .gallery-item-4 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box::before, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > img, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > picture, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > img, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > picture, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.gallery-layout-c .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-c .gallery-item-4 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-3 .gallery-item-image-box > video, .gallery-layout-teaser-b .gallery-item-4 .gallery-item-image-box > video {
    -o-object-fit: contain;
    object-fit: contain
}

.gallery-layout-c .gallery-item-4, .gallery-layout-teaser-b .gallery-item-4 {
    margin-left: 15px
}

@media (max-width: 799px) {
    .gallery-layout-c .gallery-item, .gallery-layout-teaser-b .gallery-item {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-left: 0
    }

    .gallery-layout-c .gallery-item img, .gallery-layout-teaser-b .gallery-item img {
        width: 100%;
        left: 50%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .gallery-layout-c .gallery-item .image-lightbox-link, .gallery-layout-teaser-b .gallery-item .image-lightbox-link {
        width: 100%;
        left: 0
    }
}

.gallery-layout-teaser .gallery-item-1 .gallery-item-content-box {
    left: 0
}

.gallery-layout-teaser .gallery-item-content-box {
    margin: 16px 0 41px
}

.gallery-layout-teaser .gallery-item-content-box .heading {
    line-height: 1.75rem;
    margin-bottom: 0
}

@media (min-width: 800px) {
    .gallery-layout-teaser .gallery-item-content-box {
        position: absolute;
        left: 15px;
        bottom: 0;
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: calc(100% - 15px);
        margin: 0;
        padding: 24px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(24, 24, 24, 0)), to(#181818));
        background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0) 0, #181818 100%);
        background: -moz-linear-gradient(top, rgba(24, 24, 24, 0) 0, #181818 100%);
        background: -o-linear-gradient(top, rgba(24, 24, 24, 0) 0, #181818 100%);
        background: linear-gradient(180deg, rgba(24, 24, 24, 0) 0, #181818 100%)
    }

    .gallery-layout-teaser .gallery-item-content-box .heading {
        color: #fff;
        line-height: 1.75rem;
        margin-bottom: 0
    }
}

@media (max-width: 799px) {
    .gallery-layout-teaser .gallery-item:last-of-type .gallery-item-content-box {
        margin-bottom: 0
    }
}

.image-gallery .wistia_embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%
}

.image-gallery .wistia_embed video {
    width: auto !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.image-gallery a.gallery-link {
    display: block;
    color: inherit
}

.image-gallery a.gallery-link:hover .gallery-image-figure .image {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -o-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

.image-gallery a.gallery-link .gallery-item-content-box {
    width: auto;
    right: 0;
    left: 0
}

.image-gallery a.gallery-link .gallery-item-content-box .inner-link {
    position: relative;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    font-weight: 400
}

@media (min-width: 800px) {
    .image-gallery a.gallery-link .inner-link {
        display: inline-block;
        background-color: #004e9c;
        color: #fff;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0 10px 0 21px;
        margin-top: 10px
    }

    .image-gallery a.gallery-link .inner-link::before {
        color: #fff;
        font-size: 8px;
        left: 7px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.mfp-wrap.mfp-gallery .mfp-iframe-holder {
    padding: 200px 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mfp-wrap.mfp-gallery .mfp-iframe-holder .mfp-content {
    max-width: 100%
}

.mfp-wrap.mfp-gallery .mfp-iframe-holder .mfp-content iframe {
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media (max-width: 799px) {
    .mfp-iframe-holder {
        padding: 150px 20px !important
    }
}

.mfp-zoom-out-cur {
    cursor: pointer
}

.mfp-zoom-out-cur .mfp-close {
    -webkit-transition: color .2s ease, border-color .2s ease;
    -o-transition: color .2s ease, border-color .2s ease;
    -moz-transition: color .2s ease, border-color .2s ease;
    transition: color .2s ease, border-color .2s ease;
    z-index: 9999
}

.mfp-zoom-out-cur .mfp-close:hover {
    background: rgba(0, 0, 0, .3);
    color: #004e9c;
    border-color: #004e9c
}

@-webkit-keyframes customFadeInOut {
    from {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes customFadeInOut {
    from {
        opacity: 0;
        -moz-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@-o-keyframes customFadeInOut {
    from {
        opacity: 0;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@keyframes customFadeInOut {
    from {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes customFadeOutIn {
    from {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes customFadeOutIn {
    from {
        opacity: 1;
        -moz-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

@-o-keyframes customFadeOutIn {
    from {
        opacity: 1;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

@keyframes customFadeOutIn {
    from {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease
    }
    to {
        opacity: 0
    }
}

.mfp-bg.customFadeInOut {
    -webkit-animation-name: customFadeInOut;
    -moz-animation-name: customFadeInOut;
    -o-animation-name: customFadeInOut;
    animation-name: customFadeInOut;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
    background-color: rgba(24, 24, 24, .8)
}

.mfp-bg.customFadeInOut.mfp-removing {
    -webkit-animation-name: customFadeOutIn;
    -moz-animation-name: customFadeOutIn;
    -o-animation-name: customFadeOutIn;
    animation-name: customFadeOutIn
}

.image-map-wrap {
    position: relative;
    margin-top: 80px
}

@media (max-width: 799px) {
    .image-map-wrap:not(.mobile-map) {
        display: none
    }
}

.image-map-wrap .image-map {
    margin: 0
}

.image-map-wrap .image-map img {
    height: auto;
    width: 100%
}

.image-map-wrap .image-map video {
    display: block;
    width: 100%;
    height: auto
}

.image-map-wrap .marker-wrapper {
    position: absolute
}

.image-map-wrap .marker-wrapper .marker-point {
    display: inline-block;
    position: relative;
    margin-left: -16px;
    margin-top: -16px;
    height: 32px;
    width: 32px;
    background-color: #004e9c;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 8
}

.image-map-wrap .marker-wrapper .marker-point::before {
    content: '+';
    position: absolute;
    color: #fff;
    height: 100%;
    width: 100%;
    font-size: 26px;
    line-height: 28px;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 799px) {
    .image-map-wrap .marker-wrapper .marker-point {
        margin-left: -13px;
        margin-top: -13px;
        height: 26px;
        width: 26px;
        line-height: 20px
    }

    .image-map-wrap .marker-wrapper .marker-point::before {
        content: none
    }
}

.image-map-wrap .marker-wrapper .marker-point .fa-plus-circle, .image-map-wrap .marker-wrapper .marker-point .fa-question-circle, .image-map-wrap .marker-wrapper .marker-point .fa-search, .image-map-wrap .marker-wrapper .marker-point .marker-index {
    display: none
}

@media (max-width: 799px) {
    .image-map-wrap .marker-wrapper .marker-point .marker-index {
        display: inline-block;
        font-weight: 400;
        color: #fff;
        font-size: 14px
    }
}

.image-map-wrap .marker-wrapper .marker-teaser {
    visibility: hidden;
    opacity: 0;
    width: 392px;
    position: absolute;
    padding: 32px 16px;
    margin-left: -8px;
    background-color: #fcfcfc;
    -webkit-transition: all 1.1s ease;
    -o-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    transition: all 1.1s ease;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    left: 50%;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
    z-index: 9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15);
    box-shadow: 0 2px 4px 0 rgba(24, 24, 24, .15)
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-hover-helper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: transparent
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-image {
    margin-bottom: 16px
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-image img {
    width: 100%;
    height: auto
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-header {
    font-weight: 400;
    margin-bottom: 12px
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description {
    font-weight: 100
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description p {
    margin-bottom: 0
}

.image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description .autocomplete-suggestion::before, .image-map-wrap .marker-wrapper .marker-teaser .marker-teaser-description .link::before {
    top: 9px
}

.image-map-wrap .marker-wrapper.clicked-marker .marker-point, .image-map-wrap .marker-wrapper.hovered-marker .marker-point {
    z-index: 10
}

.image-map-wrap .marker-wrapper.clicked-marker .marker-point::before, .image-map-wrap .marker-wrapper.hovered-marker .marker-point::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.image-map-wrap .marker-wrapper.clicked-marker .marker-teaser, .image-map-wrap .marker-wrapper.hovered-marker .marker-teaser {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px)
}

.image-map-wrap .marker-wrapper.left .marker-teaser {
    -webkit-transform: translate(-100%, 10px);
    -moz-transform: translate(-100%, 10px);
    -ms-transform: translate(-100%, 10px);
    -o-transform: translate(-100%, 10px);
    transform: translate(-100%, 10px)
}

.image-map-wrap .marker-wrapper.left:hover .marker-teaser {
    -webkit-transform: translate(-100%, -20px);
    -moz-transform: translate(-100%, -20px);
    -ms-transform: translate(-100%, -20px);
    -o-transform: translate(-100%, -20px);
    transform: translate(-100%, -20px)
}

.image-map-wrap.mobile-map {
    display: none
}

@media (max-width: 799px) {
    .image-map-wrap.mobile-map {
        display: block;
        margin-top: 56px
    }
}

.image-map-wrap.mobile-map .map-with-markers {
    position: relative
}

.image-map-wrap.mobile-map .map-with-markers .marker-wrapper {
    line-height: .5
}

.image-map-wrap.mobile-map .map-with-markers .marker-wrapper .marker-point {
    width: 20px;
    height: 20px;
    line-height: 14px;
    border: 1px solid #fff
}

.image-map-wrap.mobile-map .map-with-markers .marker-wrapper .marker-point span {
    font-size: 12px;
    font-weight: 300
}

.image-map-wrap.mobile-map .accordion .collapse-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.image-map-wrap.mobile-map .accordion .collapse-content .marker-teaser-image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.image-map-wrap.mobile-map .accordion .collapse-header, .image-map-wrap.mobile-map .accordion .marker-teaser-description {
    padding-left: 27px
}

.image-map-wrap.mobile-map .accordion .collapse-header .hotspot {
    font-size: 1.125rem;
    line-height: 1.75rem;
    position: absolute;
    left: 0;
    color: #004e9c;
    font-weight: 400
}

.tx_imagemaps .headline-margin {
    margin-bottom: 42px
}

@media (min-width: 800px) {
    .tx_imagemaps .headline-margin {
        margin-bottom: 80px
    }
}

@media (max-width: 991px) {
    .tx_imagemaps .headline-margin {
        word-wrap: break-word
    }
}

.tx_imagemaps .subheadline {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 100
}

.tx_imagemaps .subheadline p {
    margin-bottom: 0
}

.quick-links-teaser .container {
    height: 100%
}

.quick-links-teaser .quick-links-blocks {
    width: 100vw;
    max-width: 1920px;
    margin-top: 56px
}

@media (min-width: 992px) {
    .quick-links-teaser .quick-links-blocks {
        position: relative;
        margin: 80px auto 0;
        overflow: hidden
    }

    .quick-links-teaser .quick-links-blocks::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .quick-links-teaser .quick-links-blocks > img, .quick-links-teaser .quick-links-blocks > picture, .quick-links-teaser .quick-links-blocks > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .quick-links-teaser .quick-links-blocks > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.quick-links-teaser .background.hovered .original-background {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width: 992px) {
    .quick-links-teaser .background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .quick-links-teaser .background:not(.hovered) .block .block-background {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .quick-links-teaser .background:not(.hovered) .block .block-content {
        background-color: transparent
    }

    .quick-links-teaser .background:not(.hovered) .block .heading-block {
        display: block
    }

    .quick-links-teaser .background:not(.hovered) .block .heading-block::before {
        content: '+'
    }

    .quick-links-teaser .background:not(.hovered) .block .heading-block::after {
        content: ''
    }

    .quick-links-teaser .background:not(.hovered) .block .item {
        visibility: hidden
    }
}

.quick-links-teaser .block-background, .quick-links-teaser .original-background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.quick-links-teaser .original-background {
    left: 0;
    right: 0
}

@media (max-width: 991px) {
    .quick-links-teaser .original-background {
        display: none
    }
}

.quick-links-teaser .block-background {
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    transition: all 1s ease-out
}

@media (max-width: 991px) {
    .quick-links-teaser .block-background {
        visibility: visible;
        opacity: 1;
        right: 0;
        width: 100% !important;
        left: 0 !important
    }
}

.quick-links-teaser .block {
    position: relative
}

.quick-links-teaser .block:last-of-type .block-content::before {
    border-right: 2px solid rgba(255, 255, 255, .3)
}

@media (max-width: 991px) {
    .quick-links-teaser .block:last-of-type .block-content {
        border: 0
    }
}

@media (min-width: 992px) {
    .quick-links-teaser .block {
        height: 100%;
        float: left
    }

    .quick-links-teaser .block:hover .block-background {
        visibility: visible;
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .quick-links-teaser .block:hover .block-content .items {
        visibility: visible
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .block {
        position: relative
    }

    .quick-links-teaser .block::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 56.25%
    }

    .quick-links-teaser .block > img, .quick-links-teaser .block > picture, .quick-links-teaser .block > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .quick-links-teaser .block > video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .quick-links-teaser .block.show {
        z-index: 100
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .block {
        width: 100%;
        left: 0
    }
}

@media (max-width: 575px) {
    .quick-links-teaser .block {
        min-height: 210px;
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        left: -15px
    }
}

.quick-links-teaser .block-content {
    position: relative;
    z-index: 10;
    top: 25%;
    height: 50%
}

.quick-links-teaser .block-content:not(.hover) .item {
    visibility: hidden
}

@media (max-width: 991px) {
    .quick-links-teaser .block-content:not(.hover) .item {
        visibility: visible;
        display: block
    }
}

@media (min-width: 992px) {
    .quick-links-teaser .block-content::before {
        content: '';
        position: absolute;
        left: 0;
        top: -50%;
        height: 200%;
        width: 100%;
        border-left: 2px solid rgba(255, 255, 255, .3);
        pointer-events: none
    }

    .quick-links-teaser .block-content.hover::before {
        background-color: rgba(24, 24, 24, .5)
    }

    .quick-links-teaser .block-content.hover .heading-block {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-20px, -50%);
        -moz-transform: translate(-20px, -50%);
        -ms-transform: translate(-20px, -50%);
        -o-transform: translate(-20px, -50%);
        transform: translate(-20px, -50%)
    }

    .quick-links-teaser .block-content.hover .item li, .quick-links-teaser .block-content.hover .item > * .quick-links-teaser .block-content.hover .item:not(ul) {
        opacity: 1;
        -webkit-animation: quickLinksBounceInRight .22s ease-out both;
        -moz-animation: quickLinksBounceInRight .22s ease-out both;
        -o-animation: quickLinksBounceInRight .22s ease-out both;
        animation: quickLinksBounceInRight .22s ease-out both
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .block-content {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 47px 15px 44px;
        background-color: rgba(24, 24, 24, .2);
        border-left: 0;
        border-bottom: 2px solid rgba(255, 255, 255, .3)
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .quick-links-teaser .block-content {
        padding: 47px 30px 44px
    }
}

.quick-links-teaser .dropdown {
    display: none
}

@media (max-width: 991px) {
    .quick-links-teaser .dropdown {
        display: block;
        border-color: #fff;
        margin-top: auto
    }

    .quick-links-teaser .dropdown.show {
        border-color: #004e9c
    }

    .quick-links-teaser .dropdown.show .btn-toggle {
        background-color: #fff;
        opacity: .9
    }

    .quick-links-teaser .dropdown .btn-toggle {
        border: 0;
        background-color: transparent;
        opacity: .9
    }

    .quick-links-teaser .dropdown .dropdown-menu {
        background-color: #fff;
        padding-bottom: 13px
    }

    .quick-links-teaser .dropdown .dropdown-menu a {
        text-transform: none;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 2
    }

    .quick-links-teaser .dropdown .dropdown-menu a::before {
        content: "F";
        height: auto;
        top: 11px;
        background-color: transparent
    }
}

.quick-links-teaser .heading-block, .quick-links-teaser .items {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 0
}

@media (max-width: 991px) {
    .quick-links-teaser .heading-block, .quick-links-teaser .items {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.quick-links-teaser .heading-block {
    font-size: 2.25rem;
    line-height: 1;
    margin-top: -25px;
    padding-bottom: 20px;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    -moz-transition: transform .2s linear, -moz-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
}

.quick-links-teaser .heading-block::after, .quick-links-teaser .heading-block::before {
    display: inline-block;
    position: absolute;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 23px;
    text-align: center;
    top: 100%;
    left: 0;
    margin-top: -1px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.quick-links-teaser .heading-block::before {
    content: '+';
    font-size: 40px;
    font-weight: 100
}

.quick-links-teaser .heading-block::after {
    content: '';
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 991px) {
    .quick-links-teaser .heading-block {
        font-size: 1.25rem;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 8px
    }

    .quick-links-teaser .heading-block::after, .quick-links-teaser .heading-block::before {
        content: none
    }
}

@media (min-width: 992px) {
    .quick-links-teaser .heading-block {
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
}

.quick-links-teaser .items {
    visibility: hidden;
    position: absolute;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.quick-links-teaser .items .item {
    margin-bottom: 32px
}

.quick-links-teaser .items .item:last-of-type {
    margin-bottom: 0
}

@media (max-width: 991px) {
    .quick-links-teaser .items .item {
        position: relative;
        visibility: visible;
        display: block;
        margin-bottom: 0
    }
}

.quick-links-teaser .items .autocomplete-suggestion, .quick-links-teaser .items .heading, .quick-links-teaser .items .link {
    color: #fff
}

.quick-links-teaser .items .heading {
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px
}

.quick-links-teaser .items ul {
    margin-bottom: 32px
}

.quick-links-teaser .items ul li {
    line-height: 1.3125rem;
    opacity: 0;
    margin-bottom: 10px
}

.quick-links-teaser .items ul li:last-of-type {
    margin-bottom: 0
}

.quick-links-teaser .items ul .autocomplete-suggestion, .quick-links-teaser .items ul .link {
    font-weight: 400;
    display: inline-block;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.quick-links-teaser .items ul .autocomplete-suggestion::before, .quick-links-teaser .items ul .autocomplete-suggestion:hover, .quick-links-teaser .items ul .link::before, .quick-links-teaser .items ul .link:hover {
    color: #004e9c
}

.quick-links-teaser .items ul .autocomplete-suggestion::before, .quick-links-teaser .items ul .link::before {
    top: 6px
}

@media (max-width: 991px) {
    .quick-links-teaser .items ul {
        display: none
    }
}

.lead-generation.leadgeneration-popup .form-wrapper .powermail_create .quick-links-teaser .items .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .quick-links-teaser .items .powermail_fieldwrap_type_submit, .quick-links-teaser .items .btn-white, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

@media (max-width: 991px) {
    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .quick-links-teaser .items .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .quick-links-teaser .items .powermail_fieldwrap_type_submit, .quick-links-teaser .items .btn-white, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        border: 0;
        padding: 0 0 0 15px;
        font-size: 1rem;
        letter-spacing: 0;
        text-transform: none
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .quick-links-teaser .items .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .quick-links-teaser .items .powermail_fieldwrap_type_submit::before, .quick-links-teaser .items .btn-white::before, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .quick-links-teaser .items .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before {
        left: 0;
        margin-top: 0
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .items {
        position: relative;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .quick-links-teaser .items .heading, .quick-links-teaser .items .paragraph-large-size {
        display: none
    }
}

@media (min-width: 992px) {
    .quick-links-teaser.two-blocks .block {
        width: 50%
    }

    .quick-links-teaser.three-blocks .block {
        width: 33.3%
    }

    .quick-links-teaser.four-blocks .block {
        width: 25%
    }

    .quick-links-teaser.four-blocks .block .heading, .quick-links-teaser.four-blocks .block .heading-block {
        font-size: 1.25rem
    }
}

@media (max-width: 991px) {
    .quick-links-teaser .heading-margin-bottom {
        margin-bottom: 42px
    }

    .quick-links-teaser p {
        margin-bottom: 0
    }

    .quick-links-teaser .dropdown-backdrop {
        display: none
    }
}

@-webkit-keyframes quickLinksBounceInRight {
    from {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes quickLinksBounceInRight {
    from {
        -moz-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -moz-transform: none;
        transform: none
    }
}

@-o-keyframes quickLinksBounceInRight {
    from {
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -o-transform: none;
        transform: none
    }
}

@keyframes quickLinksBounceInRight {
    from {
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -o-transform: translateX(30px);
        transform: translateX(30px)
    }
    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

[data-animation=bounceInRight] :nth-child(0) {
    -webkit-animation-delay: 0s !important;
    -moz-animation-delay: 0s !important;
    -o-animation-delay: 0s !important;
    animation-delay: 0s !important
}

[data-animation=bounceInRight] :nth-child(1) {
    -webkit-animation-delay: 38ms !important;
    -moz-animation-delay: 38ms !important;
    -o-animation-delay: 38ms !important;
    animation-delay: 38ms !important
}

[data-animation=bounceInRight] :nth-child(2) {
    -webkit-animation-delay: 76ms !important;
    -moz-animation-delay: 76ms !important;
    -o-animation-delay: 76ms !important;
    animation-delay: 76ms !important
}

[data-animation=bounceInRight] :nth-child(3) {
    -webkit-animation-delay: .114s !important;
    -moz-animation-delay: .114s !important;
    -o-animation-delay: .114s !important;
    animation-delay: .114s !important
}

[data-animation=bounceInRight] :nth-child(4) {
    -webkit-animation-delay: .152s !important;
    -moz-animation-delay: .152s !important;
    -o-animation-delay: .152s !important;
    animation-delay: .152s !important
}

[data-animation=bounceInRight] :nth-child(5) {
    -webkit-animation-delay: .19s !important;
    -moz-animation-delay: .19s !important;
    -o-animation-delay: .19s !important;
    animation-delay: .19s !important
}

[data-animation=bounceInRight] :nth-child(6) {
    -webkit-animation-delay: .228s !important;
    -moz-animation-delay: .228s !important;
    -o-animation-delay: .228s !important;
    animation-delay: .228s !important
}

[data-animation=bounceInRight] :nth-child(7) {
    -webkit-animation-delay: .266s !important;
    -moz-animation-delay: .266s !important;
    -o-animation-delay: .266s !important;
    animation-delay: .266s !important
}

[data-animation=bounceInRight] :nth-child(8) {
    -webkit-animation-delay: .304s !important;
    -moz-animation-delay: .304s !important;
    -o-animation-delay: .304s !important;
    animation-delay: .304s !important
}

[data-animation=bounceInRight] :nth-child(9) {
    -webkit-animation-delay: .342s !important;
    -moz-animation-delay: .342s !important;
    -o-animation-delay: .342s !important;
    animation-delay: .342s !important
}

[data-animation=bounceInRight] :nth-child(10) {
    -webkit-animation-delay: .38s !important;
    -moz-animation-delay: .38s !important;
    -o-animation-delay: .38s !important;
    animation-delay: .38s !important
}

[data-animation=bounceInRight] :nth-child(11) {
    -webkit-animation-delay: .418s !important;
    -moz-animation-delay: .418s !important;
    -o-animation-delay: .418s !important;
    animation-delay: .418s !important
}

[data-animation=bounceInRight] :nth-child(12) {
    -webkit-animation-delay: .456s !important;
    -moz-animation-delay: .456s !important;
    -o-animation-delay: .456s !important;
    animation-delay: .456s !important
}

[data-animation=bounceInRight] :nth-child(13) {
    -webkit-animation-delay: .494s !important;
    -moz-animation-delay: .494s !important;
    -o-animation-delay: .494s !important;
    animation-delay: .494s !important
}

[data-animation=bounceInRight] :nth-child(14) {
    -webkit-animation-delay: .532s !important;
    -moz-animation-delay: .532s !important;
    -o-animation-delay: .532s !important;
    animation-delay: .532s !important
}

[data-animation=bounceInRight] :nth-child(15) {
    -webkit-animation-delay: .57s !important;
    -moz-animation-delay: .57s !important;
    -o-animation-delay: .57s !important;
    animation-delay: .57s !important
}

[data-animation=bounceInRight] :nth-child(16) {
    -webkit-animation-delay: .608s !important;
    -moz-animation-delay: .608s !important;
    -o-animation-delay: .608s !important;
    animation-delay: .608s !important
}

[data-animation=bounceInRight] :nth-child(17) {
    -webkit-animation-delay: .646s !important;
    -moz-animation-delay: .646s !important;
    -o-animation-delay: .646s !important;
    animation-delay: .646s !important
}

[data-animation=bounceInRight] :nth-child(18) {
    -webkit-animation-delay: .684s !important;
    -moz-animation-delay: .684s !important;
    -o-animation-delay: .684s !important;
    animation-delay: .684s !important
}

[data-animation=bounceInRight] :nth-child(19) {
    -webkit-animation-delay: .722s !important;
    -moz-animation-delay: .722s !important;
    -o-animation-delay: .722s !important;
    animation-delay: .722s !important
}

.section-scroller {
    margin-top: -72px;
    padding-bottom: 0;
    -ms-overflow-style: none;
    width: 100%;
    overflow: hidden;
    position: relative
}

.section-scroller::-webkit-scrollbar {
    display: none
}

.section-scroller .btn-scroll-down {
    bottom: 0
}

.section-scroller .panels {
    position: static;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden
}

@media (max-width: 1199px) {
    .section-scroller .panels {
        width: 100%
    }
}

.section-scroller .panels .panel-wrapper.panel-0 .bg-panel {
    opacity: 1 !important
}

.section-scroller .panels .panel-wrapper .background-overlay, .section-scroller .panels .panel-wrapper .gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.section-scroller .panels .panel-wrapper .background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: rgba(24, 24, 24, .3)
}

.section-scroller .panels .panel-wrapper .bg-panel {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100vw;
    max-height: 1072px;
    max-width: 1920px;
    overflow: hidden
}

.section-scroller .panels .panel-wrapper .bg-panel video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .bg-panel {
        height: -webkit-calc(100% - 8px);
        height: -moz-calc(100% - 8px);
        height: calc(100% - 8px);
        position: absolute;
        top: 0;
        opacity: 0;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        transition: opacity .3s linear
    }

    .section-scroller .panels .panel-wrapper .bg-panel .gradient-overlay.left-position {
        background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, .6)), to(rgba(24, 24, 24, 0)));
        background: -webkit-linear-gradient(right, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%);
        background: -moz-linear-gradient(right, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%);
        background: -o-linear-gradient(right, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%);
        background: linear-gradient(270deg, rgba(24, 24, 24, .6) 0, rgba(24, 24, 24, 0) 100%)
    }

    .section-scroller .panels .panel-wrapper .bg-panel .gradient-overlay.right-position {
        background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0)), to(rgba(24, 24, 24, .6)));
        background: -webkit-linear-gradient(right, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%);
        background: -moz-linear-gradient(right, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%);
        background: -o-linear-gradient(right, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%);
        background: linear-gradient(270deg, rgba(24, 24, 24, 0) 0, rgba(24, 24, 24, .6) 100%)
    }
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper .bg-panel {
        position: relative;
        max-height: 425px;
        position: absolute;
        opacity: 1 !important
    }

    .section-scroller .panels .panel-wrapper .bg-panel::before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 100%
    }

    .section-scroller .panels .panel-wrapper .bg-panel > img, .section-scroller .panels .panel-wrapper .bg-panel > picture, .section-scroller .panels .panel-wrapper .bg-panel > video {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }

    .section-scroller .panels .panel-wrapper .bg-panel > video {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper {
    width: 100vw;
    max-height: 1072px;
    position: relative;
    z-index: 2
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content-additional-wrapper {
        position: absolute;
        top: 72px;
        left: 0;
        width: 100%;
        height: -webkit-calc(100% - 72px);
        height: -moz-calc(100% - 72px);
        height: calc(100% - 72px)
    }
}

@media (min-width: 1200px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content-additional-wrapper {
        top: 170px;
        height: -webkit-calc(100% - 170px);
        height: -moz-calc(100% - 170px);
        height: calc(100% - 170px)
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .container {
    height: 100%
}

@media (min-width: 1920px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .container {
        margin: 0 390px
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .row {
    height: 100%
}

.section-scroller .panels .panel-wrapper .content-wrapper .content .header, .section-scroller .panels .panel-wrapper .content-wrapper .content .sub-header {
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

.section-scroller .panels .panel-wrapper .content-wrapper .content .header {
    font-size: 3rem
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content .header {
        font-size: 2.25rem;
        word-break: break-word
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .content .sub-header {
    font-size: 1.5rem;
    margin-bottom: 12px
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content .sub-header {
        font-size: 1.75rem;
        margin-bottom: 14px;
        word-break: break-word
    }
}

.section-scroller .panels .panel-wrapper .content-wrapper .content p {
    margin-bottom: 0
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .content-wrapper .content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .section-scroller .panels .panel-wrapper .content-wrapper .content.white {
        color: #fff
    }

    .section-scroller .panels .panel-wrapper .content-wrapper .content.shadow {
        text-shadow: 0 16px 64px rgba(24, 24, 24, .75)
    }

    .section-scroller .panels .panel-wrapper .content-wrapper .content p {
        font-weight: 400
    }
}

@media (min-width: 800px) {
    .section-scroller .panels .panel-wrapper .content-wrapper {
        height: -webkit-calc(100vh - 8px);
        height: -moz-calc(100vh - 8px);
        height: calc(100vh - 8px)
    }
}

@media (max-width: 799px) {
    .section-scroller .panels .panel-wrapper {
        position: relative;
        overflow: hidden
    }

    .section-scroller .panels .panel-wrapper:last-of-type .content-wrapper {
        background-color: #fcfcfc;
        padding-bottom: 80px
    }

    .section-scroller .panels .panel-wrapper .content-additional-wrapper {
        background-color: #ececec;
        padding: 32px 0 80px
    }

    .section-scroller .panels .panel-wrapper.panel-0 .content-additional-wrapper {
        padding-bottom: 152px
    }

    .section-scroller .panels .panel-wrapper.fixed .bg-panel {
        position: fixed;
        top: 0
    }

    .section-scroller .panels .panel-wrapper.hidden-bg .bg-panel {
        opacity: 0 !important
    }
}

@media (min-width: 800px) {
    .section-scroller .panels {
        height: 100%;
        max-width: 1920px
    }

    .section-scroller .panels .panel-0 .with-animation {
        background-attachment: fixed;
        -webkit-animation: animatedBackground 40s linear infinite;
        -moz-animation: animatedBackground 40s linear infinite;
        -o-animation: animatedBackground 40s linear infinite;
        animation: animatedBackground 40s linear infinite
    }
}

@media (min-width: 800px) {
    .section-scroller {
        margin-bottom: 80px;
        padding-bottom: 8px;
        height: 100vh;
        max-height: 1080px
    }
}

@media (min-width: 1200px) {
    .section-scroller {
        margin-top: -170px
    }
}

.standart-text .images-wrapper .image-lightbox-link {
    position: relative
}

.standart-text .contain-standart-text .item a::after {
    background-color: transparent
}

.standart-text.layout-teaser-boxed-width, .standart-text.layout-teaser-full-width {
    position: relative
}

.standart-text.layout-teaser-boxed-width .img-holder, .standart-text.layout-teaser-full-width .img-holder {
    position: relative;
    position: relative;
    max-width: 1920px;
    margin: 0 auto
}

.standart-text.layout-teaser-boxed-width .img-holder::before, .standart-text.layout-teaser-full-width .img-holder::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.standart-text.layout-teaser-boxed-width .img-holder > img, .standart-text.layout-teaser-boxed-width .img-holder > picture, .standart-text.layout-teaser-boxed-width .img-holder > video, .standart-text.layout-teaser-full-width .img-holder > img, .standart-text.layout-teaser-full-width .img-holder > picture, .standart-text.layout-teaser-full-width .img-holder > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.standart-text.layout-teaser-boxed-width .img-holder > video, .standart-text.layout-teaser-full-width .img-holder > video {
    -o-object-fit: contain;
    object-fit: contain
}

.standart-text.layout-teaser-boxed-width .img-holder .bg-image, .standart-text.layout-teaser-full-width .img-holder .bg-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 800px) {
    .standart-text.layout-teaser-boxed-width .img-holder .bg-image, .standart-text.layout-teaser-full-width .img-holder .bg-image {
        width: 100%;
        height: 150%;
        -webkit-transform: translateY(-25%);
        -moz-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        background-position: 50% 50%
    }
}

@media (min-width: 800px) {
    .standart-text.layout-teaser-boxed-width .img-holder, .standart-text.layout-teaser-full-width .img-holder {
        overflow: hidden
    }

    .standart-text.layout-teaser-boxed-width .contain-standart-text, .standart-text.layout-teaser-full-width .contain-standart-text {
        position: relative
    }
}

.standart-text.layout-teaser-boxed-width .content, .standart-text.layout-teaser-full-width .content {
    padding: 0 0 32px
}

.standart-text.layout-teaser-boxed-width .content h2, .standart-text.layout-teaser-full-width .content h2 {
    line-height: 1;
    margin-bottom: 14px
}

.standart-text.layout-teaser-boxed-width .content .text, .standart-text.layout-teaser-full-width .content .text {
    margin-bottom: 28px
}

.standart-text.layout-teaser-boxed-width .content .text p, .standart-text.layout-teaser-full-width .content .text p {
    margin-bottom: 0
}

.standart-text.layout-teaser-boxed-width .content a, .standart-text.layout-teaser-full-width .content a {
    font-weight: 400
}

.standart-text.layout-teaser-boxed-width .content a::before, .standart-text.layout-teaser-full-width .content a::before {
    margin-top: 0;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    transition: .4s ease-out
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width .content, .standart-text.layout-teaser-full-width .content {
        padding: 32px;
        width: 43%;
        max-width: 490px;
        background: #fff
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .standart-text.layout-teaser-boxed-width .content, .standart-text.layout-teaser-full-width .content {
        position: relative;
        padding: 32px;
        z-index: 3
    }
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width .content-wrapper, .standart-text.layout-teaser-full-width .content-wrapper {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .standart-text.layout-teaser-boxed-width .content-wrapper .content, .standart-text.layout-teaser-full-width .content-wrapper .content {
        background-color: #fff
    }

    .standart-text.layout-teaser-boxed-width .content-wrapper.position-right, .standart-text.layout-teaser-full-width .content-wrapper.position-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-boxed-width, .standart-text.layout-teaser-full-width {
        margin-top: 32px
    }

    .standart-text.layout-teaser-boxed-width .content h2, .standart-text.layout-teaser-full-width .content h2 {
        margin-top: 32px;
        font-size: 20px;
        line-height: 20px
    }

    .standart-text.layout-teaser-boxed-width .content .text, .standart-text.layout-teaser-full-width .content .text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 28px
    }

    .standart-text.layout-teaser-boxed-width .content a::before, .standart-text.layout-teaser-full-width .content a::before {
        margin-top: -1px
    }
}

.standart-text.layout-teaser-boxed-width .content {
    margin-left: 46px
}

@media (max-width: 991px) {
    .standart-text.layout-teaser-boxed-width .content {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width .position-right .content {
        margin-right: 46px
    }
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-boxed-width .bg-image {
        padding: 0 15px
    }
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-boxed-width.green {
        color: #181818
    }
}

@media (max-width: 991px) {
    .standart-text.layout-teaser-boxed-width.green .btn {
        border-color: #fff
    }
}

.standart-text.layout-teaser-full-width .img-holder {
    max-height: 700px
}

.standart-text.layout-teaser-full-width .content h2 {
    margin-bottom: 15px
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-full-width .content h2 {
        margin-bottom: 14px
    }
}

.standart-text.layout-teaser-full-width .content .text {
    color: #181818;
    font-size: 18px;
    line-height: 28px
}

@media (min-width: 992px) {
    .standart-text.layout-teaser-full-width .container {
        position: absolute;
        height: 100%;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .standart-text.layout-teaser-full-width .content {
        margin-left: 16px
    }

    .standart-text.layout-teaser-full-width .position-right .content {
        margin-right: 16px
    }
}

.standart-text.layout-1 .large-heading, .standart-text.layout-2 .large-heading, .standart-text.layout-3 .large-heading {
    text-align: center;
    line-height: 1
}

@media (max-width: 799px) {
    .standart-text.layout-1 .large-heading, .standart-text.layout-2 .large-heading, .standart-text.layout-3 .large-heading {
        font-size: 2.25rem
    }
}

.standart-text.layout-1 .content, .standart-text.layout-2 .content, .standart-text.layout-3 .content {
    line-height: 28px;
    font-size: 18px;
    font-weight: 400
}

.standart-text.layout-1 .content h2, .standart-text.layout-2 .content h2, .standart-text.layout-3 .content h2 {
    width: 100%;
    text-align: left;
    line-height: 28px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px
}

.standart-text.layout-1 .content h4, .standart-text.layout-2 .content h4, .standart-text.layout-3 .content h4 {
    line-height: 1.75rem;
    margin-bottom: 14px
}

@media (max-width: 799px) {
    .standart-text.layout-1 h2, .standart-text.layout-2 h2, .standart-text.layout-3 h2 {
        width: 100%;
        margin-bottom: 32px;
        text-transform: uppercase
    }

    .standart-text.layout-1 .content, .standart-text.layout-2 .content, .standart-text.layout-3 .content {
        margin: 0 !important
    }

    .standart-text.layout-1 .content h2, .standart-text.layout-2 .content h2, .standart-text.layout-3 .content h2 {
        margin-top: 16px;
        text-transform: none
    }

    .standart-text.layout-1 .image-m, .standart-text.layout-1 .image-s, .standart-text.layout-2 .image-m, .standart-text.layout-2 .image-s, .standart-text.layout-3 .image-m, .standart-text.layout-3 .image-s {
        margin-top: 0 !important
    }
}

.standart-text.layout-1 .image-m, .standart-text.layout-1 .image-s, .standart-text.layout-2 .image-m, .standart-text.layout-2 .image-s, .standart-text.layout-3 .image-m, .standart-text.layout-3 .image-s {
    overflow: hidden;
    position: relative
}

.standart-text.layout-1 .image-m .standart-img-wrapper, .standart-text.layout-1 .image-s .standart-img-wrapper, .standart-text.layout-2 .image-m .standart-img-wrapper, .standart-text.layout-2 .image-s .standart-img-wrapper, .standart-text.layout-3 .image-m .standart-img-wrapper, .standart-text.layout-3 .image-s .standart-img-wrapper {
    overflow: hidden
}

.standart-text.layout-1 .image-m .additional-description, .standart-text.layout-1 .image-s .additional-description, .standart-text.layout-2 .image-m .additional-description, .standart-text.layout-2 .image-s .additional-description, .standart-text.layout-3 .image-m .additional-description, .standart-text.layout-3 .image-s .additional-description {
    display: none
}

.standart-text.layout-1 .image-m img, .standart-text.layout-1 .image-s img, .standart-text.layout-2 .image-m img, .standart-text.layout-2 .image-s img, .standart-text.layout-3 .image-m img, .standart-text.layout-3 .image-s img {
    max-width: 100%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out, -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -moz-transform .5s ease-in-out, -o-transform .5s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.standart-text.layout-1 .image-m figcaption, .standart-text.layout-1 .image-s figcaption, .standart-text.layout-2 .image-m figcaption, .standart-text.layout-2 .image-s figcaption, .standart-text.layout-3 .image-m figcaption, .standart-text.layout-3 .image-s figcaption {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 100;
    margin-top: 12px;
    max-width: 75%
}

.standart-text.layout-1 .image-m:hover, .standart-text.layout-1 .image-s:hover, .standart-text.layout-2 .image-m:hover, .standart-text.layout-2 .image-s:hover, .standart-text.layout-3 .image-m:hover, .standart-text.layout-3 .image-s:hover {
    cursor: pointer
}

.standart-text.layout-1 .image-m:hover img, .standart-text.layout-1 .image-s:hover img, .standart-text.layout-2 .image-m:hover img, .standart-text.layout-2 .image-s:hover img, .standart-text.layout-3 .image-m:hover img, .standart-text.layout-3 .image-s:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.standart-text.layout-1 .image-m {
    margin-top: 80px
}

.standart-text.layout-1 .content {
    margin-top: -25px
}

.standart-text.layout-2 .image-s {
    margin-top: 190px
}

.standart-text.layout-2 .content {
    margin-top: 25px
}

.standart-text.layout-3 .image-m {
    margin-top: 80px;
    margin-bottom: 0
}

.standart-text.layout-3 .content {
    margin-bottom: 40px
}

@media (max-width: 799px) {
    .standart-text.layout-3 .offset-md-5 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 32px
    }
}

.standart-text.layout-teaser-parallax.green .btn.btn-link {
    border: 2px solid #fff
}

.standart-text.layout-teaser-parallax .text {
    margin: 14px 0 28px
}

.standart-text.layout-teaser-parallax figure figcaption {
    display: none
}

.standart-text.layout-teaser-parallax .img-parallax {
    margin-top: 65px
}

@media (max-width: 799px) {
    .standart-text.layout-teaser-parallax .col-image {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .standart-text.layout-teaser-parallax .col-text-with-button {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .standart-text.layout-teaser-parallax .img-parallax {
        margin-top: 0;
        margin-bottom: 32px
    }
}

@media (min-width: 576px) {
    .standart-text .no-paddings {
        padding: 0
    }
}

@media (max-width: 799px) {
    .standart-text .images-wrapper {
        margin-bottom: 32px
    }
}

.teaser-thumbnails {
    padding-bottom: 100px
}

.teaser-thumbnails .overflow-container {
    padding: 57px 0 20px
}

@media (max-width: 799px) {
    .teaser-thumbnails .overflow-container {
        padding-top: 0
    }
}

.teaser-thumbnails .teaser-thumbnails-heading {
    margin-bottom: 14px
}

.teaser-thumbnails .teaser-thumbnails-text {
    margin-bottom: 22px
}

.teaser-thumbnails .teaser-thumbnails-text p {
    margin-bottom: 0
}

.contact-form form .powermail_fieldwrap_type_submit .teaser-thumbnails .powermail_field, .contact-form form .powermail_fieldwrap_type_submit .teaser-thumbnails .powermail_submit, .lead-generation:not(.leadgeneration-popup) .tx-powermail .teaser-thumbnails .powermail_fieldwrap_type_submit, .teaser-thumbnails .btn-green, .teaser-thumbnails .contact-form form .powermail_fieldwrap_type_submit .powermail_field, .teaser-thumbnails .contact-form form .powermail_fieldwrap_type_submit .powermail_submit, .teaser-thumbnails .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    margin-top: 6px
}

.teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    line-height: 1;
    margin: 26px 0 14px
}

@media (max-width: 799px) {
    .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
        margin-top: 0;
        color: #181818;
        font-size: 1.75rem
    }
}

.teaser-thumbnails.layout-standart .slide-text * {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 12px
}

.teaser-thumbnails.layout-special .teaser-thumbnails-heading {
    font-size: 2.25rem;
    line-height: 1
}

.teaser-thumbnails.layout-special .blur-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(76.18%, rgba(255, 255, 255, .32)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .32) 76.18%, #fff 100%)
}

.teaser-thumbnails.layout-special .slide-text :first-child {
    margin-bottom: 14px
}

@media (max-width: 799px) {
    .teaser-thumbnails.layout-special .slide-text :first-child {
        font-size: 1rem;
        line-height: 1
    }
}

.teaser-thumbnails.layout-special .slide-text :last-child:not(:first-child) {
    margin-bottom: 9px
}

@media (max-width: 799px) {
    .teaser-thumbnails.layout-special .slide-text :last-child:not(:first-child) {
        margin-bottom: 12px
    }
}

@media (min-width: 800px) {
    .teaser-thumbnails.layout-special .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .teaser-thumbnails-text {
        color: #fff
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-heading {
        font-size: 3rem;
        margin-top: 80px
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-text p {
        font-weight: 300
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-slider + .qty-slides {
        border-color: #fff
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-slider + .qty-slides .button-slide {
        border-right: 1px solid #fff
    }

    .teaser-thumbnails.layout-special .teaser-thumbnails-slider + .qty-slides .button-slide::before {
        color: #fff
    }

    .teaser-thumbnails.layout-special .blur-wrapper, .teaser-thumbnails.layout-special .cover-blur {
        display: block
    }
}

@media (max-width: 799px) {
    .teaser-thumbnails {
        padding-bottom: 60px
    }
}

@media (min-width: 800px) {
    .space-top .teaser-thumbnails {
        padding-top: 63px
    }
}

.mfp-ready .mfp-hide {
    display: block !important
}

.mfp-ready .black-mfp-close {
    border-color: #000
}

.mfp-ready .black-mfp-close::after, .mfp-ready .black-mfp-close::before {
    background-color: #000
}

@media (max-width: 799px) {
    .mfp-ready:not(.mfp-with-zoom) .mfp-container {
        padding: 15px 0;
        height: auto
    }
}

.mfp-ready .magnific-modal {
    position: relative
}

.mfp-ready .magnific-modal#contactFormModal {
    max-height: -webkit-calc(100% - 30px);
    max-height: -moz-calc(100% - 30px);
    max-height: calc(100% - 30px);
    overflow: auto
}

@media (max-width: 799px) {
    .mfp-ready .magnific-modal {
        height: 100%;
        width: 100%;
        max-height: 100%;
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px)
    }

    .mfp-ready .magnific-modal .magnific-modal {
        max-height: 100%;
        max-width: 100%
    }
}

.contact-form {
    position: static;
    min-height: 601px
}

.contact-form [class^=col-]:last-of-type {
    position: static
}

@media (min-width: 800px) {
    .contact-form [class^=col-] {
        overflow: hidden
    }
}

.contact-form [class^=col-] .powermail_fieldwrap_type_html .powermail_field p {
    color: #868685;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0
}

.contact-form .bg-image {
    position: absolute;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
    z-index: -1
}

@media (max-width: 799px) {
    .contact-form .bg-image {
        position: relative;
        width: 100vw;
        left: auto;
        top: auto;
        height: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (max-width: 575px) {
    .contact-form .bg-image {
        margin: 0 -15px
    }
}

@media (min-width: 576px) and (max-width: 799px) {
    .contact-form .bg-image {
        margin-left: -webkit-calc(((100vw - 540px) / 2) * (-1));
        margin-left: -moz-calc(((100vw - 540px) / 2) * (-1));
        margin-left: calc(((100vw - 540px) / 2) * (-1))
    }
}

.contact-form .contact-info-wrapper {
    position: absolute;
    color: #fff;
    padding: 0 30px 30px;
    z-index: 5;
    left: 0;
    bottom: 0
}

.contact-form .contact-info-wrapper h5 {
    font-size: .75rem;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    margin-bottom: 21px;
    font-weight: 600
}

.contact-form .contact-info-wrapper h5::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -4px;
    background-color: #fff
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper h5::after {
        background-color: #d9d9d9
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper h5 {
        margin-bottom: 20px;
        color: #868685
    }
}

.contact-form .contact-info-wrapper p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper p {
        font-weight: 100;
        font-size: 1.125rem;
        line-height: 1.75rem;
        margin-bottom: 0
    }
}

.contact-form .contact-info-wrapper .contact-info {
    margin-bottom: 16px;
    display: block
}

.contact-form .contact-info-wrapper .contact-info .email, .contact-form .contact-info-wrapper .contact-info .fax, .contact-form .contact-info-wrapper .contact-info .phone {
    position: relative;
    padding: 0 0 0 20px;
    margin: 0;
    border: 0;
    color: #fff;
    width: auto;
    height: auto;
    text-align: left
}

.contact-form .contact-info-wrapper .contact-info .email::before, .contact-form .contact-info-wrapper .contact-info .fax::before, .contact-form .contact-info-wrapper .contact-info .phone::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: .94rem;
    color: #fff;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .contact-info .email::before, .contact-form .contact-info-wrapper .contact-info .fax::before, .contact-form .contact-info-wrapper .contact-info .phone::before {
        color: #004e9c
    }
}

@media (min-width: 800px) {
    .contact-form .contact-info-wrapper .contact-info .email, .contact-form .contact-info-wrapper .contact-info .fax, .contact-form .contact-info-wrapper .contact-info .phone {
        display: inline-block
    }

    .contact-form .contact-info-wrapper .contact-info .email:hover::after, .contact-form .contact-info-wrapper .contact-info .fax:hover::after, .contact-form .contact-info-wrapper .contact-info .phone:hover::after {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contact-form .contact-info-wrapper .contact-info .email::after, .contact-form .contact-info-wrapper .contact-info .fax::after, .contact-form .contact-info-wrapper .contact-info .phone::after {
        content: '';
        display: inline-block;
        position: absolute;
        left: 20px;
        top: 100%;
        width: 0;
        border-bottom: 1px solid #fff;
        -webkit-transition: width .2s;
        -o-transition: width .2s;
        -moz-transition: width .2s;
        transition: width .2s
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .contact-info .email, .contact-form .contact-info-wrapper .contact-info .fax, .contact-form .contact-info-wrapper .contact-info .phone {
        color: #181818;
        padding-left: 23px
    }
}

.contact-form .contact-info-wrapper .contact-info .phone::before {
    content: "J"
}

.contact-form .contact-info-wrapper .contact-info .fax::before {
    content: "H"
}

.contact-form .contact-info-wrapper .contact-info .email::before {
    content: "D"
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .contact-info {
        display: block
    }
}

@media (min-width: 800px) {
    .contact-form .contact-info-wrapper .autocomplete-suggestion, .contact-form .contact-info-wrapper .autocomplete-suggestion::before, .contact-form .contact-info-wrapper .link, .contact-form .contact-info-wrapper .link::before {
        color: #fff
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper .link-to-map.autocomplete-suggestion, .contact-form .contact-info-wrapper .link.link-to-map {
        position: absolute;
        font-weight: 300;
        top: -80px;
        right: 15px;
        font-size: 1rem;
        line-height: 1rem;
        color: #fff
    }

    .contact-form .contact-info-wrapper .link-to-map.autocomplete-suggestion::before, .contact-form .contact-info-wrapper .link.link-to-map::before {
        color: #fff;
        top: 3px
    }
}

@media (max-width: 799px) {
    .contact-form .contact-info-wrapper {
        position: relative;
        margin-top: 32px;
        padding: 0;
        color: #181818;
        font-size: 1.125rem;
        font-weight: 100
    }

    .contact-form .contact-info-wrapper::before {
        content: '';
        position: absolute;
        left: -50%;
        bottom: -webkit-calc(100% + 32px);
        bottom: -moz-calc(100% + 32px);
        bottom: calc(100% + 32px);
        height: 100%;
        width: 200%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, .5)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%)
    }
}

.contact-form form {
    padding: 32px 0 32px 15px
}

.contact-form form h3 {
    font-size: 2.25rem;
    margin-bottom: 42px
}

@media (max-width: 799px) {
    .contact-form form h3 {
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
        position: absolute;
        top: 32px;
        left: 15px;
        font-size: 1.75rem;
        line-height: 1;
        color: #fff;
        z-index: 5
    }
}

@media (min-width: 576px) and (max-width: 799px) {
    .contact-form form h3 {
        margin-left: -webkit-calc(((100vw - 540px) / 2 - 15px));
        margin-left: -moz-calc(((100vw - 540px) / 2 - 15px));
        margin-left: calc(((100vw - 540px) / 2 - 15px))
    }
}

.contact-form form .powermail_fieldset {
    position: relative;
    padding-bottom: 44px
}

@media (min-width: 1200px) {
    .contact-form form .powermail_fieldset {
        padding-bottom: 4px
    }
}

.contact-form form .powermail_legend {
    display: none
}

.contact-form form .powermail_fieldwrap {
    margin-bottom: 28px
}

.contact-form form .powermail_fieldwrap .powermail_label {
    display: none
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit), .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    font-weight: 100;
    color: #181818;
    width: 100%;
    padding: 0 8px
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit)::-webkit-input-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit)::-webkit-input-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit):-moz-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit):-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit)::-moz-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit)::-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:not(.powermail_submit):-ms-input-placeholder, .contact-form form .powermail_fieldwrap textarea:not(.powermail_submit):-ms-input-placeholder {
    font-weight: 100;
    color: #181818
}

.contact-form form .powermail_fieldwrap input:focus, .contact-form form .powermail_fieldwrap input:hover, .contact-form form .powermail_fieldwrap textarea:focus, .contact-form form .powermail_fieldwrap textarea:hover {
    outline: 0
}

.contact-form form .powermail_fieldwrap input.parsley-success, .contact-form form .powermail_fieldwrap textarea.parsley-success {
    border-color: #004e9c
}

.contact-form form .powermail_fieldwrap input.parsley-error, .contact-form form .powermail_fieldwrap textarea.parsley-error {
    border-color: #e83200
}

.contact-form form .powermail_fieldwrap input:not(.powermail_captcha):not(.powermail_submit), .contact-form form .powermail_fieldwrap textarea:not(.powermail_captcha):not(.powermail_submit) {
    padding-top: 5px;
    padding-bottom: 5px
}

.contact-form form .powermail_fieldwrap textarea {
    min-height: 220px;
    height: 100%
}

.contact-form form .powermail_fieldwrap_type_input {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_input .powermail_field {
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_input input:not(.powermail_submit) {
    height: 30px
}

@media (min-width: 800px) {
    .contact-form form .powermail_fieldwrap_type_input {
        width: 50%
    }

    .contact-form form .powermail_fieldwrap_type_input:nth-child(odd) {
        padding-left: 15px
    }

    .contact-form form .powermail_fieldwrap_type_input:nth-child(even) {
        padding-right: 15px
    }
}

.contact-form form .powermail_fieldwrap_type_textarea {
    width: 100%
}

.contact-form form .powermail_fieldwrap_type_submit {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field {
    cursor: pointer;
    padding: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field::before {
    z-index: 1
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field input {
    padding: 10px 12px 11px 25px;
    border-width: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_field input:focus {
    border: 0
}

.contact-form form .powermail_fieldwrap_type_submit .powermail_submit {
    padding: 0;
    cursor: pointer
}

@media (min-width: 800px) {
    .contact-form form .powermail_fieldwrap_type_submit {
        position: absolute;
        right: 0;
        bottom: 32px;
        margin-top: 32px
    }
}

.contact-form form .powermail_fieldwrap_type_check {
    font-weight: 100;
    font-size: .875rem;
    line-height: 1.25rem
}

.contact-form form .powermail_fieldwrap_type_check .checkbox label {
    position: relative
}

.contact-form form .powermail_fieldwrap_type_check .checkbox label input {
    width: auto;
    margin-right: 10px
}

.contact-form form .parsley-custom-error-message, .contact-form form .parsley-remote, .contact-form form .parsley-required {
    margin-top: 5px;
    color: #e83200;
    font-weight: 100;
    font-size: .875rem;
    line-height: 1.25rem
}

.contact-form form .actions {
    margin-top: -30px
}

.contact-form form .actions .btn-toolbar {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 799px) {
    .contact-form form .actions {
        margin-top: 32px
    }
}

@media (max-width: 799px) {
    .contact-form form {
        padding: 30px 0
    }
}

.contact-form .powermail_create {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.contact-form .powermail_create p {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 28px;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .contact-form .powermail_create p {
        font-size: 2.25rem
    }
}

@media (max-width: 799px) {
    .contact-form .powermail_create {
        width: -webkit-calc(100% - 72px);
        width: -moz-calc(100% - 72px);
        width: calc(100% - 72px);
        margin: 0 36px;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

.contact-form + .mfp-close {
    -webkit-transition: border-color .5s ease !important;
    -o-transition: border-color .5s ease !important;
    -moz-transition: border-color .5s ease !important;
    transition: border-color .5s ease !important
}

.contact-form + .mfp-close::after, .contact-form + .mfp-close::before {
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    transition: background-color .5s ease
}

@media (min-width: 576px) {
    .contact-form + .mfp-close {
        color: #000;
        border-color: #000
    }

    .contact-form + .mfp-close::after, .contact-form + .mfp-close::before {
        background-color: #000
    }
}

@media (min-width: 800px) {
    .contact-form .col-md-4 {
        max-width: -webkit-calc(33.3333% - 15px);
        max-width: -moz-calc(33.3333% - 15px);
        max-width: calc(33.3333% - 15px)
    }

    .contact-form .col-lg-6 {
        max-width: -webkit-calc(50% + 15px);
        max-width: -moz-calc(50% + 15px);
        max-width: calc(50% + 15px);
        padding-right: 0;
        -webkit-flex-basis: -webkit-calc(50% + 15px);
        -ms-flex-preferred-size: calc(50% + 15px);
        flex-basis: -moz-calc(50% + 15px);
        flex-basis: calc(50% + 15px)
    }

    .contact-form .contact-image-wrap {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, .5)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(24, 24, 24, .5) 100%)
    }
}

@media (max-width: 991px) {
    .contact-form {
        -webkit-overflow-scrolling: touch
    }
}

.lead-generation .form-wrapper.tx-powermail .powermail_create {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.tx-powermail .container-fluid {
    width: 100%
}

.layout3 {
    background-color: #fcfcfc;
    padding: 32px 0
}

.layout3 .powermail_fieldwrap {
    margin-bottom: 28px
}

.layout3 .powermail_fieldwrap .powermail_label {
    display: none
}

.layout3 .powermail_fieldwrap .powermail_field {
    width: 100%
}

.layout3 .powermail_fieldwrap .powermail_field textarea, input .layout3 .powermail_fieldwrap .powermail_field:not(.powermail_submit) {
    width: 100%;
    padding: 3px 8px;
    color: #181818;
    border: 1px solid #d9d9d9
}

.layout3 .powermail_fieldwrap .powermail_field textarea:focus, input .layout3 .powermail_fieldwrap .powermail_field:not(.powermail_submit):focus {
    outline: 0
}

.layout3 .powermail_fieldwrap .powermail_field .powermail_submit {
    cursor: pointer
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select {
    width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(even) {
    padding-right: 15px
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(odd) {
    padding-left: 15px
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country select, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file select, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input select, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select select {
    width: 100%;
    height: 30px;
    outline: 0
}

@media (max-width: 799px) {
    .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input, .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select {
        width: 100%
    }

    .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_country:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_input:nth-child(odd), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(even), .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_select:nth-child(odd) {
        padding: 0
    }
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_file .powermail_field input {
    border: 0;
    padding: 0
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_textarea {
    width: 100%
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-weight: 400;
    font-size: 11px;
    content: "F";
    -webkit-transform: translate(19px, 14px);
    -moz-transform: translate(19px, 14px);
    -ms-transform: translate(19px, 14px);
    -o-transform: translate(19px, 14px);
    transform: translate(19px, 14px);
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field:hover::before {
    -webkit-transform: translate(22px, 14px);
    -moz-transform: translate(22px, 14px);
    -ms-transform: translate(22px, 14px);
    -o-transform: translate(22px, 14px);
    transform: translate(22px, 14px)
}

.layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field input {
    padding: 8px 14px 8px 22px;
    background-color: #004e9c;
    border: 2px solid #004e9c;
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 799px) {
    .layout3 .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_field {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.lead-generation {
    padding: 0
}

.lead-generation .tx-powermail .powermail_label, .lead-generation .tx-powermail .powermail_legend {
    display: none
}

.lead-generation .tx-powermail .powermail_input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit {
    cursor: pointer;
    display: inline-block
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit .powermail_submit {
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    border: 0;
    font-size: .94rem;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    position: absolute
}

.lead-generation .tx-powermail .powermail_fieldwrap_type_submit:focus {
    outline: 0
}

.lead-generation .tx-powermail .powermail_fieldwrap input:not([type=submit]):not([type=checkbox]) {
    width: 100%;
    font-weight: 100
}

.lead-generation .tx-powermail .powermail_fieldwrap input:focus {
    outline: 0
}

.lead-generation .tx-powermail .powermail_confirmation .btn-link {
    line-height: 1.15
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .heading, .lead-generation:not(.leadgeneration-marginal) .form-wrapper h3 {
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .heading, .lead-generation:not(.leadgeneration-marginal) .form-wrapper h3 {
        font-size: 1.75rem;
        line-height: 1
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap {
    margin-bottom: 16px
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]) {
    width: 100%
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-webkit-input-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-moz-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-moz-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-ms-input-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-ms-input-placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::placeholder {
    color: #000
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):not([type=submit]) {
    height: 40px;
    padding: 8px 12px 10px;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.375rem;
    background-color: transparent
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):not([type=submit]) {
        height: 30px;
        padding: 4px 40px 4px 8px;
        font-size: 1rem;
        line-height: 1
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):focus {
    outline: 0
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap p {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_firstname, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_lastname {
        margin-bottom: 28px
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_email input {
    width: 100%
}

@media (min-width: 800px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname {
        display: inline-block;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
        float: left
    }

    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname .powermail_field, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname .powermail_field input:not(.powermail_checkbox), .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname .powermail_field, .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname .powermail_field input:not(.powermail_checkbox) {
        width: 100%
    }

    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_firstname {
        margin-right: 8px
    }

    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .tx-powermail .powermail_fieldwrap_lastname {
        margin-left: 8px
    }
}

.lead-generation:not(.leadgeneration-marginal) .form-wrapper .parsley-errors-list li {
    color: #e83200;
    line-height: 14px;
    margin-top: 5px
}

@media (max-width: 799px) {
    .lead-generation:not(.leadgeneration-marginal) .form-wrapper .parsley-errors-list li {
        font-size: .875rem
    }
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input::-webkit-input-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input:-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input::-moz-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap input:-ms-input-placeholder {
    font-weight: 100;
    color: #181818
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap a, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap a:focus, .lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap a:hover {
    color: #004e9c
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit::before {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

.lead-generation:not(.leadgeneration-popup) .tx-powermail .powermail_fieldwrap_type_submit .powermail_submit {
    padding: 9px 14px 9px 27px
}

.lead-generation.leadgeneration-popup {
    background-color: transparent;
    position: fixed;
    opacity: 0;
    z-index: -1;
    top: 50%;
    left: 0;
    margin-top: 36px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .7s ease-out .2s;
    -o-transition: all .7s ease-out .2s;
    -moz-transition: all .7s ease-out .2s;
    transition: all .7s ease-out .2s
}

.lead-generation.leadgeneration-popup .magnific-modal {
    background-color: transparent;
    min-height: 1px;
    max-height: -webkit-calc(100vh - 110px);
    max-height: -moz-calc(100vh - 110px);
    max-height: calc(100vh - 110px);
    max-width: 100%;
    overflow: visible;
    overflow-y: auto
}

.lead-generation.leadgeneration-popup .magnific-modal .mfp-close {
    right: 66px
}

.lead-generation.leadgeneration-popup .magnific-modal .mfp-close:hover {
    border-color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .mfp-close:hover::after, .lead-generation.leadgeneration-popup .magnific-modal .mfp-close:hover::before {
    background-color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-webkit-input-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-moz-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-moz-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox]):-ms-input-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::-ms-input-placeholder {
    color: #fff
}

.lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .tx-powermail .powermail_fieldwrap input:not([type=checkbox])::placeholder {
    color: #fff
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-popup .magnific-modal {
        min-height: 1px;
        max-height: -webkit-calc(100vh - 110px);
        max-height: -moz-calc(100vh - 110px);
        max-height: calc(100vh - 110px);
        max-width: 100%;
        overflow: auto
    }

    .lead-generation.leadgeneration-popup .magnific-modal .heading, .lead-generation.leadgeneration-popup .magnific-modal h3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        margin-bottom: 10px
    }

    .lead-generation.leadgeneration-popup .magnific-modal .step-1, .lead-generation.leadgeneration-popup .magnific-modal .step-2 {
        overflow-x: hidden;
        max-height: 325px
    }

    .lead-generation.leadgeneration-popup .magnific-modal .mfp-close {
        right: 15px;
        top: -15px
    }

    .lead-generation.leadgeneration-popup .form-wrapper .magnific-modal .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .magnific-modal .btn-link, .lead-generation.leadgeneration-popup .magnific-modal .btn-white, .lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .powermail_create .btn-link, .lead-generation.leadgeneration-popup .magnific-modal .form-wrapper .powermail_fieldwrap_type_submit {
        margin-top: 15px
    }

    .lead-generation.leadgeneration-popup .magnific-modal .powermail_fieldset + input + div {
        display: none
    }
}

.lead-generation.leadgeneration-popup .form-wrapper {
    background-color: #004e9c;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .row > div {
    width: 100%
}

.lead-generation.leadgeneration-popup .form-wrapper .step-2 {
    display: none
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input:not([type=submit]) {
    border: 1px solid #fff;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::-webkit-input-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input:-moz-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::-moz-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input:-ms-input-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::-ms-input-placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail input::placeholder {
    font-weight: 100;
    color: #fff
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit {
    position: relative;
    padding: 6px 9px 6px 20px;
    margin-bottom: 0
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit:hover::before {
    -webkit-transform: translate(4px, -50%);
    -moz-transform: translate(4px, -50%);
    -ms-transform: translate(4px, -50%);
    -o-transform: translate(4px, -50%);
    transform: translate(4px, -50%)
}

.lead-generation.leadgeneration-popup .form-wrapper p {
    margin-bottom: 0
}

.lead-generation.leadgeneration-popup .form-wrapper .image {
    position: relative;
    margin: 15px 0 32px
}

.lead-generation.leadgeneration-popup .form-wrapper .btn-white, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit {
    margin-top: 28px
}

.lead-generation.leadgeneration-popup .form-wrapper .btn-white:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit:focus {
    color: inherit
}

.lead-generation.leadgeneration-popup .form-wrapper .btn-white::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_create .btn-link::before, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit::before, .lead-generation.leadgeneration-popup .form-wrapper .tx-powermail .powermail_fieldwrap_type_submit::before {
    margin-top: 0
}

.lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap_type_submit {
    padding: 11px 14px 11px 27px
}

.lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap a, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap a:focus, .lead-generation.leadgeneration-popup .form-wrapper .powermail_fieldwrap a:hover {
    color: #fff;
    text-decoration: underline
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-popup .form-wrapper .flex-md-last + div {
        position: static
    }

    .lead-generation.leadgeneration-popup .form-wrapper .step-1, .lead-generation.leadgeneration-popup .form-wrapper .step-2 {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        max-height: none
    }

    .lead-generation.leadgeneration-popup .form-wrapper .image {
        position: absolute;
        margin: 0;
        width: 100%;
        height: auto;
        bottom: -74px;
        right: -48px
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create h1 {
        font-size: 3rem
    }
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-popup .form-wrapper:not(.tx-powermail) {
        padding: 0 15px 32px
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create header {
        position: relative;
        background-color: transparent
    }

    .lead-generation.leadgeneration-popup .form-wrapper .powermail_create header h1 {
        font-size: 1.75rem
    }
}

.lead-generation.leadgeneration-popup.opened {
    opacity: 1;
    z-index: 11
}

.lead-generation.leadgeneration-popup.opened .mfp-close {
    opacity: 1
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-popup .leadgeneration-popup {
        padding: 32px;
        min-height: 320px;
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px)
    }
}

@media (min-width: 576px) {
    .lead-generation.leadgeneration-popup {
        margin-top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -10%);
        -moz-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
        -o-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%)
    }

    .lead-generation.leadgeneration-popup.opened {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .lead-generation.leadgeneration-popup .step-2 :not(.powermail_create) > h3 {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px)
    }
}

.lead-generation.leadgeneration-sectional {
    background-color: #ececec;
    padding: 0 0 20px
}

.lead-generation.leadgeneration-sectional .container, .lead-generation.leadgeneration-sectional .form-wrapper, .lead-generation.leadgeneration-sectional .row {
    height: 100%
}

.lead-generation.leadgeneration-sectional .tx-powermail {
    position: static
}

.lead-generation.leadgeneration-sectional .tx-powermail .row > div {
    width: 100%
}

.lead-generation.leadgeneration-sectional .form .tx-powermail .powermail_fieldwrap input:not([type=submit]) {
    border: 1px solid #181818
}

.lead-generation.leadgeneration-sectional .form .tx-powermail .powermail_fieldwrap_marker p {
    font-size: .875rem;
    line-height: 1.25rem
}

.lead-generation.leadgeneration-sectional .form .tx-powermail .powermail_fieldwrap_marker p a {
    text-decoration: underline
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-sectional .form {
        margin-top: 32px
    }
}

.lead-generation.leadgeneration-sectional .image {
    position: relative
}

.lead-generation.leadgeneration-sectional .image::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 100%
}

.lead-generation.leadgeneration-sectional .image > img, .lead-generation.leadgeneration-sectional .image > picture, .lead-generation.leadgeneration-sectional .image > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.lead-generation.leadgeneration-sectional .image > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-sectional .image {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.lead-generation.leadgeneration-sectional .image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

@media (min-width: 800px) {
    .lead-generation.leadgeneration-sectional {
        padding: 120px 0;
        min-height: 560px
    }
}

.lead-generation.leadgeneration-marginal {
    background-color: #fff;
    padding-bottom: 32px;
    padding-top: 0;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 3px 6px 0 #ececec;
    -moz-box-shadow: 0 3px 6px 0 #ececec;
    box-shadow: 0 3px 6px 0 #ececec
}

.lead-generation.leadgeneration-marginal .assets-download-link {
    display: none
}

.lead-generation.leadgeneration-marginal .heading-l {
    margin: 0 0 12px
}

.lead-generation.leadgeneration-marginal .content:last-child :last-child {
    margin-bottom: 0
}

.lead-generation.leadgeneration-marginal .image {
    position: relative;
    height: 147px;
    overflow: hidden
}

.lead-generation.leadgeneration-marginal .image img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lead-generation.leadgeneration-marginal .form {
    padding: 28px 16px 0
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_fieldwrap input:not([type=submit]) {
    font-size: 1rem;
    line-height: 1;
    padding: 5px 8px;
    border: 1px solid #d9d9d9;
    margin-bottom: 12px
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_fieldwrap_marker p {
    font-size: .75rem;
    line-height: 1rem
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_fieldwrap_marker p a {
    text-decoration: underline
}

.lead-generation.leadgeneration-marginal .tx-powermail .powermail_submit::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "F";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    position: absolute
}

.lead-generation.leadgeneration-marginal .powermail_create h2 {
    margin-bottom: 12px
}

.lead-generation.leadgeneration-marginal .powermail_create p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0
}

.lead-generation.leadgeneration-marginal .powermail_create iframe {
    display: none
}

@media (max-width: 799px) {
    .lead-generation.leadgeneration-marginal {
        margin-bottom: 32px
    }
}

section section {
    background-color: transparent
}

.powermail-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px
}

@media (min-width: 576px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 800px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 992px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

@media (min-width: 1200px) {
    .powermail-row {
        margin-right: -8px;
        margin-left: -8px
    }
}

.powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 576px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 800px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 992px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (min-width: 1200px) {
    .powermail-row .col-6, .powermail-row .col-lg-6, .powermail-row .col-md-6, .powermail-row .col-sm-6, .powermail-row .col-xs-6 {
        padding-right: 8px;
        padding-left: 8px
    }
}

.apply-job {
    width: 100%
}

.apply-job .powermail-row {
    margin: 0 -15px
}

.apply-job .powermail-row .powermail_fieldwrap {
    padding-left: 15px;
    padding-right: 15px
}

.apply-job .powermail-row:nth-child(2), .apply-job .powermail-row:nth-child(5) {
    margin-bottom: 30px
}

.apply-job .powermail_form {
    padding-top: 115px;
    padding-bottom: 105px
}

.apply-job .powermail_form p {
    font: 300 14px/1.4 Univers;
    color: #868685
}

.apply-job .powermail_form_content {
    padding-top: 75px;
    padding-bottom: 100px
}

.apply-job .powermail_form_content .title {
    color: #004e9c;
    font: bold 48px/1.1 Univers;
    margin-bottom: 80px
}

.apply-job .powermail_fieldwrap {
    margin-bottom: 16px
}

.apply-job .powermail_fieldwrap:nth-child(7) {
    margin-bottom: 55px
}

.apply-job .powermail_fieldwrap:last-child {
    margin-bottom: 26px
}

.apply-job .powermail_fieldwrap_type_submit {
    text-align: right
}

.apply-job .powermail_fieldwrap_type_submit .powermail_field {
    display: inline-block;
    position: relative
}

.apply-job .powermail_fieldwrap_type_submit .powermail_field::before {
    content: "F";
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 11px;
    color: #fff;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.apply-job .powermail_fieldwrap_type_file {
    margin-bottom: 28px
}

.apply-job .powermail_fieldwrap_type_file .powermail_field > div .file-title {
    font-weight: 100
}

.apply-job .powermail_fieldwrap_type_file .powermail_field > div .file-title.error {
    color: #e83200
}

.apply-job .powermail_fieldwrap_type_file .powermail_field > div:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.apply-job .powermail_fieldwrap_type_file .powermail_field .form-check input[type=checkbox] {
    display: inline-block
}

.apply-job .powermail_fieldwrap_type_check .powermail_field .powermail_checkbox {
    width: auto;
    display: inline-block
}

.apply-job .detail-page-info-wrapper {
    margin-top: 28px;
    margin-bottom: 70px
}

.apply-job input {
    width: 100%;
    outline: 0;
    background-color: #fff;
    padding: 2px 8px;
    border: 1px solid #dad9d9;
    margin-left: 0;
    font-weight: 100
}

.apply-job input::-webkit-input-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input:-moz-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input::-moz-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input:-ms-input-placeholder {
    font: 100 16px/1.2 Univers;
    color: #181818
}

.apply-job input:focus::-webkit-input-placeholder {
    color: transparent
}

.apply-job input:focus:-moz-placeholder {
    color: transparent
}

.apply-job input:focus::-moz-placeholder {
    color: transparent
}

.apply-job input:focus:-ms-input-placeholder {
    color: transparent
}

.apply-job .selectBox-label {
    font-weight: 100
}

.apply-job .powermail_submit {
    display: inline-block;
    width: auto;
    padding: 11px 15px 11px 27px;
    font: 500 15px/1.2 Univers;
    color: #fff;
    background-color: #004e9c;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer
}

.apply-job .powermail_submit::before {
    content: "F";
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.apply-job .parsley-error {
    border-color: #e83200
}

.apply-job .parsley-error + .selectBox {
    border-color: #e83200
}

.apply-job .parsley-errors-list {
    font: 300 14px/1.2 Univers;
    color: #e83200;
    margin-left: 9px;
    margin-top: 5px
}

.apply-job .parsley-success {
    border-color: #004e9c
}

.apply-job .parsley-success + .selectBox {
    border-color: #004e9c
}

.apply-job .selectBox-dropdown {
    background-color: #fff;
    border-color: #dad9d9
}

.apply-job .selectBox-dropdown .selectBox-arrow::before {
    color: #004e9c;
    font-size: 11px
}

.apply-job .dropzone-label-text {
    position: relative;
    display: inline-block;
    background-color: transparent;
    font: 500 15px/1.2 Univers;
    text-transform: uppercase;
    padding: 9px 14px 9px 27px;
    letter-spacing: 1px;
    cursor: pointer
}

.apply-job .dropzone-label-text::before {
    content: "F";
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 11px;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.apply-job .container-m {
    max-width: 750px;
    margin: 0 auto
}

.apply-job .powermail_confirmation {
    width: 100%;
    max-width: 956px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    padding: 40px 90px;
    margin: 0 auto 10px;
    color: #181818;
    font-size: 16px;
    line-height: 24px
}

.apply-job .powermail_confirmation br {
    display: none
}

.apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_address, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_anrede, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_country, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_firstname, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_lastname, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_ort, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_strasse, .apply-job .powermail_confirmation .powermail_all_label.powermail_all_marker_zip {
    display: none
}

.apply-job .powermail_all_value {
    padding-right: 30px
}

.apply-job [class^=wrap_] {
    margin-bottom: 10px
}

.apply-job [class^=wrap_] > div {
    display: inline-block
}

.apply-job .wrap_firstname, .apply-job .wrap_lastname, .apply-job .wrap_ort, .apply-job .wrap_zip {
    display: inline-block
}

.apply-job .wrap_address, .apply-job .wrap_coverletter, .apply-job .wrap_e_mail {
    margin-top: 40px
}

.apply-job .wrap_captcha, .apply-job .wrap_datenschutz, .apply-job .wrap_job {
    display: none
}

.apply-job .wrap_certificates .powermail_all_label, .apply-job .wrap_cirriculumvitae .powermail_all_label, .apply-job .wrap_coverletter .powermail_all_label, .apply-job .wrap_e_mail .powermail_all_label, .apply-job .wrap_phone .powermail_all_label {
    min-width: 200px
}

.apply-job .wrap_certificates, .apply-job .wrap_cirriculumvitae, .apply-job .wrap_coverletter {
    margin-bottom: 25px
}

.apply-job .wrap_certificates .powermail_all_value, .apply-job .wrap_cirriculumvitae .powermail_all_value, .apply-job .wrap_coverletter .powermail_all_value {
    vertical-align: top
}

.apply-job .wrap_certificates .powermail_all_value span, .apply-job .wrap_cirriculumvitae .powermail_all_value span, .apply-job .wrap_coverletter .powermail_all_value span {
    display: block
}

.apply-job .wrap_certificates .powermail_all_value span:not(:first-child), .apply-job .wrap_cirriculumvitae .powermail_all_value span:not(:first-child), .apply-job .wrap_coverletter .powermail_all_value span:not(:first-child) {
    margin-top: 10px
}

.apply-job .wrap_certificates .powermail_all_value span::before, .apply-job .wrap_cirriculumvitae .powermail_all_value span::before, .apply-job .wrap_coverletter .powermail_all_value span::before {
    display: inline-block;
    font-family: Glyphter;
    content: 'F';
    font-size: 10px;
    color: #004e9c
}

.apply-job .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.apply-job form.hideFormInput {
    padding-top: 30px
}

.apply-job form.hideFormInput .powermail_fieldwrap_type_submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px
}

.apply-job form.hideFormInput.bg-grey {
    background: #fcfcfc
}

.apply-job form.hideFormInput fieldset > div {
    display: none
}

.apply-job form.hideFormInput fieldset > div.powermail_fieldwrap_captcha, .apply-job form.hideFormInput fieldset > div.powermail_fieldwrap_captchainstruction, .apply-job form.hideFormInput fieldset > div.powermail_fieldwrap_datenschutz {
    display: block
}

.apply-job form:not(.hideFormInput) .powermail_fieldwrap_captcha, .apply-job form:not(.hideFormInput) .powermail_fieldwrap_captchainstruction, .apply-job form:not(.hideFormInput) .powermail_fieldwrap_datenschutz {
    display: none
}

.apply-job .choose-more {
    font-size: 16px;
    font-weight: 300;
    border: 0;
    text-transform: none;
    padding: 0 0 0 17px
}

.apply-job .choose-more::after {
    content: none
}

.apply-job .choose-more::before {
    left: 0
}

.apply-job .choose-more:hover {
    color: #000
}

.apply-job .choose-more:hover::before {
    color: #000
}

.apply-job .hidden {
    display: none
}

@media (max-width: 799px) {
    .apply-job .powermail_form_content {
        padding-top: 25px;
        padding-bottom: 50px
    }

    .apply-job .powermail_form_content .title {
        margin-bottom: 25px;
        font-size: 20px
    }

    .apply-job .powermail_confirmation {
        padding: 30px
    }

    .apply-job .powermail_fieldwrap_type_captcha {
        width: 100%
    }

    .apply-job .powermail_form {
        padding: 30px 10px 10px;
        margin-bottom: 30px
    }

    .apply-job .powermail_form.bg-grey {
        margin: 0 -15px;
        width: auto
    }

    .apply-job .file-title {
        margin-bottom: 5px
    }
}

.captcha-reload {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #004e9c
}

.captcha-reload:hover {
    cursor: pointer
}

.slide-wrapper {
    position: relative
}

.slide-wrapper .slider-wrapper {
    position: relative
}

.slide-wrapper .slick-next, .slide-wrapper .slick-prev {
    top: auto;
    left: auto;
    height: 40px;
    width: 21px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 11;
    cursor: pointer
}

.slide-wrapper .slick-next::before, .slide-wrapper .slick-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    width: 21px;
    height: 15px;
    color: #004e9c;
    font-weight: 100;
    opacity: 1
}

.slide-wrapper .slick-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -55px
}

.slide-wrapper .slick-prev {
    bottom: -55px
}

.slide-wrapper p {
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.75rem
}

@media (max-width: 799px) {
    .slide-wrapper .slider-wrapper {
        position: static
    }

    .slide-wrapper [class^=col-]:last-child {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.slider-over-full-width .slide-content-wrapper a:not(.btn-link)::after, .slider-over-full-width .slide-content-wrapper a:not(.btn-link):hover::after {
    content: none !important
}

.slider-over-full-width .slide-content-wrapper .text a, .slider-over-full-width .slide-content-wrapper .text a:hover {
    color: inherit
}

.slider-over-full-width .slider-img-wrapper {
    position: relative;
    position: relative
}

.slider-over-full-width .slider-img-wrapper::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.slider-over-full-width .slider-img-wrapper > img, .slider-over-full-width .slider-img-wrapper > picture, .slider-over-full-width .slider-img-wrapper > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.slider-over-full-width .slider-img-wrapper > video {
    -o-object-fit: contain;
    object-fit: contain
}

.slider-over-full-width .slider-img-wrapper picture {
    overflow: hidden
}

.slider-over-full-width .slider-img-wrapper a {
    top: 0;
    width: 100%;
    height: auto
}

.slider-over-full-width .slider-img-wrapper a.external-link-new-window, .slider-over-full-width .slider-img-wrapper a:not([class]) .slider-over-full-width .slider-img-wrapper a:not([data-toggle]) .slider-over-full-width .slider-img-wrapper a:not([data-tag-uid]) {
    position: absolute
}

.slider-over-full-width .slick-slide {
    position: relative;
    padding-left: 32px
}

@media (max-width: 799px) {
    .slider-over-full-width .slick-slide {
        padding-left: 16px
    }
}

.slider-over-full-width .slick-slide.slick-active + .slick-slide .slider-over-full-width .slick-slide:not(.slick-active) {
    opacity: .5;
    pointer-events: none
}

.slider-over-full-width img {
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s ease-out, width .5s linear;
    -o-transition: opacity .5s ease-out, width .5s linear;
    -moz-transition: opacity .5s ease-out, width .5s linear;
    transition: opacity .5s ease-out, width .5s linear
}

.slider-over-full-width.sliding-in-progress .slick-slide {
    opacity: 1 !important
}

@media (max-width: 799px) {
    .slider-over-full-width .slick-next, .slider-over-full-width .slick-prev {
        width: 40px;
        bottom: auto
    }

    .slider-over-full-width .slick-next {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (min-width: 1920px) {
    .slider-over-full-width .slick-list {
        padding-right: 405px !important
    }
}

.custom-slider {
    -webkit-transition: height .35s ease-in-out;
    -o-transition: height .35s ease-in-out;
    -moz-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out
}

.custom-slider .zoom-in {
    -webkit-animation: zoomSlideIn .3s .05s;
    -moz-animation: zoomSlideIn .3s .05s;
    -o-animation: zoomSlideIn .3s .05s;
    animation: zoomSlideIn .3s .05s
}

.custom-slider .zoom-out {
    -webkit-animation: zoomSlideOut .3s;
    -moz-animation: zoomSlideOut .3s;
    -o-animation: zoomSlideOut .3s;
    animation: zoomSlideOut .3s
}

.custom-slider .slide {
    display: inline-block;
    position: absolute;
    float: left;
    top: 0;
    -webkit-transition: left .25s linear, opacity .15s linear, -webkit-transform .25s linear;
    transition: left .25s linear, opacity .15s linear, -webkit-transform .25s linear;
    -o-transition: left .25s linear, opacity .15s linear, -o-transform .25s linear;
    -moz-transition: left .25s linear, transform .25s linear, opacity .15s linear, -moz-transform .25s linear;
    transition: left .25s linear, transform .25s linear, opacity .15s linear;
    transition: left .25s linear, transform .25s linear, opacity .15s linear, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear;
    z-index: 1;
    opacity: 0
}

.custom-slider .slide.visible {
    opacity: 1;
    top: 0;
    left: 0;
    z-index: 3
}

.custom-slider .slide.active {
    z-index: 2
}

.custom-slider .slide.ghost-slide {
    top: 0;
    left: 100%;
    opacity: .5;
    z-index: 0;
    -webkit-transition: left .25s linear, opacity .15s linear .2s, -webkit-transform .25s linear;
    transition: left .25s linear, opacity .15s linear .2s, -webkit-transform .25s linear;
    -o-transition: left .25s linear, opacity .15s linear .2s, -o-transform .25s linear;
    -moz-transition: left .25s linear, transform .25s linear, opacity .15s linear .2s, -moz-transform .25s linear;
    transition: left .25s linear, transform .25s linear, opacity .15s linear .2s;
    transition: left .25s linear, transform .25s linear, opacity .15s linear .2s, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear
}

.custom-slider .slide.ghost-slide.zoom-in {
    -webkit-transition: left 0s linear, opacity .15s ease;
    -o-transition: left 0s linear, opacity .15s ease;
    -moz-transition: left 0s linear, opacity .15s ease;
    transition: left 0s linear, opacity .15s ease
}

.custom-slider .slide.ghost-slide.next {
    z-index: 3
}

.custom-slider .slide.bounce-slide-left {
    -webkit-animation: keyvisualSliderBounceSlideLeft .35s;
    -moz-animation: keyvisualSliderBounceSlideLeft .35s;
    -o-animation: keyvisualSliderBounceSlideLeft .35s;
    animation: keyvisualSliderBounceSlideLeft .35s
}

.custom-slider .slide.bounce-slide-right {
    -webkit-animation: keyvisualSliderBounceSlideRight .35s;
    -moz-animation: keyvisualSliderBounceSlideRight .35s;
    -o-animation: keyvisualSliderBounceSlideRight .35s;
    animation: keyvisualSliderBounceSlideRight .35s
}

@media (max-width: 799px) {
    .custom-slider .slide.next {
        z-index: 3
    }
}

.custom-slider .slide-content {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.custom-slider .slide-content.fade-in {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    opacity: 1;
    z-index: 2
}

.custom-slider .slide-content.fade-out {
    opacity: 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

@media (max-width: 799px) {
    .custom-slider .slide-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
        padding-top: 32px;
        padding-right: 30px
    }

    .custom-slider .slide-content.fade-in {
        background-color: #fff
    }
}

.custom-slider .slide-content-wrapper {
    position: relative;
    margin-left: 32px
}

@media (max-width: 799px) {
    .custom-slider .slide-content-wrapper {
        margin-left: 16px
    }
}

.custom-slider .button-slide-next, .custom-slider .button-slide-prev {
    position: absolute;
    top: 0;
    height: 38px;
    width: 38px;
    z-index: 5;
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent
}

.custom-slider .button-slide-next::before, .custom-slider .button-slide-prev::before {
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    color: #004e9c;
    font-size: 21px;
    line-height: 21px;
    font-weight: 100
}

@media (max-width: 799px) {
    .custom-slider .button-slide-next::before, .custom-slider .button-slide-prev::before {
        margin-left: -1px
    }
}

.custom-slider .button-slide-prev {
    left: 0
}

.custom-slider .button-slide-prev::before {
    margin-top: -1px
}

.custom-slider .button-slide-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.custom-slider .button-slide-next::before {
    margin-top: 1px
}

.custom-slider .qty-slides {
    right: 0
}

@media (min-width: 800px) {
    .custom-slider .qty-slides.with-status-text .button-slide-prev {
        left: 5px
    }

    .custom-slider .qty-slides.with-status-text .button-slide-next {
        right: 5px
    }
}

@media (max-width: 799px) {
    .custom-slider .qty-slides {
        left: -webkit-calc(100% / 12 * 11 - 14px);
        left: -moz-calc(100% / 12 * 11 - 14px);
        left: calc(100% / 12 * 11 - 14px);
        bottom: auto;
        right: auto
    }

    .custom-slider .qty-slides.sticky {
        position: fixed;
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (max-width: 799px) and (min-width: 576px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 540px) / 2 + (540px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 540px) / 2 + (540px / 12 * 11) - 28px);
        left: calc((100vw - 540px) / 2 + (540px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) and (min-width: 800px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 720px) / 2 + (720px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 720px) / 2 + (720px / 12 * 11) - 28px);
        left: calc((100vw - 720px) / 2 + (720px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) and (min-width: 992px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 960px) / 2 + (960px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 960px) / 2 + (960px / 12 * 11) - 28px);
        left: calc((100vw - 960px) / 2 + (960px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) and (min-width: 1200px) {
    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 1140px) / 2 + (1140px / 12 * 11) - 28px);
        left: -moz-calc((100vw - 1140px) / 2 + (1140px / 12 * 11) - 28px);
        left: calc((100vw - 1140px) / 2 + (1140px / 12 * 11) - 28px)
    }
}

@media (max-width: 799px) {
    .custom-slider .qty-slides.bottom-position {
        top: auto !important;
        bottom: 5px
    }
}

@media (max-width: 575px) {
    .custom-slider .qty-slides {
        left: -webkit-calc(100% / 12 * 11 - 14px);
        left: -moz-calc(100% / 12 * 11 - 14px);
        left: calc(100% / 12 * 11 - 14px)
    }

    .custom-slider .qty-slides.sticky {
        left: -webkit-calc((100vw - 31px) / 12 * 11);
        left: -moz-calc((100vw - 31px) / 12 * 11);
        left: calc((100vw - 31px) / 12 * 11)
    }
}

@media (max-width: 799px) {
    .custom-slider {
        margin-left: -16px
    }

    .custom-slider .button-slide-next {
        top: auto;
        bottom: 0
    }
}

.qty-slides {
    position: absolute;
    font-weight: 400;
    padding: 5px 0;
    height: 40px;
    width: 140px;
    text-align: center;
    border: 2px solid #004e9c;
    color: #004e9c;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qty-slides .number-slide, .qty-slides .qty {
    position: relative;
    display: inline-block
}

.qty-slides .number-slide {
    margin-right: 3px
}

.qty-slides .number-slide::after {
    content: '/';
    position: absolute;
    right: -8px
}

.qty-slides .qty {
    margin-left: 5px
}

.overflow-container {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 25px
}

.layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
    max-width: 1545px
}

@media (min-width: 576px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 540px) / 2);
        margin-left: -moz-calc((100vw - 540px) / 2);
        margin-left: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 800px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 720px) / 2);
        margin-left: -moz-calc((100vw - 720px) / 2);
        margin-left: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 992px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 960px) / 2);
        margin-left: -moz-calc((100vw - 960px) / 2);
        margin-left: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 1200px) {
    .layout-teaser .overflow-container, .overflow-container-less-width .overflow-container {
        margin-left: -webkit-calc((100vw - 1140px) / 2);
        margin-left: -moz-calc((100vw - 1140px) / 2);
        margin-left: calc((100vw - 1140px) / 2)
    }
}

.layout-teaser .overflow-container .container, .overflow-container-less-width .overflow-container .container {
    margin-left: 0
}

.layout-teaser .overflow-container .custom-slider, .overflow-container-less-width .overflow-container .custom-slider {
    margin-left: -32px
}

@media (max-width: 799px) {
    .layout-teaser .overflow-container .custom-slider, .overflow-container-less-width .overflow-container .custom-slider {
        margin-left: -16px
    }
}

@-webkit-keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-moz-keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-o-keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@keyframes keyvisualSliderBounceSlideLeft {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-moz-keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-o-keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@keyframes keyvisualSliderBounceSlideRight {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-webkit-keyframes zoomSlideIn {
    0% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes zoomSlideIn {
    0% {
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes zoomSlideIn {
    0% {
        transform: scale3d(.9, .9, .9)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}

@keyframes zoomSlideIn {
    0% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes zoomSlideOut {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

@-moz-keyframes zoomSlideOut {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

@-o-keyframes zoomSlideOut {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

@keyframes zoomSlideOut {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1
    }
    50% {
        opacity: .8
    }
    100% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
        opacity: 0
    }
}

.slick-loading .slick-list {
    background: #fff url('../../../typo3conf/ext/hk_content/Resources/Public/Images/preloader.svg') center center no-repeat !important
}

.history {
    padding-bottom: 95px
}

.history + .table-block {
    padding-top: 200px
}

@media (max-width: 799px) {
    .history {
        padding-bottom: 55px
    }
}

.layout-image .slide-content, .layout-text-image .slide-content {
    position: absolute;
    top: 0;
    left: 15px;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

.layout-image .image-slider, .layout-image .image-text-slider, .layout-text-image .image-slider, .layout-text-image .image-text-slider {
    position: relative;
    position: relative
}

.layout-image .image-slider::before, .layout-image .image-text-slider::before, .layout-text-image .image-slider::before, .layout-text-image .image-text-slider::before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.25%
}

.layout-image .image-slider > img, .layout-image .image-slider > picture, .layout-image .image-slider > video, .layout-image .image-text-slider > img, .layout-image .image-text-slider > picture, .layout-image .image-text-slider > video, .layout-text-image .image-slider > img, .layout-text-image .image-slider > picture, .layout-text-image .image-slider > video, .layout-text-image .image-text-slider > img, .layout-text-image .image-text-slider > picture, .layout-text-image .image-text-slider > video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.layout-image .image-slider > video, .layout-image .image-text-slider > video, .layout-text-image .image-slider > video, .layout-text-image .image-text-slider > video {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 799px) {
    .layout-image [class^=col-], .layout-text-image [class^=col-] {
        position: static
    }

    .layout-image .image-slider, .layout-image .image-text-slider, .layout-text-image .image-slider, .layout-text-image .image-text-slider {
        margin-bottom: 32px
    }

    .layout-image .qty-slides, .layout-text-image .qty-slides {
        bottom: auto;
        width: 40px;
        height: 128px;
        background-color: #fff
    }

    .layout-image .qty-slides .content, .layout-text-image .qty-slides .content {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .layout-image .qty-slides span, .layout-text-image .qty-slides span {
        margin: 0;
        display: block
    }

    .layout-image .qty-slides span.number-slide, .layout-text-image .qty-slides span.number-slide {
        margin-right: 0
    }

    .layout-image .qty-slides span.number-slide::after, .layout-text-image .qty-slides span.number-slide::after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 2px;
        top: auto;
        bottom: 0;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #004e9c
    }

    .layout-image .qty-slides span.qty, .layout-text-image .qty-slides span.qty {
        margin-left: 0
    }
}

.layout-text {
    text-align: center
}

.layout-text .slider-wrapper {
    background-color: #fff;
    position: relative;
    padding: 40px 15px;
    -webkit-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    -moz-box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15);
    box-shadow: 0 18px 30px -15px rgba(24, 24, 24, .15)
}

@media (min-width: 800px) {
    .layout-text .slider-wrapper {
        padding: 40px 0;
        margin: 0 16px
    }
}

.layout-text .heading, .layout-text .slide-heading {
    color: #181818;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transition: color .3s linear;
    -o-transition: color .3s linear;
    -moz-transition: color .3s linear;
    transition: color .3s linear
}

@media (max-width: 799px) {
    .layout-text .heading, .layout-text .slide-heading {
        font-size: 1.25rem;
        line-height: 1.25rem
    }
}

.layout-text .heading {
    margin-bottom: 0
}

.layout-text .heading.green {
    color: #004e9c
}

.layout-text .slide-wrapper {
    padding-bottom: 55px
}

.layout-text .slide-wrapper .text {
    margin-top: 42px
}

@media (max-width: 799px) {
    .layout-text .slide-wrapper .text {
        margin-top: 28px
    }
}

.layout-text .slide-wrapper .slick-slide {
    padding: 0 16px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.layout-text .slide-wrapper .slick-slide.slick-active {
    opacity: 1
}

.layout-text .slide-wrapper .slick-next, .layout-text .slide-wrapper .slick-prev {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.layout-text .slide-wrapper .slick-prev {
    margin-left: -45px
}

.layout-text .slide-wrapper .slick-next {
    margin-left: 45px;
    -webkit-transform: translateX(-50%) rotate(180deg);
    -moz-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    -o-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

.layout-text .slide-wrapper .qty-slides {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.layout-image [class^=col-]:last-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.layout-image [class^=col-]:first-child {
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear
}

.layout-image .slide-content {
    padding-bottom: 80px
}

@media (max-width: 799px) {
    .layout-image .slide-content {
        padding-bottom: 56px;
        padding-top: 0
    }
}

.layout-image .qty-slides {
    width: 40px;
    height: 128px;
    background-color: #fff
}

.layout-image .qty-slides .content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.layout-image .qty-slides span {
    margin: 0;
    display: block
}

.layout-image .qty-slides span.number-slide {
    margin-right: 0
}

.layout-image .qty-slides span.number-slide::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    top: auto;
    bottom: 0;
    right: -2px;
    background-color: #004e9c
}

.layout-image .qty-slides span.qty {
    margin-left: 0
}

@media (min-width: 800px) {
    .layout-image .image-slider {
        overflow: hidden
    }

    .layout-image .slide-content-wrapper {
        margin-left: 0
    }

    .layout-image .qty-slides {
        top: 50%;
        right: -20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .layout-image .qty-slides.with-status-text .button-slide-prev {
        left: 0
    }

    .layout-image .qty-slides.with-status-text .button-slide-prev::before {
        margin-left: -1px
    }

    .layout-image .qty-slides.with-status-text .button-slide-next {
        right: 0;
        bottom: 0;
        top: auto
    }

    .layout-image .qty-slides.with-status-text .button-slide-next::before {
        margin-left: -2px
    }
}

@media (max-width: 799px) {
    .layout-image .heading-margin-bottom {
        margin-bottom: 42px
    }

    .layout-image .slide-wrapper .slider-wrapper {
        position: relative
    }

    .layout-image .qty-slides {
        left: -webkit-calc(100% - 12px);
        left: -moz-calc(100% - 12px);
        left: calc(100% - 12px)
    }
}

.layout-text-image .heading {
    margin-bottom: 14px
}

@media (min-width: 800px) {
    .layout-text-image .heading {
        line-height: 1.75rem;
        margin-top: -42px
    }
}

.layout-text-image .slider-wrapper {
    position: static
}

@media (min-width: 800px) {
    .layout-text-image .slider-wrapper {
        position: relative
    }
}

@media (min-width: 800px) {
    .layout-text-image .slide-wrapper {
        margin-top: 30px
    }

    .layout-text-image .slide-content-wrapper {
        padding-bottom: 58px
    }

    .layout-text-image .button-slide-next, .layout-text-image .button-slide-prev {
        width: 38px
    }

    .layout-text-image .button-slide-next::before, .layout-text-image .button-slide-prev::before {
        top: 50%;
        left: auto;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .layout-text-image .button-slide-prev::before {
        margin-left: -2px
    }
}

@media (max-width: 799px) {
    .layout-text-image [class^=col-] {
        position: static
    }

    .layout-text-image .image-text-slider {
        margin-bottom: 32px
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .layout-text-image .button-slide-next::before, .layout-text-image .button-slide-prev::before {
        padding-left: 20px
    }
}

@media (max-width: 799px) {
    .layout-text-image .button-slide-next::before, .layout-text-image .button-slide-prev::before {
        padding-left: 0
    }
}

.teaser-slider + .qty-slides, .teaser-thumbnails-slider + .qty-slides {
    top: -56px;
    width: 98px;
    -webkit-transition: top .15s linear;
    -o-transition: top .15s linear;
    -moz-transition: top .15s linear;
    transition: top .15s linear
}

.teaser-slider + .qty-slides .button-slide, .teaser-thumbnails-slider + .qty-slides .button-slide {
    width: 47px;
    border-right: 1px solid #004e9c;
    padding: 0
}

.teaser-slider + .qty-slides .button-slide-next::before, .teaser-thumbnails-slider + .qty-slides .button-slide-next::before {
    margin-top: 1px
}

@media (max-width: 799px) {
    .teaser-slider + .qty-slides, .teaser-thumbnails-slider + .qty-slides {
        width: 40px;
        height: 76px;
        z-index: 3;
        background-color: #fff;
        left: -webkit-calc(100% - 12px);
        left: -moz-calc(100% - 12px);
        left: calc(100% - 12px)
    }

    .teaser-slider + .qty-slides .button-slide, .teaser-thumbnails-slider + .qty-slides .button-slide {
        width: 38px
    }
}

.teaser-slider .slick-arrow, .teaser-thumbnails-slider .slick-arrow {
    border: 2px solid #004e9c;
    width: 44px
}

@media (min-width: 800px) {
    .teaser-slider .slick-arrow, .teaser-thumbnails-slider .slick-arrow {
        bottom: auto;
        top: -55px
    }

    .teaser-slider .slick-arrow.slick-next, .teaser-thumbnails-slider .slick-arrow.slick-next {
        right: 0
    }

    .teaser-slider .slick-arrow.slick-prev, .teaser-thumbnails-slider .slick-arrow.slick-prev {
        right: 42px
    }
}

@media (max-width: 799px) {
    .teaser-slider .slick-arrow, .teaser-thumbnails-slider .slick-arrow {
        height: 38px;
        width: 40px;
        background-color: #fff;
        border-bottom: 0;
        right: 6px
    }

    .teaser-slider .slick-arrow.slick-prev, .teaser-thumbnails-slider .slick-arrow.slick-prev {
        margin-top: -38px
    }
}

.teaser-slider {
    margin-left: -16px
}

.teaser-slider .slide {
    -webkit-transition: left .25s linear, opacity .05s linear, -webkit-transform .25s linear;
    transition: left .25s linear, opacity .05s linear, -webkit-transform .25s linear;
    -o-transition: left .25s linear, opacity .05s linear, -o-transform .25s linear;
    -moz-transition: left .25s linear, transform .25s linear, opacity .05s linear, -moz-transform .25s linear;
    transition: left .25s linear, transform .25s linear, opacity .05s linear;
    transition: left .25s linear, transform .25s linear, opacity .05s linear, -webkit-transform .25s linear, -moz-transform .25s linear, -o-transform .25s linear
}

.teaser-slider .slide.prev {
    left: -webkit-calc(-100% / 3);
    left: -moz-calc(-100% / 3);
    left: calc(-100% / 3)
}

.teaser-slider .slider-text-wrapper {
    margin-top: 24px
}

.teaser-slider .text {
    margin-bottom: 24px
}

.teaser-slider .heading {
    font-size: .75rem;
    color: #004e9c;
    letter-spacing: 1px;
    line-height: .94rem;
    text-transform: uppercase
}

.teaser-slider p {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 400
}

.teaser-slider .btn-link {
    z-index: 0
}

@media (min-width: 800px) {
    .teaser-slider {
        margin-left: -32px
    }

    .teaser-slider p {
        font-size: 1.5rem
    }
}

.teaser-thumbnails-slider .slide-content-wrapper {
    position: relative
}

.teaser-thumbnails-slider .link-overlap {
    position: absolute;
    color: transparent;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.teaser-thumbnails-slider .autocomplete-suggestion, .teaser-thumbnails-slider .link {
    z-index: 2
}

.teaser-thumbnails-slider .slider-text-wrapper {
    background-color: #fff;
    position: relative;
    padding: 24px;
    font-size: 1rem;
    -webkit-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    -moz-box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08);
    box-shadow: 0 3px 4px 0 rgba(24, 24, 24, .08)
}

.teaser-thumbnails-slider .slider-text-wrapper::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 18px 30px -15px #ececec;
    -moz-box-shadow: 0 18px 30px -15px #ececec;
    box-shadow: 0 18px 30px -15px #ececec
}

@media (max-width: 799px) {
    .teaser-thumbnails-slider .slider-text-wrapper {
        padding: 24px 16px
    }
}

.teaser-thumbnails-slider .slide-heading {
    font-weight: 800
}

@media (max-width: 799px) {
    .teaser-thumbnails-slider {
        margin-top: 56px
    }
}

.meta-header .h1, .meta-header h1 {
    font-size: 1.75rem
}

.keyvisual .keyvisual-content h2:not(.skyline) {
    font-size: 5rem
}

@media (max-width: 799px) {
    .keyvisual .keyvisual-content h2:not(.skyline) {
        font-size: 3rem
    }
}

.solution-finder .category-title, .solution-finder h2 {
    font-size: 4rem;
    line-height: 1
}

.solution-finder .heading-margin-bottom {
    margin-bottom: 100px
}

.newsroom-wrapper .social-block .stamp-heading {
    font-size: 2.25rem;
    line-height: 2.25rem
}

.teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    font-size: 2.25rem;
    line-height: .9
}

.reference-main-heading {
    font-size: 4rem
}

@media (max-width: 799px) {
    .reference-main-heading {
        font-size: 2.25rem
    }
}

.product-title-description {
    font-size: 2.25rem
}

.green-text, .medium-heading, .teaser-thumbnails.layout-special .slide-text :first-child, .teaser-thumbnails.layout-special.slide-text:first-child, .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
    font-size: 2.25rem;
    line-height: 1
}

@media (max-width: 799px) {
    .green-text, .medium-heading, .teaser-thumbnails.layout-special .slide-text :first-child, .teaser-thumbnails.layout-special.slide-text:first-child, .teaser-thumbnails.layout-standart .teaser-thumbnails-heading {
        font-size: 1.5rem
    }
}

.col-text-with-button .green-text, .col-text-with-button .medium-heading, .col-text-with-button .teaser-thumbnails.layout-special .slide-text :first-child, .col-text-with-button .teaser-thumbnails.layout-standart .teaser-thumbnails-heading, .teaser-thumbnails.layout-special .slide-text .col-text-with-button :first-child, .teaser-thumbnails.layout-standart .col-text-with-button .teaser-thumbnails-heading {
    line-height: 1
}

.footer-top .ce-gallery[data-ce-columns='2'] .ce-column:first-of-type .image-embed-item {
    max-width: 108px;
    margin-top: 15px
}

@media print {
    .breadcrumbs-menus, .btn-scroll-top, .cookies-line, .keyvisual, .main-footer, .main-nav, .search-wrapper, .wistia_embed, header {
        display: none
    }

    section {
        padding: 0;
        margin: 0
    }

    .col-md-4 .hk-ce .text-right {
        display: none
    }

    .single-contact-person .contact-background, .single-contact-person::before {
        display: none
    }

    .list-elements .elements-wrapper .element {
        margin: 0;
        padding: 0
    }

    .list-elements .elements-wrapper .element .popup::after, .list-elements .elements-wrapper .element .popup::before {
        display: none
    }

    .autocomplete-suggestion::before, .link::before, ul::before {
        display: none
    }

    .autocomplete-suggestion.default-list li::before, .default-list.autocomplete-suggestion li::before, .link.default-list li::before, ul.default-list li::before {
        display: none
    }

    h1.heading-xxl, h2.heading-xxl, h3.heading-xxl, h4.heading-xxl, h5.heading-xxl, h6.heading-xxl, p.heading-xxl {
        margin: 0
    }

    .hero .background::before {
        display: none
    }

    .accordion .card {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }

    .accordion .card .collapse-content {
        display: block
    }

    .accordion .card .collapse-header a::after, .accordion .card .collapse-header a::before {
        display: none
    }

    .product-detail-wrapper .bg-product-detail-wrapper, .product-detail-wrapper .product-detail-image {
        display: none
    }

    .card .collapse {
        display: block
    }

    .gallery-item, img {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }

    .gallery-image-figure img {
        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid
    }

    .layout-text .slider-wrapper {
        display: none
    }

    .col-md-20-percent:last-of-type {
        margin-bottom: 50px
    }

    .contact-person .group-contact-persons .contact-element .contact-info {
        display: block
    }

    .contact-person .group-contact-persons .contact-element .contact-info a {
        overflow: visible;
        display: block;
        width: 100%;
        border: 0;
        position: relative;
        text-align: left;
        margin: 0
    }

    .contact-person .group-contact-persons .contact-element .contact-info a span {
        display: block;
        color: #000
    }
}