.wp-block-audio figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-audio audio {
    width: 100%;
    min-width: 300px
}

.wp-block-button {
    color: #fff
}

.wp-block-button.aligncenter {
    text-align: center
}

.wp-block-button.alignright {
    text-align: right
}

.wp-block-button__link {
    background-color: #32373c;
    border: none;
    border-radius: 28px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word
}

.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
    color: inherit
}

.is-style-squared .wp-block-button__link {
    border-radius: 0
}

.no-border-radius.wp-block-button__link {
    border-radius: 0 !important
}

.is-style-outline {
    color: #32373c
}

.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 2px solid
}

.wp-block-calendar {
    text-align: center
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
    padding: 4px;
    border: 1px solid #e2e4e7
}

.wp-block-calendar tfoot td {
    border: none
}

.wp-block-calendar table {
    width: 100%;
    border-collapse: collapse;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.wp-block-calendar table th {
    font-weight: 400;
    background: #edeff0
}

.wp-block-calendar a {
    text-decoration: underline
}

.wp-block-calendar tfoot a {
    color: #00739c
}

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
    color: #40464d
}

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-columns {
    display: flex;
    margin-bottom: 28px;
    flex-wrap: wrap
}

@media (min-width:782px) {
    .wp-block-columns {
        flex-wrap: nowrap
    }
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width:599px) {
    .wp-block-column {
        flex-basis: 100% !important
    }
}

@media (min-width:600px) {
    .wp-block-column {
        flex-basis: calc(50% - 16px);
        flex-grow: 0
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 32px
    }
}

@media (min-width:782px) {
    .wp-block-column:not(:first-child) {
        margin-left: 32px
    }
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    -ms-grid-row-align: center;
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-cover,
.wp-block-cover-image {
    position: relative;
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
    background-attachment: fixed
}

@supports (-webkit-overflow-scrolling:touch) {

    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

@media (prefers-reduced-motion:reduce) {

    .wp-block-cover-image.has-parallax,
    .wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: inherit;
    opacity: .5;
    z-index: 1
}

.wp-block-cover-image.has-background-dim.has-background-dim-10:before,
.wp-block-cover.has-background-dim.has-background-dim-10:before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20:before,
.wp-block-cover.has-background-dim.has-background-dim-20:before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30:before,
.wp-block-cover.has-background-dim.has-background-dim-30:before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40:before,
.wp-block-cover.has-background-dim.has-background-dim-40:before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50:before,
.wp-block-cover.has-background-dim.has-background-dim-50:before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60:before,
.wp-block-cover.has-background-dim.has-background-dim-60:before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70:before,
.wp-block-cover.has-background-dim.has-background-dim-70:before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80:before,
.wp-block-cover.has-background-dim.has-background-dim-80:before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90:before,
.wp-block-cover.has-background-dim.has-background-dim-90:before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100:before,
.wp-block-cover.has-background-dim.has-background-dim-100:before {
    opacity: 1
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    max-width: 305px;
    width: 100%
}

.wp-block-cover-image:after,
.wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports ((position:-webkit-sticky) or (position:sticky)) {

    .wp-block-cover-image:after,
    .wp-block-cover:after {
        content: none
    }
}

.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    display: flex
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 70px);
    z-index: 1;
    color: #f8f9f9
}

.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
    color: inherit
}

.wp-block-cover__video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.wp-block-cover-image-text,
.wp-block-cover-text,
section.wp-block-cover-image h2 {
    color: #fff
}

.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
    color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 610px;
    padding: 14px;
    text-align: center
}

.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,
.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
    max-width: 360px;
    width: 100%
}

.wp-block-embed {
    margin-bottom: 1em
}

.wp-block-embed figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
    padding-top: 177.78%
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file {
    margin-bottom: 1.5em
}

.wp-block-file.aligncenter {
    text-align: center
}

.wp-block-file.alignright {
    text-align: right
}

.wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: 13px;
    padding: .5em 1em
}

.wp-block-file a.wp-block-file__button {
    text-decoration: none
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-file *+.wp-block-file__button {
    margin-left: .75em
}

.blocks-gallery-grid,
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    margin: 0 16px 16px 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
    margin: 0;
    height: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {

    .blocks-gallery-grid .blocks-gallery-image figure,
    .blocks-gallery-grid .blocks-gallery-item figure,
    .wp-block-gallery .blocks-gallery-image figure,
    .wp-block-gallery .blocks-gallery-item figure {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {

    .blocks-gallery-grid .blocks-gallery-image img,
    .blocks-gallery-grid .blocks-gallery-item img,
    .wp-block-gallery .blocks-gallery-image img,
    .wp-block-gallery .blocks-gallery-item img {
        width: auto
    }
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 40px 10px 9px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}

.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
    display: inline
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
    width: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {

    .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
    .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
    .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
    .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
    .wp-block-gallery.is-cropped .blocks-gallery-image a,
    .wp-block-gallery.is-cropped .blocks-gallery-image img,
    .wp-block-gallery.is-cropped .blocks-gallery-item a,
    .wp-block-gallery.is-cropped .blocks-gallery-item img {
        height: 100%;
        flex: 1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    width: calc((100% - 16px)/2)
}

.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}

.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0
}

@media (min-width:600px) {

    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item,
    .wp-block-gallery.columns-3 .blocks-gallery-image,
    .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: calc((100% - 32px)/3);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {

        .blocks-gallery-grid.columns-3 .blocks-gallery-image,
        .blocks-gallery-grid.columns-3 .blocks-gallery-item,
        .wp-block-gallery.columns-3 .blocks-gallery-image,
        .wp-block-gallery.columns-3 .blocks-gallery-item {
            width: calc((100% - 32px)/3 - 1px)
        }
    }

    .blocks-gallery-grid.columns-4 .blocks-gallery-image,
    .blocks-gallery-grid.columns-4 .blocks-gallery-item,
    .wp-block-gallery.columns-4 .blocks-gallery-image,
    .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc((100% - 48px)/4);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {

        .blocks-gallery-grid.columns-4 .blocks-gallery-image,
        .blocks-gallery-grid.columns-4 .blocks-gallery-item,
        .wp-block-gallery.columns-4 .blocks-gallery-image,
        .wp-block-gallery.columns-4 .blocks-gallery-item {
            width: calc((100% - 48px)/4 - 1px)
        }
    }

    .blocks-gallery-grid.columns-5 .blocks-gallery-image,
    .blocks-gallery-grid.columns-5 .blocks-gallery-item,
    .wp-block-gallery.columns-5 .blocks-gallery-image,
    .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: calc((100% - 64px)/5);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {

        .blocks-gallery-grid.columns-5 .blocks-gallery-image,
        .blocks-gallery-grid.columns-5 .blocks-gallery-item,
        .wp-block-gallery.columns-5 .blocks-gallery-image,
        .wp-block-gallery.columns-5 .blocks-gallery-item {
            width: calc((100% - 64px)/5 - 1px)
        }
    }

    .blocks-gallery-grid.columns-6 .blocks-gallery-image,
    .blocks-gallery-grid.columns-6 .blocks-gallery-item,
    .wp-block-gallery.columns-6 .blocks-gallery-image,
    .wp-block-gallery.columns-6 .blocks-gallery-item {
        width: calc((100% - 80px)/6);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {

        .blocks-gallery-grid.columns-6 .blocks-gallery-image,
        .blocks-gallery-grid.columns-6 .blocks-gallery-item,
        .wp-block-gallery.columns-6 .blocks-gallery-image,
        .wp-block-gallery.columns-6 .blocks-gallery-item {
            width: calc((100% - 80px)/6 - 1px)
        }
    }

    .blocks-gallery-grid.columns-7 .blocks-gallery-image,
    .blocks-gallery-grid.columns-7 .blocks-gallery-item,
    .wp-block-gallery.columns-7 .blocks-gallery-image,
    .wp-block-gallery.columns-7 .blocks-gallery-item {
        width: calc((100% - 96px)/7);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {

        .blocks-gallery-grid.columns-7 .blocks-gallery-image,
        .blocks-gallery-grid.columns-7 .blocks-gallery-item,
        .wp-block-gallery.columns-7 .blocks-gallery-image,
        .wp-block-gallery.columns-7 .blocks-gallery-item {
            width: calc((100% - 96px)/7 - 1px)
        }
    }

    .blocks-gallery-grid.columns-8 .blocks-gallery-image,
    .blocks-gallery-grid.columns-8 .blocks-gallery-item,
    .wp-block-gallery.columns-8 .blocks-gallery-image,
    .wp-block-gallery.columns-8 .blocks-gallery-item {
        width: calc((100% - 112px)/8);
        margin-right: 16px
    }

    @supports (-ms-ime-align:auto) {

        .blocks-gallery-grid.columns-8 .blocks-gallery-image,
        .blocks-gallery-grid.columns-8 .blocks-gallery-item,
        .wp-block-gallery.columns-8 .blocks-gallery-image,
        .wp-block-gallery.columns-8 .blocks-gallery-item {
            width: calc((100% - 112px)/8 - 1px)
        }
    }

    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
        margin-right: 0
    }

    .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
        margin-right: 0
    }
}

.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0
}

.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
    max-width: 305px;
    width: 100%
}

.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 1em
}

.wp-block-image img {
    max-width: 100%
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    width: 100%
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
    display: table;
    margin-left: 0;
    margin-right: 0
}

.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized>figcaption {
    display: table-caption;
    caption-side: bottom
}

.wp-block-image .alignleft {
    float: left;
    margin-right: 1em
}

.wp-block-image .alignright {
    float: right;
    margin-left: 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.is-style-circle-mask img {
    border-radius: 9999px
}

@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .is-style-circle-mask img {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: none
    }
}

.wp-block-latest-comments__comment {
    font-size: 15px;
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 36px;
    list-style: none
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 52px
}

.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: 14px;
    line-height: 1.8;
    margin: 5px 0 20px
}

.wp-block-latest-comments__comment-date {
    color: #8f98a1;
    display: block;
    font-size: 12px
}

.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
    border-radius: 24px;
    display: block;
    float: left;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none
}

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.wp-block-latest-posts.is-grid li {
    margin: 0 16px 16px 0;
    width: 100%
}

@media (min-width:600px) {
    .wp-block-latest-posts.columns-2 li {
        width: calc(50% - 16px)
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - 16px)
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - 16px)
    }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 16px)
    }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 16px)
    }
}

.wp-block-latest-posts__post-date {
    display: block;
    color: #6c7781;
    font-size: 13px
}

.wp-block-latest-posts__post-excerpt {
    margin-top: 8px;
    margin-bottom: 16px
}

.wp-block-media-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 50% 1fr;
    grid-template-columns: 50% 1fr
}

.wp-block-media-text .has-media-on-the-right {
    -ms-grid-columns: 1fr 50%;
    grid-template-columns: 1fr 50%
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
    -ms-grid-row-align: start;
    align-self: start
}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
    -ms-grid-row-align: center;
    align-self: center
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
    -ms-grid-row-align: end;
    align-self: end
}

.wp-block-media-text .wp-block-media-text__media {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    word-break: break-word;
    padding: 0 8%
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

.wp-block-media-text>figure>img,
.wp-block-media-text>figure>video {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.wp-block-media-text.is-image-fill figure {
    height: 100%;
    min-height: 250px;
    background-size: cover
}

.wp-block-media-text.is-image-fill figure>img {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@media (max-width:600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        -ms-grid-columns: 100% !important;
        grid-template-columns: 100% !important
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1
    }

    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2
    }

    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1
    }
}

.is-small-text {
    font-size: 14px
}

.is-regular-text {
    font-size: 16px
}

.is-large-text {
    font-size: 36px
}

.is-larger-text {
    font-size: 48px
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

.has-drop-cap:not(:focus):after {
    content: "";
    display: table;
    clear: both;
    padding-top: 14px
}

p.has-background {
    padding: 20px 30px
}

p.has-text-color a {
    color: inherit
}

.wp-block-pullquote {
    padding: 3em 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    max-width: 305px
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: 20px
}

.wp-block-pullquote p {
    font-size: 28px;
    line-height: 1.6
}

.wp-block-pullquote cite,
.wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: none
}

.wp-block-pullquote.is-style-solid-color {
    border: none
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal
}

.wp-block-pullquote cite {
    color: inherit
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 0 0 16px;
    padding: 0 1em
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 24px;
    font-style: italic;
    line-height: 1.6
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    font-size: 18px;
    text-align: right
}

.wp-block-rss.alignleft {
    margin-right: 2em
}

.wp-block-rss.alignright {
    margin-left: 2em
}

.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.wp-block-rss.is-grid li {
    margin: 0 16px 16px 0;
    width: 100%
}

@media (min-width:600px) {
    .wp-block-rss.columns-2 li {
        width: calc(50% - 16px)
    }

    .wp-block-rss.columns-3 li {
        width: calc(33.33333% - 16px)
    }

    .wp-block-rss.columns-4 li {
        width: calc(25% - 16px)
    }

    .wp-block-rss.columns-5 li {
        width: calc(20% - 16px)
    }

    .wp-block-rss.columns-6 li {
        width: calc(16.66667% - 16px)
    }
}

.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
    display: block;
    color: #6c7781;
    font-size: 13px
}

.wp-block-search {
    display: flex;
    flex-wrap: wrap
}

.wp-block-search .wp-block-search__label {
    width: 100%
}

.wp-block-search .wp-block-search__input {
    flex-grow: 1
}

.wp-block-search .wp-block-search__button {
    margin-left: 10px
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 1px
}

.wp-block-separator.is-style-dots {
    background: none !important;
    border: none;
    text-align: center;
    max-width: none;
    line-height: 1;
    height: auto
}

.wp-block-separator.is-style-dots:before {
    content: "\00b7 \00b7 \00b7";
    color: currentColor;
    font-size: 20px;
    letter-spacing: 2em;
    padding-left: 2em;
    font-family: serif
}

.wp-block-social-links {
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0
}

.wp-social-link {
    width: 36px;
    height: 36px;
    border-radius: 36px;
    margin-right: 8px
}

.wp-social-link,
.wp-social-link a {
    display: block;
    transition: transform .1s ease
}

.wp-social-link a {
    padding: 6px;
    line-height: 0
}

.wp-social-link a,
.wp-social-link a:active,
.wp-social-link a:hover,
.wp-social-link a:visited,
.wp-social-link svg {
    color: currentColor;
    fill: currentColor
}

.wp-social-link:hover {
    transform: scale(1.1)
}

.wp-block-social-links.aligncenter {
    justify-content: center;
    display: flex
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #1977f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
    background-color: #0577b5;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
    background-color: #02ab6c;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #fe4500;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: #21a1f3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
    background-color: #ff0100;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
    background: none;
    padding: 4px
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
    width: 28px;
    height: 28px
}

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
    color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
    color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
    color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
    color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
    color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
    color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
    color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
    color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
    color: #1977f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
    color: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
    color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
    color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
    color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
    color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
    color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
    color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
    color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
    color: #0577b5
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
    color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
    color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
    color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
    color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
    color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
    color: #fe4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
    color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
    color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
    color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
    color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
    color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
    color: #21a1f3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
    color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
    color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
    color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
    color: #ff0100
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
    width: auto
}

.wp-block-social-links.is-style-pill-shape .wp-social-link a {
    padding-left: 16px;
    padding-right: 16px
}

.wp-block-spacer {
    clear: both
}

p.wp-block-subhead {
    font-size: 1.1em;
    font-style: italic;
    opacity: .75
}

.wp-block-table {
    overflow-x: auto
}

.wp-block-table table {
    width: 100%
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f3f4f5
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent
}

.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
    display: flex
}

.wp-block-text-columns .wp-block-column {
    margin: 0 16px;
    padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
    margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
    margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
    width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
    width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
    width: 25%
}

pre.wp-block-verse {
    white-space: nowrap;
    overflow: auto
}

.wp-block-video {
    margin-left: 0;
    margin-right: 0
}

.wp-block-video video {
    max-width: 100%
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .wp-block-video [poster] {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

:root .has-pale-pink-background-color {
    background-color: #f78da7
}

:root .has-vivid-red-background-color {
    background-color: #cf2e2e
}

:root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900
}

:root .has-luminous-vivid-amber-background-color {
    background-color: #fcb900
}

:root .has-light-green-cyan-background-color {
    background-color: #7bdcb5
}

:root .has-vivid-green-cyan-background-color {
    background-color: #00d084
}

:root .has-pale-cyan-blue-background-color {
    background-color: #8ed1fc
}

:root .has-vivid-cyan-blue-background-color {
    background-color: #0693e3
}

:root .has-vivid-purple-background-color {
    background-color: #9b51e0
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-cyan-bluish-gray-background-color {
    background-color: #abb8c3
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-pale-pink-color {
    color: #f78da7
}

:root .has-vivid-red-color {
    color: #cf2e2e
}

:root .has-luminous-vivid-orange-color {
    color: #ff6900
}

:root .has-luminous-vivid-amber-color {
    color: #fcb900
}

:root .has-light-green-cyan-color {
    color: #7bdcb5
}

:root .has-vivid-green-cyan-color {
    color: #00d084
}

:root .has-pale-cyan-blue-color {
    color: #8ed1fc
}

:root .has-vivid-cyan-blue-color {
    color: #0693e3
}

:root .has-vivid-purple-color {
    color: #9b51e0
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-cyan-bluish-gray-color {
    color: #abb8c3
}

:root .has-very-dark-gray-color {
    color: #313131
}

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

.has-normal-font-size,
.has-regular-font-size {
    font-size: 16px
}

.has-medium-font-size {
    font-size: 20px
}

.has-large-font-size {
    font-size: 36px
}

.has-huge-font-size,
.has-larger-font-size {
    font-size: 42px
}

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

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

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

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    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 {
    display: block
}

figure {
    margin: 1em 2.5rem
}

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

main {
    display: block
}

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

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

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

b,
strong {
    font-weight: inherit;
    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 {
    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: .0625rem dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    -webkit-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: -.125rem
}

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

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

fieldset {
    padding: .35em .75em .625em
}

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

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

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

html {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

.cf,
.clearfix {
    *zoom: 1
}

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

.cf:after,
.clearfix:after {
    clear: both
}

img {
    vertical-align: middle
}

img[height],
img[width] {
    max-width: none
}

[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
}

[hidden] {
    display: none !important
}

@font-face {
    font-family: Barlow;
    src: url(./Barlow-Light.eot);
    src: url(./Barlow-Light.eot?#iefix) format("embedded-opentype"), url(./Barlow-Light.woff2) format("woff2"), url(./Barlow-Light.woff) format("woff"), url(./Barlow-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(./Barlow-Black.eot);
    src: url(./Barlow-Black.eot?#iefix) format("embedded-opentype"), url(./Barlow-Black.woff2) format("woff2"), url(./Barlow-Black.woff) format("woff"), url(./Barlow-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(./Barlow-Bold.eot);
    src: url(./Barlow-Bold.eot?#iefix) format("embedded-opentype"), url(./Barlow-Bold.woff2) format("woff2"), url(./Barlow-Bold.woff) format("woff"), url(./Barlow-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(./Barlow-Regular.eot);
    src: url(./Barlow-Regular.eot?#iefix) format("embedded-opentype"), url(./Barlow-Regular.woff2) format("woff2"), url(./Barlow-Regular.woff) format("woff"), url(./Barlow-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

body,
html {
    width: 100%
}

body {
    position: relative;
    background: #f2f2f3 !important;
    font-family: Barlow, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 1rem;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.nav-opened body {
    overflow: hidden
}

.app-body,
.root {
    position: relative
}

.app-body {
    padding-top: 6.25rem;
    overflow: hidden
}

.has-hero .app-body {
    padding-top: 0
}

@media (max-width:47.99em) {
    .app-body {
        padding-top: 5rem
    }
}

::-moz-selection {
    background-color: #000;
    color: #fff
}

::selection {
    background-color: #000;
    color: #fff
}

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

figure {
    margin: 0
}

p {
    margin-top: 0;
    margin-bottom: .625rem
}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: .3125rem
}

.is-responsive {
    position: absolute;
    top: -624.9375rem;
    left: -624.9375rem;
    display: none;
    z-index: 10
}

.container {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    .container {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .container {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.layout--half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10%
}

@media (min-width:48em) {
    .layout--half .column {
        width: 40%;
        margin-left: 10%
    }

    .is-ie .layout--half .column {
        margin-left: calc(10% - .0625rem)
    }
}

@media (max-width:47.99em) {
    .layout--half .column {
        width: 100%;
        margin-left: 10%
    }
}

.btn {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

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

.btn.active,
.btn:active {
    outline: 0
}

.btn.disabled,
.btn:disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: default;
    pointer-events: none
}

.btn-default {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 1rem;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.btn-default.active,
.btn-default:active {
    outline: 0
}

.btn-default.disabled,
.btn-default:disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
    cursor: default;
    pointer-events: none
}

.btn-default:before {
    z-index: 2;
    border: .0625rem solid #000;
    border-right: 0;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.btn-default:after,
.btn-default:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn-default:after {
    background-color: #000;
    -webkit-transform: skewX(-20deg) scaleX(0);
    transform: skewX(-20deg) scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    overflow: hidden
}

.btn-default>span {
    position: relative;
    display: block;
    z-index: 10;
    padding: .75rem 1.25rem
}

.btn-default .btn__title {
    position: relative;
    display: block;
    z-index: 10;
    overflow: hidden
}

.btn-default .btn__hover,
.btn-default .btn__label {
    display: block;
    padding: .75rem 1.25rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

.btn-default .btn__hover {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn-default:hover:after {
    -webkit-transform: skewX(-20deg) scaleX(1);
    transform: skewX(-20deg) scaleX(1)
}

.btn-default:hover .btn__label {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-default:hover .btn__hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn-default.btn--white {
    color: #fff
}

.btn-default.btn--white:hover {
    background: transparent;
}

.btn-default.btn--white:before {
    border-color: #fff
}

.btn-default.btn--white:after {
    background-color: #fff
}

.btn-default.btn--white .btn__hover {
    color: #000
}

.btn-default[data-reveal] {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.btn-default.reveal {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn-full {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.btn-full.active,
.btn-full:active {
    outline: 0
}

.btn-full.disabled,
.btn-full:disabled,
.btn-full[disabled],
fieldset[disabled] .btn-full {
    cursor: default;
    pointer-events: none
}

.btn-full:before {
    background-color: #000;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.btn-full:after,
.btn-full:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn-full:after {
    z-index: 2;
    background-color: #fff;
    -webkit-transform: skewX(-20deg) scaleX(0);
    transform: skewX(-20deg) scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    transition: transform .3s cubic-bezier(.19, 1, .22, 1) .1s, -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) .1s;
    overflow: hidden
}

.btn-full>span {
    position: relative;
    display: block;
    z-index: 5;
    padding: .75rem 1.25rem
}

.btn-full .btn__title {
    position: relative;
    display: block;
    z-index: 10;
    overflow: hidden
}

.btn-full .btn__hover,
.btn-full .btn__label {
    display: block;
    padding: .75rem 1.25rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

.btn-full .btn__hover {
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.btn-full:hover:after {
    -webkit-transform: skewX(-20deg) scaleX(1);
    transform: skewX(-20deg) scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.btn-full:hover .btn__label {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.btn-full:hover .btn__hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn-full.btn--white {
    color: #000
}

.btn-full.btn--white:before {
    background-color: #fff
}

.btn-full.btn--white:after {
    background-color: #000
}

.btn-full.btn--white .btn__hover {
    color: #fff
}

.btn-full.btn--wide .btn__hover,
.btn-full.btn--wide .btn__label,
.btn-full.btn--wide>span {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

.btn-inline {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: none;
    border: 0;
    color: inherit;
    font-weight: 700
}

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

.btn-inline.active,
.btn-inline:active {
    outline: 0
}

.btn-inline.disabled,
.btn-inline:disabled,
.btn-inline[disabled],
fieldset[disabled] .btn-inline {
    cursor: default;
    pointer-events: none
}

.btn-inline .btn__icon {
    position: absolute;
    top: 50%;
    right: .4375rem;
    font-size: .6em;
    color: inherit;
    -webkit-transform: translateY(-50%) rotateX(0deg);
    transform: translateY(-50%) rotateX(0deg);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

.btn-inline.btn--icon span {
    padding-right: .9375rem
}

.is-open .btn-inline .btn__icon {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg)
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown__menu {
    clear: left;
    position: absolute;
    top: 100%;
    left: 50%;
    float: left;
    max-height: 0;
    overflow: hidden;
    background-color: #fff;
    border: 0;
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    -webkit-box-shadow: .0625rem .0625rem .3125rem rgba(0, 0, 0, .15);
    box-shadow: .0625rem .0625rem .3125rem rgba(0, 0, 0, .15);
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scaleY(.7);
    transform: translate3d(-50%, 0, 0) scaleY(.7);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: max-height 0s .3s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 0s cubic-bezier(.19, 1, .22, 1) .3s;
    transition: max-height 0s .3s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 0s cubic-bezier(.19, 1, .22, 1) .3s;
    transition: max-height 0s .3s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, transform 0s cubic-bezier(.19, 1, .22, 1) .3s;
    transition: max-height 0s .3s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, transform 0s cubic-bezier(.19, 1, .22, 1) .3s, -webkit-transform 0s cubic-bezier(.19, 1, .22, 1) .3s
}

.dropdown.is-open .dropdown__menu {
    max-height: 624.9375rem;
    overflow: visible;
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0) scaleY(1);
    transform: translate3d(-50%, 0, 0) scaleY(1);
    -webkit-transition: max-height 0s 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: max-height 0s 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: max-height 0s 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, transform .5s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: max-height 0s 0s, opacity .2s cubic-bezier(.19, 1, .22, 1) 0s, transform .5s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1) 0s
}

.loading-spinner {
    display: inline-block;
    position: relative;
    width: 2rem;
    margin-top: .125rem;
    margin-left: .625rem;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

.loading-spinner:before {
    content: "";
    display: block;
    padding-top: 100%
}

.loading-spinner svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: circularSpinnerRotate 2s linear infinite;
    animation: circularSpinnerRotate 2s linear infinite
}

.loading-spinner circle {
    fill: none;
    stroke: #000;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: circularSpinnerDash 1.5s ease-in-out infinite;
    animation: circularSpinnerDash 1.5s ease-in-out infinite
}

.loading-spinner.loading {
    opacity: 1
}

.app-header {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #000
}

.app-header:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: .625rem 0 .9375rem rgba(0, 0, 0, .1);
    box-shadow: .625rem 0 .9375rem rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: opacity 2s cubic-bezier(1, 0, 0, 1);
    transition: opacity 2s cubic-bezier(1, 0, 0, 1)
}

.app-header .header__wrapper {
    position: relative;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media (min-width:48em) {
    .app-header .header__wrapper {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .app-header .header__wrapper {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .app-header .header__wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.app-header .app-logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-header .social-networks {
    margin-left: 3.125rem
}

.app-header .nav-toggle {
    display: none
}

.has-hero .app-header {
    position: absolute;
    background-color: transparent;
    color: #fff
}

.nav-fixed .app-header {
    position: fixed;
    background-color: #fff;
    color: #000
}

.nav-unminimized .app-header:after {
    opacity: 1
}

@media (max-width:61.24em) {

    .app-header .nav-main,
    .app-header .social-networks {
        display: none
    }

    .app-header .nav-toggle {
        display: inline-block
    }
}

@media (max-width:47.99em) {
    .app-header .header__wrapper {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

.app-logo {
    display: block;
    position: absolute;
    z-index: 2;
    max-width: 6.875rem;
    text-decoration: none
}

.app-logo .logo__label {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

.app-logo .logo__media {
    display: inline-block
}

.app-logo .logo--white {
    display: none
}

.app-logo img {
    width: 100%
}

.app-logo img,
.has-hero .app-logo .logo--white {
    display: inline-block
}

.has-hero .app-logo .logo--black,
.nav-fixed .app-logo .logo--white {
    display: none
}

.nav-fixed .app-logo .logo--black {
    display: inline-block
}

.app-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ul.social-networks {
    padding-left: 0;
    margin: 0;
    list-style: none;
    font-size: 1.125rem
}

ul.social-networks li {
    display: inline-block;
    margin-left: .625rem
}

ul.social-networks li:first-child {
    margin-left: 0
}

ul.social-networks a {
    display: block;
    position: relative;
    top: -.125rem;
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .2s cubic-bezier(.23, 1, .32, 1);
    transition: color .2s cubic-bezier(.23, 1, .32, 1)
}

ul.social-networks .facebook a:hover {
    color: #3c5a99
}

ul.social-networks .instagram a:hover {
    color: #e1306c
}

ul.social-networks .youtube a:hover {
    color: red
}

ul.social-networks .email a:hover {
    color: #f90
}

.i18n-switcher {
    margin-left: 1.25rem;
    font-size: .875rem
}

.i18n-switcher .btn-inline {
    text-transform: uppercase
}

.i18n-switcher ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
    text-align: right
}

.i18n-switcher a {
    position: relative;
    z-index: 1;
    display: block;
    padding: .3125rem .625rem;
    color: #000;
    overflow: hidden;
    -webkit-transition: color .3s cubic-bezier(1, 0, 0, 1);
    transition: color .3s cubic-bezier(1, 0, 0, 1)
}

.i18n-switcher a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

.i18n-switcher a:hover {
    color: #fff
}

.i18n-switcher a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.nav-main ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.nav-main li {
    position: relative;
    display: inline-block;
    margin-left: .9375rem
}

.nav-main li:first-child {
    margin-left: 0
}

.nav-main li.highlight:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: .0625rem solid #000;
    border-right: 0;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

.nav-main a {
    position: relative;
    display: block;
    padding: .3125rem .625rem .3125rem .9375rem;
    color: inherit;
    font-size: .75rem;
    font-family: Barlow, sans-serif;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color .2s cubic-bezier(1, 0, 0, 1);
    transition: color .2s cubic-bezier(1, 0, 0, 1)
}

.nav-main a:before {
    border-bottom: .0625rem solid #000;
    -webkit-transform: skewX(-20deg) scaleX(0);
    transform: skewX(-20deg) scaleX(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1) .2s;
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1) .2s;
    transition: transform .3s cubic-bezier(1, 0, 0, 1) .2s;
    transition: transform .3s cubic-bezier(1, 0, 0, 1) .2s, -webkit-transform .3s cubic-bezier(1, 0, 0, 1) .2s
}

.nav-main a:after,
.nav-main a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nav-main a:after {
    background-color: #000;
    -webkit-transform: skewX(-20deg) scaleY(0);
    transform: skewX(-20deg) scaleY(0);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform .2s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .2s cubic-bezier(1, 0, 0, 1);
    transition: transform .2s cubic-bezier(1, 0, 0, 1);
    transition: transform .2s cubic-bezier(1, 0, 0, 1), -webkit-transform .2s cubic-bezier(1, 0, 0, 1)
}

.nav-main a span {
    position: relative;
    display: block;
    z-index: 10
}

.nav-main a span:after {
    content: attr(data-title);
    position: absolute;
    left: 0;
    right: 0;
    color: red;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.nav-main .active a,
.nav-main a:hover {
    color: #fff;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.nav-main .active a:before,
.nav-main a:hover:before {
    -webkit-transform: skewX(-20deg) scaleX(1);
    transform: skewX(-20deg) scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.nav-main .active a:after,
.nav-main a:hover:after {
    -webkit-transform: skewX(-20deg) scaleY(1);
    transform: skewX(-20deg) scaleY(1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.has-hero .nav-main a:before,
.has-hero .nav-main li.highlight:before {
    border-color: #fff
}

.has-hero .nav-main a:after {
    background-color: #fff
}

.has-hero .nav-main .active a,
.has-hero .nav-main a:hover {
    color: #000
}

.nav-fixed .nav-main a:before,
.nav-fixed .nav-main li.highlight:before {
    border-color: #000
}

.nav-fixed .nav-main a:after {
    background-color: #000
}

.nav-fixed .nav-main .active a,
.nav-fixed .nav-main a:hover {
    color: #fff
}

.nav-mobile {
    text-align: center
}

.nav-mobile ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.nav-mobile a {
    position: relative;
    display: block;
    padding: .1875rem 1.25rem;
    font-family: Barlow, sans-serif;
    font-weight: 900;
    color: inherit;
    font-size: 2.5rem;
    text-transform: uppercase
}

.nav-mobile a:after,
.nav-mobile a:before {
    content: "";
    position: absolute;
    top: 50%;
    width: .9375rem;
    height: .125rem;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

.nav-mobile a:before {
    left: 0;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.nav-mobile a:after {
    right: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.nav-mobile .active a:after,
.nav-mobile .active a:before,
.nav-mobile a:hover:after,
.nav-mobile a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nav-mobile .active a:before,
.nav-mobile a:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.nav-mobile .active a:after,
.nav-mobile a:hover:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.nav-responsive {
    display: none;
    position: fixed;
    z-index: 510;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden
}

.nav-responsive:before {
    content: "";
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1);
    transition: transform .5s cubic-bezier(1, 0, 0, 1);
    transition: transform .5s cubic-bezier(1, 0, 0, 1), -webkit-transform .5s cubic-bezier(1, 0, 0, 1)
}

.nav-responsive .nav__wrapper,
.nav-responsive:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nav-responsive .nav__wrapper {
    z-index: 2;
    background-image: -webkit-gradient(linear, right top, left top, from(#090908), color-stop(#1c1c1c), to(#090908));
    background-image: linear-gradient(270deg, #090908, #1c1c1c, #090908);
    background-color: #000;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    transition: transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    transition: transform .5s cubic-bezier(1, 0, 0, 1) .1s, -webkit-transform .5s cubic-bezier(1, 0, 0, 1) .1s;
    overflow: hidden
}

.nav-responsive .nav__header {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media (min-width:48em) {
    .nav-responsive .nav__header {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .nav-responsive .nav__header {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .nav-responsive .nav__header {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.nav-responsive .nav__misc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-responsive .nav__main {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.nav-responsive .nav__inner {
    padding-top: 6.25rem;
    padding-bottom: 5rem
}

.nav-responsive .nav__footer {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center
}

@media (min-width:48em) {
    .nav-responsive .nav__footer {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .nav-responsive .nav__footer {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .nav-responsive .nav__footer {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.nav-responsive .app-logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav-responsive .app-logo .logo--white {
    display: inline-block
}

.nav-responsive.reveal:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nav-responsive.reveal .nav__wrapper {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.nav-closing .nav-responsive,
.nav-opened .nav-responsive,
.nav-opening .nav-responsive {
    display: block
}

.nav-centered .nav-responsive .nav__main {
    overflow: hidden
}

.nav-centered .nav-responsive .nav__inner {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nav-toggle {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 2.625rem;
    height: 2.625rem;
    margin: 0 0 0 .9375rem
}

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

.nav-toggle.active,
.nav-toggle:active {
    outline: 0
}

.nav-toggle.disabled,
.nav-toggle:disabled,
.nav-toggle[disabled],
fieldset[disabled] .nav-toggle {
    cursor: default;
    pointer-events: none
}

.nav-toggle .btn__burger {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.75rem;
    height: 1.375rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.nav-toggle span {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: .1875rem;
    background-color: #000;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

.nav-toggle span:first-child {
    top: 0;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.nav-toggle span:nth-child(2) {
    top: .625rem
}

.nav-toggle span:nth-child(3) {
    top: 1.25rem;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%)
}

.has-hero .nav-toggle span {
    background-color: #fff
}

.nav-fixed .nav-toggle span {
    background-color: #000
}

.nav-toggle:hover span:first-child {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%)
}

.nav-toggle:hover span:nth-child(3) {
    top: 1.25rem;
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

.nav-close {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 2.625rem;
    height: 2.625rem;
    margin: 0 0 0 .9375rem
}

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

.nav-close.active,
.nav-close:active {
    outline: 0
}

.nav-close.disabled,
.nav-close:disabled,
.nav-close[disabled],
fieldset[disabled] .nav-close {
    cursor: default;
    pointer-events: none
}

.nav-close .btn__burger {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.75rem;
    height: 1.375rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.nav-close span {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: .1875rem;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

.nav-close span:first-child {
    top: .625rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-close span:nth-child(2) {
    top: .625rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav-close:hover span:first-child,
.nav-close:hover span:nth-child(2) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.app-footer {
    position: relative
}

.app-footer .footer__row {
    position: relative;
    background-color: #000;
    color: #fff
}

.app-footer .footer__newsletter {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    background: url(../../../themes/pan-hjc/build/images/footer-newsletter.jpg) 50% 50% no-repeat;
    background-size: cover;
    overflow: hidden
}

.app-footer .footer__links {
    padding-top: 3.75rem
}

.app-footer .footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.875rem
}

.app-footer .footer__misc {
    position: relative;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-top: .125rem solid #363636;
    color: #363636
}

.app-footer .footer__corpo {
    width: 12.5rem
}

.app-footer .footer__logo {
    display: block;
    max-width: 6.875rem;
    margin-bottom: 1.25rem
}

.app-footer .footer__logo img {
    width: 100%
}

.app-footer .footer__sitemap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.app-footer .footer__copyright {
    font-size: .875rem;
    text-transform: uppercase
}

.app-footer .footer__credits {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-footer .newsletter__title {
    margin-top: 0;
    margin-bottom: .625rem;
    line-height: 1;
    color: inherit;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 .3125rem rgba(0, 0, 0, .2)
}

.app-footer .newsletter__group {
    z-index: 5
}

.app-footer .newsletter__field,
.app-footer .newsletter__group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-footer .newsletter__field {
    width: 12.5rem;
    padding-left: 1.25rem
}

.app-footer .newsletter__field:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -1.25rem;
    background-color: #fff;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.app-footer .newsletter__input {
    display: block;
    position: relative;
    width: 100%;
    padding: .625rem 0;
    background-color: transparent;
    border: none;
    color: #000;
    font-size: 1rem
}

.app-footer .newsletter__input:focus {
    outline: 0
}

.app-footer .newsletter__input::-webkit-input-placeholder {
    color: #000;
    font-size: 1rem;
    text-transform: uppercase
}

.app-footer .newsletter__input::-moz-placeholder {
    color: #000;
    font-size: 1rem;
    text-transform: uppercase
}

.app-footer .newsletter__input:-ms-input-placeholder {
    color: #000;
    font-size: 1rem;
    text-transform: uppercase
}

.app-footer .newsletter__input::-ms-input-placeholder {
    color: #000;
    font-size: 1rem;
    text-transform: uppercase
}

.app-footer .newsletter__input::placeholder {
    color: #000;
    font-size: 1rem;
    text-transform: uppercase
}

.app-footer .newsletter__submit {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    color: inherit;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.app-footer .newsletter__submit:focus,
.app-footer .newsletter__submit:hover {
    text-decoration: none
}

.app-footer .newsletter__submit.active,
.app-footer .newsletter__submit:active {
    outline: 0
}

.app-footer .newsletter__submit.disabled,
.app-footer .newsletter__submit:disabled,
.app-footer .newsletter__submit[disabled],
fieldset[disabled] .app-footer .newsletter__submit {
    cursor: default;
    pointer-events: none
}

.app-footer .newsletter__submit span {
    position: relative;
    z-index: 1
}

.app-footer .newsletter__submit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.app-footer .newsletter__rgpd {
    display: inline-block;
    margin-top: .3125rem;
    max-width: 25rem;
    font-size: .75rem
}

.app-footer .newsletter__rgpd a {
    color: #fff;
    text-decoration: underline
}

@media (min-width:61.25em) {
    .app-footer .footer__newsletter:before {
        content: "Newsletter";
        position: absolute;
        z-index: 1;
        bottom: -1.25rem;
        right: -18.75rem;
        line-height: 1;
        color: #fff;
        font-size: 9.375rem;
        font-family: Barlow, sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-stroke: .125rem #fff
    }
}

@media (max-width:61.24em) {
    .app-footer .footer__newsletter {
        text-align: center
    }

    .app-footer .footer__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .app-footer .footer__links {
        padding-top: 2.5rem
    }

    .app-footer .footer__corpo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        width: 100%;
        margin-bottom: 1.25rem;
        text-align: center
    }

    .app-footer .newsletter__group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.nav-sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .9em
}

.nav-sitemap ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.nav-sitemap li {
    margin-bottom: .625rem
}

.nav-sitemap a,
.nav-sitemap li {
    position: relative;
    display: block
}

.nav-sitemap a {
    color: inherit;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none
}

.nav-sitemap .entry a {
    font-weight: 700
}

.nav-sitemap .arrow a svg {
    position: relative;
    top: -.0625rem;
    margin-right: .1875rem;
    font-size: .75rem
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .nav-sitemap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .nav-sitemap ul {
        width: 33.33333%
    }
}

@media (max-width:33.74em) {
    .nav-sitemap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .nav-sitemap ul {
        width: 50%;
        margin-bottom: 1.25rem
    }

    .nav-sitemap ul:last-child {
        width: 100%
    }
}

.made-by-pan {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    opacity: .5;
    -webkit-transition: opacity .5s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .5s cubic-bezier(.23, 1, .32, 1)
}

.made-by-pan .logo-pan {
    display: inline-block;
    width: 197.5rem;
    height: 2.5rem;
    background-image: url(../../../themes/pan-hjc/build/images/sprite-pan.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 197.5rem 2.5rem
}

.made-by-pan:hover {
    opacity: 1
}

button.back-to-top {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: fixed;
    z-index: 1000;
    bottom: 1.25rem;
    right: 1.25rem;
    width: 3.125rem;
    height: 3.125rem;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: .1875rem .3125rem .9375rem rgba(0, 0, 0, .15);
    box-shadow: .1875rem .3125rem .9375rem rgba(0, 0, 0, .15);
    border: .125rem solid #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    color: #000;
    opacity: 0;
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    -webkit-transition: color .3s cubic-bezier(1, 0, 0, 1), opacity .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: color .3s cubic-bezier(1, 0, 0, 1), opacity .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: color .3s cubic-bezier(1, 0, 0, 1), opacity .3s cubic-bezier(.19, 1, .22, 1), transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: color .3s cubic-bezier(1, 0, 0, 1), opacity .3s cubic-bezier(.19, 1, .22, 1), transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

button.back-to-top,
button.back-to-top:focus,
button.back-to-top:hover {
    text-decoration: none
}

button.back-to-top.active,
button.back-to-top:active {
    outline: 0
}

button.back-to-top.disabled,
button.back-to-top:disabled,
button.back-to-top[disabled],
fieldset[disabled] button.back-to-top {
    cursor: default;
    pointer-events: none
}

button.back-to-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: opacity .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: opacity .3s cubic-bezier(1, 0, 0, 1), transform .3s cubic-bezier(1, 0, 0, 1);
    transition: opacity .3s cubic-bezier(1, 0, 0, 1), transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

button.back-to-top svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    font-size: 1.375rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

button.back-to-top.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

button.back-to-top:hover {
    color: #fff
}

button.back-to-top:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.wysiwyg {
    line-height: 1.6;
    font-size: 1rem
}

.wysiwyg p {
    margin-top: 0;
    margin-bottom: .9375rem
}

.wysiwyg p.aligncenter {
    text-align: center
}

.wysiwyg p.alignright {
    text-align: right
}

.wysiwyg a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: linear-gradient(180deg, #000, #000);
    background-repeat: no-repeat;
    background-position: 0 1.1em;
    background-size: 100% 100%;
    color: inherit;
    -webkit-transition: color .2s cubic-bezier(.19, 1, .22, 1), background-position-y .2s cubic-bezier(.19, 1, .22, 1);
    transition: color .2s cubic-bezier(.19, 1, .22, 1), background-position-y .2s cubic-bezier(.19, 1, .22, 1)
}

.wysiwyg a:hover {
    background-position-y: 0;
    color: #fff
}

.wysiwyg blockquote,
.wysiwyg cite {
    position: relative;
    margin: 1.875rem 0;
    padding: 0 3.125rem;
    line-height: 1.5;
    font-size: 1.4375rem;
    font-weight: 300;
    text-align: center
}

.wysiwyg ol,
.wysiwyg ul {
    list-style: none;
    margin-top: .625rem;
    margin-bottom: 1.25rem;
    margin-left: .625rem;
    padding-left: 1.875rem
}

.wysiwyg ol li,
.wysiwyg ul li {
    line-height: 1.2;
    text-indent: -.7em;
    margin-bottom: .3125rem
}

.wysiwyg ul li {
    position: relative;
    text-indent: .1em
}

.wysiwyg ul li:before {
    content: "";
    position: absolute;
    top: .4375rem;
    left: -1.25rem;
    width: .5rem;
    height: .5rem;
    border: .125rem solid #000;
    border-left: 0;
    border-top: 0
}

.wysiwyg ol li {
    counter-increment: count-me
}

.wysiwyg ol li:before {
    content: counter(count-me) ". ";
    position: relative;
    left: -.5rem;
    color: #000;
    font-size: 1em;
    font-weight: 900
}

.wysiwyg .font-barlow--light {
    font-family: Barlow, sans-serif;
    font-weight: 300
}

.wysiwyg .font-barlow--bold {
    font-family: Barlow, sans-serif;
    font-weight: 700
}

.wysiwyg .font-barlow--black {
    font-family: Barlow, sans-serif;
    font-weight: 900
}

.wysiwyg .h1,
.wysiwyg h1 {
    font-size: 4.375rem
}

.wysiwyg .h1,
.wysiwyg .h2,
.wysiwyg h1,
.wysiwyg h2 {
    margin-top: .625rem;
    margin-bottom: 1.875rem;
    line-height: 1.1
}

.wysiwyg .h2,
.wysiwyg h2 {
    font-size: 3.25rem
}

.wysiwyg .h3,
.wysiwyg h3 {
    font-size: 2.625rem
}

.wysiwyg .h3,
.wysiwyg .h4,
.wysiwyg h3,
.wysiwyg h4 {
    margin-top: .625rem;
    margin-bottom: 1.875rem;
    line-height: 1.1
}

.wysiwyg .h4,
.wysiwyg h4 {
    font-size: 2.125rem
}

.wysiwyg .h5,
.wysiwyg .h6,
.wysiwyg h5,
.wysiwyg h6 {
    margin-top: .625rem;
    margin-bottom: 1.875rem;
    line-height: 1.1;
    font-size: 1.625rem
}

.wysiwyg .h1,
.wysiwyg .h2,
.wysiwyg h1,
.wysiwyg h2 {
    font-family: Barlow, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center
}

.wysiwyg .h6,
.wysiwyg h6 {
    font-weight: 300
}

.wysiwyg .mini {
    font-size: 70%
}

.wysiwyg .smaller,
.wysiwyg small {
    font-size: 80%
}

.wysiwyg .bigger {
    font-size: 120%;
    font-weight: 700
}

.wysiwyg img,
.wysiwyg img[height],
.wysiwyg img[width] {
    max-width: 100%;
    height: auto;
    margin-bottom: 1.875rem
}

.wysiwyg .aligncenter {
    display: block;
    margin: 1.875rem auto;
    text-align: center
}

.wysiwyg .alignleft {
    float: left;
    margin: .3125rem 1.875rem 1.25rem 0
}

.wysiwyg .alignright {
    float: right;
    margin: .3125rem 0 1.25rem 1.875rem
}

.wysiwyg .caption {
    margin-bottom: 1.875rem
}

.wysiwyg .caption img {
    margin-bottom: .625rem
}

.wysiwyg .caption__text {
    color: #a7a7a7;
    font-size: .9em
}

.wysiwyg .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wysiwyg .gallery-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
    margin-bottom: .625rem;
    padding: .625rem
}

.wysiwyg .gallery-item img {
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
    margin-bottom: 0
}

.wysiwyg .gallery-item figcaption {
    font-size: .85em
}

.wysiwyg .gallery-columns-1 .gallery-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.wysiwyg .gallery-columns-2 .gallery-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.wysiwyg .gallery-columns-3 .gallery-item {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
}

.wysiwyg .gallery-columns-4 .gallery-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.wysiwyg .gallery-columns-5 .gallery-item {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.wysiwyg .gallery-columns-6 .gallery-item {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%
}

.wysiwyg .gallery-columns-7 .gallery-item {
    -ms-flex-preferred-size: 14.28571%;
    flex-basis: 14.28571%
}

.wysiwyg .gallery-columns-8 .gallery-item {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%
}

.wysiwyg .gallery-columns-9 .gallery-item {
    -ms-flex-preferred-size: 11.11111%;
    flex-basis: 11.11111%
}

.wysiwyg .oembed--video {
    position: relative;
    padding-bottom: 56.25%
}

.wysiwyg .oembed--video iframe,
.wysiwyg .oembed--video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wysiwyg hr {
    position: relative;
    border: 0;
    width: 100%;
    height: .0625rem;
    margin: 2.5rem 0;
    background-color: #000;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.wysiwyg iframe {
    max-width: 100%
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .wysiwyg .gallery-item {
        -ms-flex-preferred-size: 33.33333% !important;
        flex-basis: 33.33333% !important
    }
}

@media (max-width:33.74em) {
    .wysiwyg .gallery-item {
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important
    }
}

form.form .form__form {
    height: auto;
    overflow: hidden
}

form.form .form__success {
    display: none;
    padding: 1.25rem
}

form.form .form__error {
    position: relative;
    margin-top: .1875rem;
    color: #ed4a52;
    font-size: 80%
}

.input--error+form.form .form__error {
    display: block
}

form.form .form__title {
    margin-top: 0;
    margin-bottom: .625rem;
    font-size: 1.375rem;
    font-weight: 600
}

form.form .form__group {
    position: relative;
    margin-bottom: 1.25rem
}

form.form .form__field {
    position: relative;
    overflow: hidden
}

form.form .form__field--field:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: rgba(0, 0, 0, .5);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background-color .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

form.form .form__submit {
    margin-top: 1.875rem;
    margin-left: .625rem
}

.input-field {
    display: block;
    width: 100%;
    padding: .625rem .9375rem;
    background-color: #fff;
    border: 0;
    border-radius: .0625rem;
    color: #000;
    font-size: 1rem;
    vertical-align: middle
}

.input-field:focus {
    outline: 0
}

.input-field[disabled],
.input-field[readonly],
fieldset[disabled] .input-field {
    cursor: not-allowed
}

.input-field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.input-field::-moz-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.input-field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.input-field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.input-field::placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.input-gtfo {
    display: none !important
}

textarea.input-field {
    height: auto;
    line-height: 1.2;
    resize: none;
    resize: vertical
}

.input-label {
    z-index: 2;
    margin: 0 0 .4375rem .9375rem;
    color: #000;
    font-size: 1.125rem;
    -webkit-transition: color .3s cubic-bezier(.23, 1, .32, 1);
    transition: color .3s cubic-bezier(.23, 1, .32, 1)
}

.checkbox,
.input-label {
    display: block;
    position: relative
}

.checkbox--inline {
    display: inline-block
}

.checkbox--inline+.checkbox--inline {
    margin-left: 1.25rem
}

.check-label {
    display: inline-block;
    padding-left: 1.5625rem;
    cursor: pointer
}

.check-field {
    position: absolute;
    margin-top: .1875rem;
    margin-left: -1.5625rem
}

.check-field:only-child {
    position: static
}

.form__field.input--filled.form__field--field:after,
.form__field.input--filled .select--default:after,
.form__field.input--focused.form__field--field:after,
.form__field.input--focused .select--default:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.form__field.input--error .input-label {
    color: #ed4a52
}

.form__field.input--error.form__field--field:after {
    background-color: #ed4a52;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.form__field:hover .input-label {
    color: #a7a7a7
}

.input-checkbox {
    position: relative
}

.input-checkbox .checkbox__button {
    position: absolute;
    z-index: 1;
    top: .125rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    border: .125rem solid #000
}

.input-checkbox .checkbox__button:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: .625rem;
    height: .625rem;
    margin-top: -.3125rem;
    margin-left: -.3125rem;
    background-color: #000;
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transition: opacity .1s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: opacity .1s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: opacity .1s cubic-bezier(.68, -.55, .265, 1.55), transform .2s cubic-bezier(.68, -.55, .265, 1.55);
    transition: opacity .1s cubic-bezier(.68, -.55, .265, 1.55), transform .2s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .2s cubic-bezier(.68, -.55, .265, 1.55)
}

.input-checkbox .checkbox__label {
    display: block;
    position: relative;
    padding-top: .125rem;
    padding-left: 1.5625rem
}

.input-checkbox .checkbox__desc {
    position: relative;
    top: -.125rem;
    display: block;
    line-height: 1.2;
    color: #000;
    font-size: 1rem
}

.input-checkbox input[type=checkbox],
.input-checkbox input[type=radio] {
    position: absolute;
    left: 0;
    z-index: -1;
    opacity: 0
}

.input-checkbox input[type=checkbox]:checked~.checkbox__button:before,
.input-checkbox input[type=radio]:checked~.checkbox__button:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input-checkbox input[name=consent]~.checkbox__desc {
    top: -.0625rem;
    font-size: .8em
}

.is-ios .input-checkbox .checkbox__label>*,
.is-safari .input-checkbox .checkbox__label>* {
    display: block;
    pointer-events: none
}

select[data-select] {
    opacity: 0
}

.custom-select {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer
}

.custom-select:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: rgba(0, 0, 0, .5);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background-color .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: background-color .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), background-color .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

.custom-select .select__placeholder {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a7a7a7
}

.custom-select .select__button {
    position: absolute;
    display: block;
    z-index: 10;
    top: 0;
    right: 0;
    width: .625rem;
    height: 100%;
    background: url(../../../themes/pan-hjc/build/images/icons/chevron.svg) 50% 50% no-repeat;
    background-size: .625rem .625rem;
    opacity: .4
}

.custom-select .select__select {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    cursor: pointer
}

.select--default {
    display: block;
    width: 100%;
    padding: .625rem .9375rem;
    border: 0;
    border-radius: .0625rem;
    color: #000;
    font-size: 1rem;
    vertical-align: middle;
    background-color: #fff
}

.select--default:focus {
    outline: 0
}

.select--default[disabled],
.select--default[readonly],
fieldset[disabled] .select--default {
    cursor: not-allowed
}

.select--default::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.select--default::-moz-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.select--default:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.select--default::-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.select--default::placeholder {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.select--default .select__placeholder {
    color: #000
}

.select--default .select__button {
    top: 0;
    right: .9375rem;
    opacity: 1
}

.heading {
    position: relative;
    max-width: 75rem;
    margin: 3.75rem auto
}

@media (min-width:48em) {
    .heading {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .heading {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .heading {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.heading__title {
    margin-right: 12.5rem;
    line-height: 1;
    font-size: 4.375rem;
    font-weight: 900
}

.heading__subtitle,
.heading__title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Barlow, sans-serif;
    text-transform: uppercase
}

.heading__subtitle {
    font-size: 1rem;
    font-weight: 300
}

.heading__action {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.heading__stroke {
    position: absolute;
    top: 50%;
    width: 624.9375rem;
    height: .125rem;
    background-color: #000;
    right: calc(100% + 1.875rem);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.heading[data-reveal] .heading__subtitle,
.heading[data-reveal] .heading__title {
    opacity: 0;
    -webkit-font-kerning: none;
    font-kerning: none
}

.heading[data-reveal] .heading__subtitle .line,
.heading[data-reveal] .heading__title .line {
    overflow: hidden
}

.heading[data-reveal] .heading__action,
.heading[data-reveal] .heading__stroke {
    opacity: 0
}

.heading.reveal .heading__action,
.heading.reveal .heading__stroke,
.heading.reveal .heading__subtitle,
.heading.reveal .heading__title {
    opacity: 1
}

@media (max-width:74.99em) {
    .heading__stroke {
        right: calc(100% - .625rem)
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .heading__title {
        font-size: 3.375rem
    }
}

@media (max-width:47.99em) {
    .heading__title {
        margin-right: 0
    }

/*    .heading__action {
        display: none
    }*/
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .heading {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .heading__title {
        font-size: 2.625rem
    }
}

@media (max-width:33.74em) {
    .heading {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    .heading__title {
        font-size: 2.25rem
    }
}

.gridlist.gridlist--4columns .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3%
}

.gridlist.gridlist--4columns .list__item {
    position: relative;
    margin-bottom: 6%
}

.gridlist.gridlist--4columns .item__link {
    position: relative;
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none
}

.gridlist.gridlist--4columns .item__media {
    position: relative;
    padding-bottom: 100%;
    margin-bottom: 1.25rem;
    background-color: #e5e5e5
}

.gridlist.gridlist--4columns .item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:50% 50%";
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.gridlist.gridlist--4columns .item__title {
    margin-top: 0;
    margin-bottom: .625rem;
    font-size: 1.125rem;
    font-weight: 700
}

.gridlist.gridlist--4columns [data-reveal] .item__content,
.gridlist.gridlist--4columns [data-reveal] .item__media,
.gridlist.gridlist--4columns [data-reveal] .item__title {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

.gridlist.gridlist--4columns [data-reveal] .item__title {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.gridlist.gridlist--4columns [data-reveal] .item__content {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.gridlist.gridlist--4columns .reveal .item__content,
.gridlist.gridlist--4columns .reveal .item__media,
.gridlist.gridlist--4columns .reveal .item__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gridlist.gridlist--entries .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10%
}

.gridlist.gridlist--entries .list__item {
    position: relative;
    margin-bottom: 5%
}

.gridlist.gridlist--entries .item__media img,
.gridlist.gridlist--entries .item__media img[height],
.gridlist.gridlist--entries .item__media img[width] {
    max-width: 100%;
    height: auto;
    margin-bottom: .9375rem
}

.gridlist.gridlist--entries .item__title {
    position: relative;
    padding-bottom: .625rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    font-weight: 700
}

.gridlist.gridlist--entries .item__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background-color: #000
}

.gridlist.gridlist--entries [data-reveal] .item__content,
.gridlist.gridlist--entries [data-reveal] .item__media,
.gridlist.gridlist--entries [data-reveal] .item__title {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

.gridlist.gridlist--entries [data-reveal] .item__title {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.gridlist.gridlist--entries [data-reveal] .item__content {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.gridlist.gridlist--entries .reveal .item__content,
.gridlist.gridlist--entries .reveal .item__media,
.gridlist.gridlist--entries .reveal .item__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gridlist.gridlist--contain .gridlist__image {
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain
}

@media (min-width:61.25em) {
    .gridlist.gridlist--4columns .list__item {
        width: 22%;
        margin-left: 3%
    }

    .is-ie .gridlist.gridlist--4columns .list__item {
        margin-left: calc(3% - .0625rem)
    }
}

@media (min-width:48em) {
    .gridlist.gridlist--entries .list__item {
        width: 40%;
        margin-left: 10%
    }

    .is-ie .gridlist.gridlist--entries .list__item {
        margin-left: calc(10% - .0625rem)
    }
}

@media (max-width:47.99em) {
    .gridlist.gridlist--entries .list__item {
        width: 100%;
        margin-left: 10%
    }
}

@media (min-width:33.75em) and (max-width:61.24em) {
    .gridlist.gridlist--4columns .list__item {
        width: 30.33333%;
        margin-left: 3%
    }

    .is-ie .gridlist.gridlist--4columns .list__item {
        margin-left: calc(3% - .0625rem)
    }
}

@media (max-width:33.74em) {
    .gridlist.gridlist--4columns .list__item {
        width: 47%;
        margin-left: 3%
    }

    .is-ie .gridlist.gridlist--4columns .list__item {
        margin-left: calc(3% - .0625rem)
    }
}

section.socialwall {
    position: relative;
    margin-bottom: 3.75rem
}

section.socialwall .socialwall__wall {
    *zoom: 1;
    position: relative
}

section.socialwall .socialwall__wall:after,
section.socialwall .socialwall__wall:before {
    content: " ";
    display: table
}

section.socialwall .socialwall__wall:after {
    clear: both
}

section.socialwall .socialwall__item {
    position: relative;
    float: left;
    text-align: center;
    overflow: hidden
}

section.socialwall .socialwall__ratio {
    position: relative
}

section.socialwall .socialwall__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:50% 50%";
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

section.socialwall .socialwall__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    color: inherit;
    text-decoration: none
}

section.socialwall .socialwall__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 4rem;
    font-weight: 700;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

section.socialwall .type--facebook,
section.socialwall .type--youtube {
    background-color: #000;
    color: #fff
}

section.socialwall .type--instagram {
    background-color: #fff;
    color: #000
}

section.socialwall[data-reveal] .socialwall__item {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1)
}

section.socialwall.reveal .socialwall__item {
    opacity: 1
}

section.socialwall.reveal .socialwall__item:first-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

section.socialwall.reveal .socialwall__item:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

section.socialwall.reveal .socialwall__item:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

section.socialwall.reveal .socialwall__item:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

section.socialwall.reveal .socialwall__item:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

section.socialwall.reveal .socialwall__item:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

section.socialwall.reveal .socialwall__item:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

@media (min-width:48em) {
    section.socialwall .socialwall__item:first-child {
        width: 40%
    }

    section.socialwall .socialwall__item:first-child .socialwall__ratio {
        padding-bottom: 50%
    }

    section.socialwall .socialwall__item:nth-child(2) {
        width: 20%
    }

    section.socialwall .socialwall__item:nth-child(2) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(3) {
        width: 20%
    }

    section.socialwall .socialwall__item:nth-child(3) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(4) {
        position: absolute;
        top: 0;
        right: 0;
        width: 20%
    }

    section.socialwall .socialwall__item:nth-child(4) .socialwall__ratio {
        padding-bottom: 200%
    }

    section.socialwall .socialwall__item:nth-child(5) {
        clear: left;
        width: 20%
    }

    section.socialwall .socialwall__item:nth-child(5) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(6) {
        width: 40%
    }

    section.socialwall .socialwall__item:nth-child(6) .socialwall__ratio {
        padding-bottom: 50%
    }

    section.socialwall .socialwall__item:nth-child(7) {
        width: 20%
    }

    section.socialwall .socialwall__item:nth-child(7) .socialwall__ratio {
        padding-bottom: 100%
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.socialwall {
        margin-bottom: 2.5rem
    }

    section.socialwall .socialwall__item:first-child {
        width: 50%
    }

    section.socialwall .socialwall__item:first-child .socialwall__ratio {
        padding-bottom: 50%
    }

    section.socialwall .socialwall__item:nth-child(2) {
        width: 25%
    }

    section.socialwall .socialwall__item:nth-child(2) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(3) {
        width: 25%
    }

    section.socialwall .socialwall__item:nth-child(3) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(4) {
        display: none
    }

    section.socialwall .socialwall__item:nth-child(5) {
        width: 25%
    }

    section.socialwall .socialwall__item:nth-child(5) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(6) {
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(6) .socialwall__ratio {
        padding-bottom: 50%
    }

    section.socialwall .socialwall__item:nth-child(7) {
        width: 25%
    }

    section.socialwall .socialwall__item:nth-child(7) .socialwall__ratio {
        padding-bottom: 100%
    }
}

@media (max-width:33.74em) {
    section.socialwall {
        margin-bottom: 1.875rem
    }

    section.socialwall .socialwall__item:first-child {
        width: 100%
    }

    section.socialwall .socialwall__item:first-child .socialwall__ratio {
        padding-bottom: 50%
    }

    section.socialwall .socialwall__item:nth-child(2) {
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(2) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(3) {
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(3) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(4) {
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(4) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(5) {
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(5) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(6) {
        float: right;
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(6) .socialwall__ratio {
        padding-bottom: 100%
    }

    section.socialwall .socialwall__item:nth-child(7) {
        width: 50%
    }

    section.socialwall .socialwall__item:nth-child(7) .socialwall__ratio {
        padding-bottom: 100%
    }
}

.pagination {
    *zoom: 1;
    position: relative;
    padding: 1.875rem 0;
    margin-top: 0;
    margin-bottom: 1.875rem;
    text-align: center
}

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

.pagination:after {
    clear: both
}

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

.pagination li {
    position: relative;
    display: inline-block;
    margin: 0 .3125rem;
    font-size: 1rem
}

.pagination .previous {
    margin-right: 2.5rem
}

.pagination .next {
    margin-left: 2.5rem
}

.pagination a {
    display: block;
    padding: 0 .625rem;
    height: 2.5rem;
    line-height: 2.375rem;
    border-radius: .125rem;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: color .3s cubic-bezier(.23, 1, .32, 1);
    transition: color .3s cubic-bezier(.23, 1, .32, 1)
}

.pagination a:hover {
    color: #000
}

.pagination .current a,
.pagination .next a,
.pagination .previous a {
    padding: 0;
    width: 2.5rem
}

.pagination .next a,
.pagination .previous a {
    font-size: 1.5rem;
    line-height: 2.125rem
}

.pagination .current a {
    color: #fff;
    background-color: #000
}

@media (max-width:33.74em) {

    .pagination .extend,
    .pagination .page {
        display: none
    }

    .pagination .page.current {
        display: inline-block
    }
}

section.heroslider {
    position: relative;
    z-index: 1;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

section.heroslider .hero__wrapper {
    padding-bottom: 56.25%;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    cursor: move !important;
    cursor: -webkit-grab !important;
    cursor: grab !important
}

section.heroslider .hero__contents,
section.heroslider .hero__sharedcontent {
    position: absolute;
    z-index: 510;
    top: 6.25rem;
    bottom: 6.25rem;
    left: 50%;
    width: 100%;
    max-width: 75rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

section.heroslider .hero__contents .slide__content,
section.heroslider .hero__sharedcontent .slide__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.heroslider .hero__slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

section.heroslider .hero__scrolldown {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: absolute;
    z-index: 600;
    bottom: 3.125rem;
    left: 50%;
    color: inherit;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

section.heroslider .hero__scrolldown:focus,
section.heroslider .hero__scrolldown:hover {
    text-decoration: none
}

section.heroslider .hero__scrolldown.active,
section.heroslider .hero__scrolldown:active {
    outline: 0
}

fieldset[disabled] section.heroslider .hero__scrolldown,
section.heroslider .hero__scrolldown.disabled,
section.heroslider .hero__scrolldown:disabled,
section.heroslider .hero__scrolldown[disabled] {
    cursor: default;
    pointer-events: none
}

section.heroslider .hero__scrolldown__mouse {
    display: inline-block;
    width: .9375rem;
    margin-bottom: .9375rem
}

section.heroslider .hero__scrolldown__mouse svg {
    width: 100%;
    height: auto;
    -webkit-animation-name: scrollDownMouse;
    animation-name: scrollDownMouse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

section.heroslider .hero__scrolldown__mouse path {
    fill: #fff
}

section.heroslider .hero__scrolldown__mouse [data-name=caret] {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: scrollDownCaret;
    animation-name: scrollDownCaret;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

section.heroslider .hero__scrolldown__label {
    letter-spacing: .11em;
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase
}

section.heroslider .slide,
section.heroslider .slide__content,
section.heroslider .slide__image,
section.heroslider .slide__media,
section.heroslider .slide__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section.heroslider .slide__media {
    z-index: 1;
    overflow: hidden
}

section.heroslider .slide__image {
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:50% 50%";
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

section.heroslider .slide__content {
    display: none
}

section.heroslider .slide__stroke {
    display: block;
    position: absolute;
    top: 50%;
    width: 624.9375rem;
    height: .125rem;
    background-color: #fff;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

section.heroslider .slide__stroke.stroke--left {
    right: calc(100% + 1.875rem)
}

section.heroslider .slide__stroke.stroke--right {
    left: 100%
}

section.heroslider .slide__title {
    color: #fff;
    margin-top: 0;
    margin-bottom: .625rem;
    line-height: 1;
    font-family: Barlow, sans-serif;
    font-weight: 900;
    font-size: 6.25rem;
    text-transform: none;
    text-shadow: 0 0 .625rem rgba(0, 0, 0, .15)
}

section.heroslider .slide__subtitle {
    display: block;
    margin-bottom: .625rem;
    font-size: 2.1875rem;
    letter-spacing: .3em;
    text-transform: uppercase;
    text-shadow: 0 0 .4375rem rgba(0, 0, 0, .15)
}

section.heroslider .slide__action {
    margin-top: 1.875rem
}

section.heroslider .slide.active {
    z-index: 100
}

section.heroslider .slide.old {
    z-index: 99
}

section.heroslider .hero__scrolldown__label,
section.heroslider .hero__scrolldown__mouse {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

section.heroslider .hero__scrolldown__label {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

section.heroslider .slide__subtitle,
section.heroslider .slide__title {
    opacity: 0;
    -webkit-font-kerning: none;
    font-kerning: none
}

section.heroslider .slide__subtitle .line,
section.heroslider .slide__title .line {
    overflow: hidden
}

section.heroslider .slide__action,
section.heroslider .slide__stroke {
    opacity: 0
}

section.heroslider .position--top-left {
    -o-object-position: top left;
    object-position: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

section.heroslider .position--center-left {
    -o-object-position: center left;
    object-position: center left;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

section.heroslider .position--bottom-left {
    -o-object-position: bottom left;
    object-position: bottom left;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

section.heroslider .position--top-center {
    -o-object-position: top center;
    object-position: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

section.heroslider .position--center {
    -o-object-position: center center;
    object-position: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

section.heroslider .position--bottom-center {
    -o-object-position: bottom center;
    object-position: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

section.heroslider .position--top-right {
    -o-object-position: top right;
    object-position: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

section.heroslider .position--center-right {
    -o-object-position: center right;
    object-position: center right;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

section.heroslider .position--bottom-right {
    -o-object-position: bottom right;
    object-position: bottom right;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.app-body section.heroslider:first-child {
    margin-top: 0
}

section.heroslider.block-heroslider .hero__slides:before {
    display: none
}

section.heroslider.is-loaded .hero__wrapper {
    opacity: 1
}

section.heroslider.is-loaded .hero__scrolldown__label,
section.heroslider.is-loaded .hero__scrolldown__mouse {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width:74.99em) {
    section.heroslider .slide__stroke.stroke--left {
        right: calc(100% - .625rem)
    }

    section.heroslider .slide__stroke.stroke--right {
        left: calc(100% - 1.25rem)
    }
}

@media (min-width:61.25em) and (max-width:74.99em) {
    section.heroslider .slide__title {
        font-size: 5.125rem
    }

    section.heroslider .slide__subtitle {
        font-size: 1.625rem
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    section.heroslider .slide__title {
        font-size: 4rem
    }

    section.heroslider .slide__subtitle {
        font-size: 1.375rem
    }
}

@media (min-width:48em) {
    section.heroslider {
        min-height: 37.5rem;
        max-height: 100vh;
        margin-top: 3.75rem;
        /* margin-bottom: 3.75rem */
    }

    section.heroslider .slide__content {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    section.heroslider .slide__heading {
        max-width: 50%;
        min-width: 50rem
    }
}

@media (max-width:47.99em) {
    section.heroslider {
        height: 100vh
    }

    section.heroslider .hero__slides:before,
    section.heroslider .hero__wrapper:after {
        display: none
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.heroslider {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    section.heroslider .slide__content {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    section.heroslider .slide__title {
        font-size: 3.375rem
    }

    section.heroslider .slide__subtitle {
        font-size: 1.125rem
    }
}

@media (max-width:33.74em) {
    section.heroslider {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    section.heroslider .slide__content {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    section.heroslider .slide__title {
        font-size: 2.375rem
    }

    section.heroslider .slide__subtitle {
        font-size: 1rem
    }
}

section.imagebanner {
    position: relative;
    background-color: #e5e5e5;
    overflow: hidden
}

section.imagebanner .banner__wrapper {
    position: relative
}

section.imagebanner .banner__media {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

section.imagebanner .banner__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:50% 50%";
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

section.imagebanner .banner__heading {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    color: #fff;
    text-align: center
}

@media (min-width:48em) {
    section.imagebanner .banner__heading {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.imagebanner .banner__heading {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    section.imagebanner .banner__heading {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

section.imagebanner .banner__title {
    line-height: 1.1;
    font-weight: 900;
    font-size: 5rem;
    text-shadow: 0 0 .625rem rgba(0, 0, 0, .15)
}

section.imagebanner .banner__subtitle,
section.imagebanner .banner__title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Barlow, sans-serif;
    text-transform: uppercase
}

section.imagebanner .banner__subtitle {
    font-size: 1.375rem;
    font-weight: 400;
    text-shadow: 0 0 .4375rem rgba(0, 0, 0, .15)
}

.app-body section.imagebanner:first-child {
    margin-top: 0
}

section.imagebanner .is-parallax {
    top: -6.25rem;
    bottom: -6.25rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

section.imagebanner[data-reveal] .banner__subtitle,
section.imagebanner[data-reveal] .banner__title {
    opacity: 0;
    -webkit-font-kerning: none;
    font-kerning: none
}

section.imagebanner[data-reveal] .banner__subtitle .line,
section.imagebanner[data-reveal] .banner__title .line {
    overflow: hidden
}

section.imagebanner[data-reveal] .banner__image {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.19, 1, .22, 1), transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.19, 1, .22, 1), transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

section.imagebanner.revealing .banner__image {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

section.imagebanner.reveal .banner__subtitle,
section.imagebanner.reveal .banner__title {
    opacity: 1
}

section.imagebanner.reveal .banner__image {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width:48em) {
    section.imagebanner {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    section.imagebanner .banner__title {
        font-size: 4rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.imagebanner {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    section.imagebanner .banner__title {
        font-size: 3.375rem
    }

    section.imagebanner .banner__subtitle {
        font-size: 1.125rem
    }
}

@media (max-width:33.74em) {
    section.imagebanner {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }

    section.imagebanner .banner__title {
        font-size: 2.375rem
    }

    section.imagebanner .banner__subtitle {
        font-size: 1rem
    }
}

.swiper,
.swiper__wrapper {
    position: relative
}

.swiper__wrapper {
    display: inline-block;
    cursor: move !important;
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.swiper__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 624.9375rem;
    font-size: 0
}

.swiper__item {
    font-size: 1rem
}

.carousel {
    position: relative;
    min-height: 25rem;
    max-height: 37.5rem;
    overflow: hidden
}

.carousel__outer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-block;
    cursor: move !important;
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.carousel__wrapper {
    padding-bottom: 40%
}

.carousel__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 624.9375rem;
    height: 100%
}

.carousel .item {
    display: inline-block;
    margin-left: 1.875rem;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.carousel .item:first-child {
    margin-left: 0
}

.carousel .item .item__link,
.carousel .item .item__media {
    height: 100%
}

.carousel .item .item__media {
    position: relative;
    padding-bottom: 3.125rem
}

.carousel .item .item__link {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none
}

.carousel .item .item__image {
    height: 100%;
    width: auto
}

.carousel .item .item__legend {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.125rem;
    line-height: 1;
    padding-top: .625rem;
    padding-left: 1.25rem
}

.carousel [data-reveal] .item__image,
.carousel [data-reveal] .item__legend {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

.carousel [data-reveal] .item__legend {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.carousel .reveal .item__image,
.carousel .reveal .item__legend {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width:48em) {
    .carousel {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .carousel .item.faded {
        opacity: .4
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .carousel {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width:33.74em) {
    .carousel {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

.vertical-tabs {
    overflow: hidden
}

.vertical-tabs,
.vertical-tabs .tabs__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vertical-tabs .tabs__list {
    z-index: 50;
    padding-left: 0;
    margin: 0;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vertical-tabs .tabs__list a {
    position: relative;
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    line-height: 4.375rem;
    text-align: center
}

.vertical-tabs .tabs__list .active a .tabs__icon,
.vertical-tabs .tabs__list a:hover .tabs__icon {
    color: #fff
}

.vertical-tabs .tabs__list .active a .tabs__icon:before,
.vertical-tabs .tabs__list a:hover .tabs__icon:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.vertical-tabs .tabs__list a:hover .tabs__label {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.vertical-tabs .tabs__icon {
    display: block;
    position: relative;
    z-index: 5;
    background-color: #fff;
    color: rgba(0, 0, 0, .4);
    font-size: 1.5rem;
    font-weight: 700;
    overflow: hidden;
    -webkit-transition: color .3s cubic-bezier(1, 0, 0, 1);
    transition: color .3s cubic-bezier(1, 0, 0, 1)
}

.vertical-tabs .tabs__icon:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

.vertical-tabs .tabs__icon svg[class*=icon-] {
    position: relative;
    top: -.125rem
}

.vertical-tabs .tabs__label {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background-color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1) 0s;
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1) 0s;
    transition: transform .3s cubic-bezier(1, 0, 0, 1) 0s;
    transition: transform .3s cubic-bezier(1, 0, 0, 1) 0s, -webkit-transform .3s cubic-bezier(1, 0, 0, 1) 0s
}

.vertical-tabs .tabs__panels {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    overflow: hidden
}

.vertical-tabs .tabs__panel {
   /* display: none;*/
    position: relative;
    min-height: 100%
}

.vertical-tabs .tabs__panel.active {
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vertical-tabs[data-reveal] {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

.vertical-tabs.reveal {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width:47.99em) {
    .vertical-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vertical-tabs .tabs__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff
    }

    .vertical-tabs .tabs__list a {
        width: 2.875rem;
        height: 2.875rem;
        line-height: 2.875rem
    }

    .vertical-tabs .tabs__label {
        display: none
    }
}

.lightbox {
    position: fixed;
    z-index: 6000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.lightbox__overlay {
    z-index: 1;
    background-color: rgba(0, 0, 0, .9)
}

.lightbox__overlay,
.lightbox__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.lightbox__wrapper {
    z-index: 2;
    cursor: url(../../../themes/pan-hjc/build/images/cursor-cross--white.svg), auto !important
}

.lightbox__inner {
    position: absolute;
    z-index: 1;
    top: 6.25rem;
    left: 5rem;
    right: 5rem;
    bottom: 3.75rem
}

.lightbox__controls {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 1
}

.lightbox__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.lightbox__content img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto
}

.lightbox__content .active {
    cursor: default
}

.lightbox__close,
.lightbox__next,
.lightbox__previous {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 3.75rem;
    height: 3.75rem;
    padding: 0;
    background-color: #fff;
    font-size: 1rem;
    color: #000;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    overflow: hidden;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.lightbox__close:focus,
.lightbox__close:hover,
.lightbox__next:focus,
.lightbox__next:hover,
.lightbox__previous:focus,
.lightbox__previous:hover {
    text-decoration: none
}

.lightbox__close.active,
.lightbox__close:active,
.lightbox__next.active,
.lightbox__next:active,
.lightbox__previous.active,
.lightbox__previous:active {
    outline: 0
}

.lightbox__close.disabled,
.lightbox__close:disabled,
.lightbox__close[disabled],
.lightbox__next.disabled,
.lightbox__next:disabled,
.lightbox__next[disabled],
.lightbox__previous.disabled,
.lightbox__previous:disabled,
.lightbox__previous[disabled],
fieldset[disabled] .lightbox__close,
fieldset[disabled] .lightbox__next,
fieldset[disabled] .lightbox__previous {
    cursor: default;
    pointer-events: none
}

.lightbox__next,
.lightbox__previous {
    font-size: 1.625rem
}

.lightbox__next:before,
.lightbox__previous:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.lightbox__next svg,
.lightbox__previous svg {
    position: absolute;
    top: 50%;
    left: 50%;
    color: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: color .3s cubic-bezier(.23, 1, .32, 1);
    transition: color .3s cubic-bezier(.23, 1, .32, 1)
}

.lightbox__previous {
    z-index: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.lightbox__previous:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.lightbox__next {
    z-index: 2;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.lightbox__next:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.lightbox__close {
    z-index: 3
}

.lightbox__close:after,
.lightbox__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40%;
    height: .125rem;
    background-color: #000;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1)
}

.lightbox__close:before {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.lightbox__close:after {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
}

.lightbox__close:hover:after,
.lightbox__close:hover:before {
    -webkit-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg)
}

.lightbox__arrow {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    border: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    width: 20%;
    display: none
}

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

.lightbox__arrow.active,
.lightbox__arrow:active {
    outline: 0
}

.lightbox__arrow.disabled,
.lightbox__arrow:disabled,
.lightbox__arrow[disabled],
fieldset[disabled] .lightbox__arrow {
    cursor: default;
    pointer-events: none
}

.lightbox__arrow.arrow--previous {
    left: 0;
    cursor: url(../../../themes/pan-hjc/build/images/cursor-arrow-left--white.svg), auto
}

.lightbox__arrow.arrow--next {
    right: 0;
    cursor: url(../../../themes/pan-hjc/build/images/cursor-arrow-right--white.svg), auto
}

.lightbox .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
    overflow: hidden
}

.lightbox .image__legend {
    position: absolute;
    z-index: 10;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    line-height: 1;
    color: #fff;
    font-size: 1rem;
    text-shadow: 0 0 .1875rem rgba(0, 0, 0, .5)
}

.lightbox .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden
}

.lightbox .iframe iframe {
    border: 0;
    width: 100% !important;
    height: 100% !important
}

.lightbox.has-collection .lightbox__next,
.lightbox.has-collection .lightbox__previous {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.lightbox.has-collection .lightbox__previous {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.lightbox.has-collection .lightbox__next {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.lightbox.has-collection .lightbox__arrow {
    display: block
}

.lightbox.is-open .lightbox__close {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.lightbox.is-iframe .lightbox__arrow {
    display: none
}

.lightbox .lightbox__previous:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.lightbox .lightbox__previous:hover svg {
    color: #fff
}

.lightbox .lightbox__next:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.lightbox .lightbox__next:hover svg {
    color: #fff
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .lightbox .lightbox__inner {
        top: 5rem;
        left: 1.25rem;
        right: 1.25rem;
        bottom: 1.25rem
    }
}

@media (max-width:33.74em) {
    .lightbox .lightbox__inner {
        top: 5rem;
        left: .9375rem;
        right: .9375rem;
        bottom: .9375rem
    }

    .lightbox .image__legend {
        display: none !important
    }
}

.lightbox-open body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.cookie-banner {
    display: none;
    position: fixed;
    z-index: 1100;
    bottom: 0;
    right: 1.25rem;
    width: 21.875rem;
    padding: 1.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .15);
    box-shadow: 0 0 1.25rem rgba(0, 0, 0, .15);
    border-radius: .375rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #000;
    font-size: .875rem;
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1)
}

.cookie-banner .cookie__title {
    margin-top: 0;
    margin-bottom: .4375rem;
    font-size: 1rem;
    text-transform: uppercase
}

.cookie-banner .cookie__subtitle {
    margin-top: 0;
    margin-bottom: .3125rem;
    font-size: .875rem
}

.cookie-banner .cookie__content {
    margin-bottom: .9375rem;
    line-height: 1.2;
    color: #000;
    font-size: .875rem
}

.cookie-banner .cookie__content p {
    margin-bottom: .625rem
}

.cookie-banner .cookie__manager {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s cubic-bezier(.215, .61, .355, 1);
    transition: height .3s cubic-bezier(.215, .61, .355, 1)
}

.cookie-banner .cookie__manager ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.cookie-banner .cookie__manager li {
    display: inline-block;
    width: 49%;
    margin-bottom: .3125rem
}

.cookie-banner .cookie__inner {
    position: relative
}

.cookie-banner .cookie__actions {
    margin-top: .9375rem;
    text-align: right
}

.cookie-banner .cookie__button {
    position: relative;
    display: inline-block;
    margin: 0;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: .375rem .625rem .3125rem;
    background-color: hsla(0, 0%, 100%, 0);
    border: .125rem solid #000;
    color: #000;
    font-size: .75rem;
    text-transform: uppercase;
    -webkit-transition: color .2s cubic-bezier(.23, 1, .32, 1), background-color .2s cubic-bezier(.23, 1, .32, 1);
    transition: color .2s cubic-bezier(.23, 1, .32, 1), background-color .2s cubic-bezier(.23, 1, .32, 1)
}

.cookie-banner .cookie__button:focus,
.cookie-banner .cookie__button:hover {
    text-decoration: none
}

.cookie-banner .cookie__button.active,
.cookie-banner .cookie__button:active {
    outline: 0
}

.cookie-banner .cookie__button.disabled,
.cookie-banner .cookie__button:disabled,
.cookie-banner .cookie__button[disabled],
fieldset[disabled] .cookie-banner .cookie__button {
    cursor: default;
    pointer-events: none
}

.cookie-banner .cookie__button:hover {
    background-color: #000;
    color: #fff
}

.cookie-banner .cookie__button+.cookie__button {
    margin-left: .3125rem
}

.cookie-banner .btn--accept {
    background-color: #000;
    color: #fff
}

.cookie-banner .btn--accept:hover {
    background-color: #fff;
    color: #000
}

.cookie-banner .btn--setup {
    border-color: #000
}

.cookie-banner.on-enter {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cookie-banner.show-preferences .cookie__manager {
    height: auto
}

.cookie-banner .input-checkbox .checkbox__desc {
    top: 0;
    font-size: .875rem
}

.cookie-banner .input-checkbox input[type=checkbox]:disabled~.checkbox__desc,
.cookie-banner .input-checkbox input[type=radio]:disabled~.checkbox__desc {
    opacity: .5
}

@media (max-width:33.74em) {
    .cookie-banner {
        width: 100%;
        right: 0;
        bottom: 0
    }

    .cookie-banner,
    .cookie-banner .cookie__actions {
        text-align: center
    }
}

.svg-icons {
    display: none
}

svg.icon,
svg[class*=" icon-"],
svg[class^=icon-] {
    display: inline-block;
    line-height: inherit !important;
    vertical-align: middle;
    fill: currentColor
}

.icon-advanced-air-channel,
.icon-aerodynamic-design,
.icon-arrow-left,
.icon-arrow-right,
.icon-chevron,
.icon-coolpath,
.icon-email,
.icon-eye,
.icon-facebook,
.icon-feather-light,
.icon-hjc,
.icon-hjc-ico,
.icon-in-mold-construction,
.icon-instagram,
.icon-internal-reinforcement,
.icon-lang,
.icon-play,
.icon-play-circle,
.icon-polygiene,
.icon-scroll,
.icon-selfit,
.icon-shield,
.icon-ventury-dynamics,
.icon-wind-tunnel-tested,
.icon-x-static,
.icon-youtube {
    width: 1em;
    height: 1em
}

@-webkit-keyframes scrollDownMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(.625rem);
        transform: translateY(.625rem)
    }
}

@keyframes scrollDownMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(.625rem);
        transform: translateY(.625rem)
    }
}

@-webkit-keyframes scrollDownCaret {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }

    to {
        -webkit-transform: translateY(-10%) scaleY(.8);
        transform: translateY(-10%) scaleY(.8)
    }
}

@keyframes scrollDownCaret {
    0% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1)
    }

    to {
        -webkit-transform: translateY(-10%) scaleY(.8);
        transform: translateY(-10%) scaleY(.8)
    }
}

@-webkit-keyframes circularSpinnerDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -2.1875rem
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -7.75rem
    }
}

@keyframes circularSpinnerDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -2.1875rem
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -7.75rem
    }
}

@-webkit-keyframes circularSpinnerRotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes circularSpinnerRotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 1
    }

    10% {
        opacity: .1
    }

    18% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 1
    }

    10% {
        opacity: .1
    }

    18% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.block,
.block--narrow {
    position: relative
}

.block--narrow {
    max-width: 58.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    .block--narrow {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block--narrow {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .block--narrow {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:48em) {
    .block-wysiwyg {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block-wysiwyg {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width:33.74em) {
    .block-wysiwyg {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

.block-wysiwyg[data-reveal] {
    opacity: 0
}

.block-wysiwyg.reveal {
    opacity: 1
}

.app-body>.block-wysiwyg:first-child {
    margin-top: 4.375rem
}

.block-image {
    z-index: 5;
    margin-bottom: 2.5rem;
    overflow: hidden
}

.block-image:before {
    content: "";
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f2f3;
    -webkit-transform: translateZ(0) scaleY(1);
    transform: translateZ(0) scaleY(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.block-image .block__link {
    display: block;
    color: inherit;
    text-decoration: none
}

.block-image .block__image {
    width: 100%;
    height: auto
}

.block-image[data-reveal]:before {
    display: block;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}

.block-image.reveal:before {
    -webkit-transform: translateZ(0) scaleY(0);
    transform: translateZ(0) scaleY(0)
}

.block-embed {
    z-index: 5;
    margin-bottom: 2.5rem
}

.block-embed .block__media {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden
}

.block-embed.embed--video .block__media {
    padding-bottom: 56.25%;
    height: 0;
    max-width: 100%;
    height: auto;
    background-color: #e5e5e5;
    overflow: hidden
}

.block-embed.embed--video .block__media:before {
    content: "";
    display: none;
    z-index: 2;
    background-color: #f2f2f3;
    -webkit-transform: translateZ(0) scaleY(1);
    transform: translateZ(0) scaleY(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

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

.block-embed.block--narrow {
    position: relative;
    max-width: 68.75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    .block-embed.block--narrow {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block-embed.block--narrow {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .block-embed.block--narrow {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.block-embed[data-reveal] .block__media:before {
    display: block;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}

.block-embed.reveal .block__media:before {
    -webkit-transform: translateZ(0) scaleY(0);
    transform: translateZ(0) scaleY(0)
}

.app-body>.block-embed:first-child {
    margin-top: 4.375rem
}

.block-2columns {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    .block-2columns {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block-2columns {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .block-2columns {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:48em) {
    .block-2columns {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block-2columns {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width:33.74em) {
    .block-2columns {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

.block-grid {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    .block-grid {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block-grid {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    .block-grid {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:48em) {
    .block-grid {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    .block-grid {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width:33.74em) {
    .block-grid {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

.block-spacer {
    *zoom: 1;
    font-size: 0;
    min-height: 1.25rem
}

.block-spacer:after,
.block-spacer:before {
    content: " ";
    display: table
}

.block-spacer:after {
    clear: both
}

@media (max-width:47.99em) {
    .block-spacer {
        height: 1.25rem;
        max-height: 1.25rem
    }
}

.block-button {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.block-button[data-reveal] {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s cubic-bezier(.645, .045, .355, 1);
    transition: transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1)
}

.block-button.reveal {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

article.product {
    position: relative
}

article.product .product__details {
    overflow: hidden
}

article.product .details__stroke {
    position: absolute;
    top: 4.375rem;
    width: 624.9375rem;
    height: .125rem;
    background-color: #000;
    right: calc(100% + 1.875rem);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

article.product .details__features {
    position: relative;
    height: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

article.product .details__features .icon-hjc-ico {
    margin-top: -.0625rem;
    width: 3.125rem;
    height: 1.5625rem
}

article.product .details__features.is-visible .details__feature {
    -webkit-animation: fadeInOut 4s cubic-bezier(.645, .045, .355, 1) 0s infinite;
    animation: fadeInOut 4s cubic-bezier(.645, .045, .355, 1) 0s infinite
}

article.product .details__features.is-visible .details__feature:first-child {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

article.product .details__features.is-visible .details__feature:nth-child(2) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

article.product .details__features.is-visible .details__feature:nth-child(3) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

article.product .details__features:hover .details__feature {
    opacity: 1 !important
}

article.product .details__feature {
    margin-right: .9375rem
}

article.product .details__feature:last-child {
    margin-right: 0
}

article.product .details__feature svg {
    display: block;
    width: 6.25rem;
    height: 1.25rem;
    color: inherit;
    fill: inherit;
    -webkit-transition: -webkit-transform .2s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .2s cubic-bezier(1, 0, 0, 1);
    transition: transform .2s cubic-bezier(1, 0, 0, 1);
    transition: transform .2s cubic-bezier(1, 0, 0, 1), -webkit-transform .2s cubic-bezier(1, 0, 0, 1)
}

article.product .details__feature a {
    display: block;
    height: 100%
}

article.product .details__feature:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

article.product .details__band {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 21.25rem;
    background-color: #000;
    -webkit-transition: background-color .5s cubic-bezier(.215, .61, .355, 1);
    transition: background-color .5s cubic-bezier(.215, .61, .355, 1)
}

article.product .details__wrapper {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.75rem
}

@media (min-width:48em) {
    article.product .details__wrapper {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    article.product .details__wrapper {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    article.product .details__wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

article.product .details__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

article.product .details__title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 5rem;
    font-family: Barlow, sans-serif;
    font-weight: 900;
    text-transform: uppercase
}

article.product .details__type {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.625rem;
    text-transform: uppercase
}

article.product .details__price {
    margin-top: .625rem;
    font-size: 1.625rem
}

article.product .details__price small {
    display: block;
    font-size: .6em;
    font-weight: 300
}

article.product .details__action {
    margin-top: 1.25rem
}

article.product .details__anchors {
    margin-bottom: 1.25rem;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

article.product .details__anchors ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

article.product .details__anchors li {
    position: relative;
    display: inline-block;
    padding-left: .75rem;
    padding-right: .625rem
}

article.product .details__anchors li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: .125rem solid #dedede;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

article.product .details__anchors li:first-child {
    padding-left: 0
}

article.product .details__anchors li:first-child:before {
    display: none
}

article.product .details__anchors a {
    display: inline-block;
    position: relative;
    padding: .0625rem 0;
    color: inherit;
    text-decoration: none
}

article.product .details__anchors a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .0625rem;
    background-color: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

article.product .details__anchors a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

article.product .details__attributes__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    text-transform: uppercase
}

article.product .details__attributes__title small {
    margin-left: .625rem;
    font-weight: 400;
    font-size: 1em
}

article.product .details__attributes.attributes--responsive {
    display: none;
    margin-bottom: .9375rem;
    text-align: center
}

article.product .details__attributes.attributes--desktop {
    margin-bottom: 1.25rem
}

article.product .details__colors {
    margin-top: .625rem
}

article.product .medias__preview {
    position: relative;
    padding-bottom: 69.23077%;
    margin-top: 1.25rem
}

article.product .medias__zoom {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

article.product .medias__zoom img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

article.product .medias__zoom img[height],
article.product .medias__zoom img[width] {
    width: auto;
    height: auto
}

article.product .medias__thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

article.product .medias__thumb {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    position: relative;
    text-decoration: none;
    height: 9.375rem;
    padding: .625rem
}

article.product .medias__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    font-family: "object-fit:contain;object-position:50% 50%";
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    opacity: .3;
    -webkit-transition: opacity .3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

article.product .medias__thumb.active img,
article.product .medias__thumb:hover img {
    opacity: 1
}

article.product .color-dot {
    position: relative;
    display: inline-block;
    background-color: transparent;
     /*border: 0;*/
    border:0.5px solid #808080;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 1.5625rem;
    height: 1.5625rem;
    padding: 0;
    margin: 0 0 .9375rem;
    border-radius: 50%;
    overflow: hidden
}

article.product .color-dot:focus,
article.product .color-dot:hover {
    text-decoration: none
}

article.product .color-dot.active,
article.product .color-dot:active {
    outline: 0
}

article.product .color-dot.disabled,
article.product .color-dot:disabled,
article.product .color-dot[disabled],
fieldset[disabled] article.product .color-dot {
    cursor: default;
    pointer-events: none
}

article.product .color-dot span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

article.product .color-dot span+span {
    z-index: 2;
    left: 50%;
    width: 50%
}

article.product .color-dot:before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: .125rem solid #fff;
    border-radius: 50%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

article.product .color-dot.active:before,
article.product .color-dot:hover:before {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

article.product .color-dot+.color-dot {
    margin-left: .625rem
}

article.product .specs__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5%;
    font-size: 1.125rem
}

article.product .specs__sizing ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

article.product .specs__sizing ul span,
article.product .specs__sizing ul strong {
    display: inline-block;
    width: 33.33333%
}

article.product .specs__sizing li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .3125rem
}

article.product .specs__list ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

article.product .specs__list li {
    position: relative;
    padding-left: 1.5625rem;
    margin-bottom: .1875rem
}

article.product .specs__list li:before {
    content: "";
    position: absolute;
    top: .75rem;
    left: 0;
    width: .9375rem;
    height: .0625rem;
    background-color: #000
}

article.product .specs__manual {
    margin-top: 1.25rem
}

article.product .technical__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

article.product .technical__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:50% 50%";
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

article.product .technical__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 3.75rem;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-ie article.product .medias__thumb {
    padding: 0
}

article.product [data-fontcolor=white] .details__features {
    color: #fff;
    fill: #fff
}

article.product [data-fontcolor=white] .details__stroke {
    background-color: #fff
}

article.product [data-reveal=product] .details__action,
article.product [data-reveal=product] .details__anchors,
article.product [data-reveal=product] .details__attributes,
article.product [data-reveal=product] .details__description,
article.product [data-reveal=product] .details__feature,
article.product [data-reveal=product] .details__features,
article.product [data-reveal=product] .details__label,
article.product [data-reveal=product] .details__price,
article.product [data-reveal=product] .details__stroke {
    opacity: 0
}

article.product [data-reveal=product] .details__title,
article.product [data-reveal=product] .details__type {
    opacity: 0;
    -webkit-font-kerning: none;
    font-kerning: none
}

article.product [data-reveal=product] .details__title .line,
article.product [data-reveal=product] .details__type .line {
    overflow: hidden
}

article.product [data-reveal=product] .medias__preview,
article.product [data-reveal=product] .medias__thumb {
    opacity: 0
}

article.product .reveal .details__action,
article.product .reveal .details__anchors,
article.product .reveal .details__attributes,
article.product .reveal .details__description,
article.product .reveal .details__feature,
article.product .reveal .details__features,
article.product .reveal .details__label,
article.product .reveal .details__price,
article.product .reveal .details__stroke,
article.product .reveal .details__title,
article.product .reveal .details__type,
article.product .reveal .medias__preview,
article.product .reveal .medias__thumb {
    opacity: 1
}

@media (max-width:74.99em) {
    article.product .details__stroke {
        right: calc(100% - .625rem)
    }
}

@media (min-width:61.25em) {
    article.product .specs__column:first-child {
        width: 45%;
        margin-left: 5%
    }

    .is-ie article.product .specs__column:first-child {
        margin-left: calc(5% - .0625rem)
    }

    article.product .specs__column:nth-child(2) {
        width: 45%;
        margin-left: 5%
    }

    .is-ie article.product .specs__column:nth-child(2) {
        margin-left: calc(5% - .0625rem)
    }
}

@media (min-width:48em) {

    article.product .details__details,
    article.product .details__specs,
    article.product .details__technical {
        margin-bottom: 3.75rem
    }

    article.product .details__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    article.product .details__medias {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 5rem
    }

    article.product .details__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }

    article.product .details__heading {
        margin-top: -2.5rem;
        min-height: 19.375rem
    }

    article.product .technical__media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }

    article.product [data-fontcolor=white] .details__heading {
        color: #fff
    }
}

@media (max-width:61.24em) {
    article.product .specs__column {
        width: 100%;
        margin-left: 5%
    }

    article.product .specs__column:first-child {
        margin-bottom: 1.875rem
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    article.product .details__content {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    article.product .details__title {
        font-size: 4rem
    }
}

@media (max-width:47.99em) {

    article.product .details__label,
    article.product .details__stroke {
        display: none
    }

    article.product .details__band {
        height: auto;
        min-height: 9.375rem;
        padding-bottom: 45%
    }

    article.product .details__wrapper {
        padding-top: 1.25rem
    }

    article.product .details__heading {
        margin-bottom: 1.875rem
    }

    article.product .details__attributes.attributes--responsive {
        display: block
    }

    article.product .details__attributes.attributes--desktop {
        display: none
    }

    article.product .medias__preview {
        margin-top: 0
    }

    article.product .medias__thumb {
        height: 5rem
    }

    article.product .specs__manual {
        text-align: center
    }

    article.product .technical__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {

    article.product .details__details,
    article.product .details__specs,
    article.product .details__technical {
        margin-bottom: 2.5rem
    }

    article.product .technical__content {
        padding: 2.5rem
    }
}

@media (max-width:33.74em) {

    article.product .details__details,
    article.product .details__specs,
    article.product .details__technical {
        margin-bottom: 1.875rem
    }

    article.product .details__features {
        height: .9375rem
    }

    article.product .details__feature svg {
        width: 5rem;
        height: .9375rem
    }

    article.product .details__title {
        font-size: 3.375rem
    }

    article.product .details__type {
        font-size: 1.125rem
    }

    article.product .medias__thumbs {
        display: none
    }

    article.product .technical__content {
        padding: 1.875rem
    }
}

section.products-swiper {
    position: relative
}

section.products-swiper .products__heading {
    margin-bottom: 1.875rem
}

section.products-swiper .products__list {
    overflow: hidden
}

section.products-swiper .products__action {
    display: none;
    margin-top: .625rem;
    text-align: center
}

section.products-swiper .swiper__inner {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

section.products-swiper .swiper__item {
    margin-left: 1.875rem
}

section.products-swiper .swiper__item:first-child {
    margin-left: 0
}

@media (min-width:75em) {
    section.products-swiper .swiper__wrapper {
        left: 50%;
        margin-left: -35.625rem
    }
}

@media (min-width:48em) and (max-width:74.99em) {
    section.products-swiper .swiper__inner {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (max-width:47.99em) {
    section.products-swiper .products__heading {
        margin-bottom: 1.25rem
    }

    section.products-swiper .products__action {
        display: block
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.products-swiper .swiper__inner {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    section.products-swiper .swiper__inner {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

section.products-list,
section.products-similar {
    position: relative
}

section.products-list .products__heading,
section.products-similar .products__heading {
    margin-bottom: 1.875rem
}

section.products-list .products__list,
section.products-similar .products__list {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {

    section.products-list .products__list,
    section.products-similar .products__list {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {

    section.products-list .products__list,
    section.products-similar .products__list {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {

    section.products-list .products__list,
    section.products-similar .products__list {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

section.products-list .list,
section.products-similar .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3%
}

section.products-list .list__item,
section.products-similar .list__item {
    margin-bottom: 5%
}

@media (min-width:48em) {

    section.products-list,
    section.products-similar {
        margin-bottom: 3.75rem
    }

    section.products-list .list__item,
    section.products-similar .list__item {
        width: 30.33333%;
        margin-left: 3%
    }

    .is-ie section.products-list .list__item,
    .is-ie section.products-similar .list__item {
        margin-left: calc(3% - .0625rem)
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {

    section.products-list,
    section.products-similar {
        margin-bottom: 2.5rem
    }

    section.products-list .list__item,
    section.products-similar .list__item {
        width: 47%;
        margin-left: 3%
    }

    .is-ie section.products-list .list__item,
    .is-ie section.products-similar .list__item {
        margin-left: calc(3% - .0625rem)
    }
}

@media (max-width:33.74em) {

    section.products-list,
    section.products-similar {
        margin-bottom: 1.875rem
    }

    section.products-list .list__item,
    section.products-similar .list__item {
        width: 100%;
        margin-left: 3%
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.products-similar .list__item:last-child {
        display: none
    }
}

.product-card {
    max-width: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.19, 1, .22, 1), -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.product-card:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .1875rem;
    background-color: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1);
    transition: transform .3s cubic-bezier(1, 0, 0, 1), -webkit-transform .3s cubic-bezier(1, 0, 0, 1)
}

.product-card .product__link {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none
}

.product-card .product__title {
    margin-top: 0;
    line-height: 1;
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: .05em
}

.product-card .product__title,
.product-card .product__type {
    margin-bottom: 0;
    text-transform: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

.product-card .product__type {
    margin-top: .3125rem;
    font-size: 1rem;
    letter-spacing: .12em;
    color: #000;
}

.product-card .product__media {
    position: relative;
    padding-bottom: 76.19048%;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    overflow: hidden
}

.product-card .product__media img[data-src] {
    display: none
}

.product-card .product__image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.product-card .product__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.product-card .product__image.active {
    z-index: 100
}

.product-card .product__image.old {
    z-index: 99
}

.product-card[data-reveal] {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem)
}

.product-card[data-reveal] .product__heading {
    opacity: 0;
    -webkit-transform: translateX(1.25rem);
    transform: translateX(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, transform .5s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s, transform .5s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .2s
}

.product-card[data-reveal] .product__action,
.product-card[data-reveal] .product__media {
    opacity: 0;
    -webkit-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .3s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .3s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .3s, transform .5s cubic-bezier(.215, .61, .355, 1) .3s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .3s, transform .5s cubic-bezier(.215, .61, .355, 1) .3s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .3s
}

.product-card[data-reveal] .product__action {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.product-card.reveal {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.product-card.reveal .product__heading {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: relative !important;
}

.product-card.reveal .product__action,
.product-card.reveal .product__media {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.product-card:hover .btn-default {
    color: #fff
}

.product-card:hover .btn-default:after {
    -webkit-transform: skewX(-20deg) scaleX(1);
    transform: skewX(-20deg) scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@media (min-width:48em) {
    .product-card.reveal.faded {
        opacity: .4
    }
}

@media (max-width:47.99em) {
    .product-card {
        width: 17.5rem;
        padding: 1.25rem 1.875rem
    }
}

section.medias {
    position: relative;
    margin-bottom: 1.875rem
}

section.medias .medias__action {
    display: none;
    margin-top: .625rem;
    text-align: center
}

section.medias .medias__list {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    section.medias .medias__list {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.medias .medias__list {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    section.medias .medias__list {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

section.medias .list__layout {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3%
}

section.medias .layout--highlight .list__column,
section.medias .layout--highlight .list__item,
section.medias .list__layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.medias .layout--highlight .column--2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.medias .layout--archive .list__item {
    margin-bottom: 3%
}

section.medias+section.medias {
    margin-bottom: 10%
}

@media (min-width:61.25em) {
    section.medias .list__layout {
        margin-bottom: 3%
    }

    section.medias .layout--highlight .column--1 {
        width: 63.66667%;
        margin-left: 3%
    }

    .is-ie section.medias .layout--highlight .column--1 {
        margin-left: calc(3% - .0625rem)
    }

    section.medias .layout--highlight .column--2 {
        width: 30.33333%;
        margin-left: 3%
    }

    .is-ie section.medias .layout--highlight .column--2 {
        margin-left: calc(3% - .0625rem)
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    section.medias .list__item {
        margin-bottom: 1.25rem
    }

    section.medias .layout--highlight .column--1,
    section.medias .layout--highlight .column--2 {
        width: 100%;
        margin-left: 3%
    }

    section.medias .layout--highlight .column--2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    section.medias .layout--highlight .column--2 .list__item:first-child {
        margin-right: 1.25rem
    }
}

@media (min-width:48em) {
    section.medias .layout--default .list__item {
        width: 30.33333%;
        margin-left: 3%
    }

    .is-ie section.medias .layout--default .list__item {
        margin-left: calc(3% - .0625rem)
    }
}

@media (max-width:47.99em) {
    section.medias .medias__action {
        display: block
    }

    section.medias .list__item {
        margin-bottom: 1.25rem
    }

    section.medias .layout--default .list__item,
    section.medias .layout--highlight .column--1,
    section.medias .layout--highlight .column--2 {
        width: 100%;
        margin-left: 3%
    }
}

.media-thumb {
    position: relative;
    width: 100%;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.media-thumb .media__link {
    position: relative;
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.media-thumb .media__link:after,
/* .media-thumb .media__link:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 10%;
    padding-bottom: 10%;
    background-color: #f2f2f3;
    -webkit-transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .5s cubic-bezier(1, 0, 0, 1);
    transition: transform .5s cubic-bezier(1, 0, 0, 1);
    transition: transform .5s cubic-bezier(1, 0, 0, 1), -webkit-transform .5s cubic-bezier(1, 0, 0, 1);
    z-index: 9999;
}

.media-thumb .media__link:before {
    top: 0;
    left: 0;
    -webkit-transform: translate(-100%, -100%) rotate(45deg);
    transform: translate(-100%, -100%) rotate(45deg)
}

.media-thumb .media__link:after {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(100%, 100%) rotate(45deg);
    transform: translate(100%, 100%) rotate(45deg)
}
*/

.media-thumb .media__heading {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.25rem
}

.media-thumb .media__pubdate {
    display: block;
    margin-bottom: .625rem;
    color: #a7a7a7;
    font-size: .8125rem;
    text-transform: uppercase
}

.media-thumb .media__title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 1.375rem;
    font-weight: 700;
    text-transform: uppercase
}

.media-thumb .media__media {
    position: relative;
    padding-bottom: 55.26316%;
    overflow: hidden
}

.media-thumb .media__media:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent)
}

.media-thumb .media__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover;object-position:50% 50%";
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.media-thumb .media__bigicon,
.media-thumb .media__icon {
    display: block;
    position: absolute;
    z-index: 10
}

.media-thumb .media__icon {
    top: 1.25rem;
    left: 1.25rem;
    font-size: 1.5rem
}

.media-thumb .media__bigicon {
    top: calc(50% - 1.875rem);
    left: 50%;
    width: 7.5rem;
    height: 7.5rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.media-thumb.media--highlight .media__title {
    font-size: 1.75rem
}

.media-thumb.media--highlight .media__media {
    padding-bottom: 57.05128%
}

.media-thumb.media--highlight .media__media:after {
    height: 40%
}

.media-thumb[data-reveal] {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1)
}

.media-thumb[data-reveal] .media__icon,
.media-thumb[data-reveal] .media__pubdate,
.media-thumb[data-reveal] .media__title {
    opacity: 0;
    -webkit-transform: translateY(-.625rem);
    transform: translateY(-.625rem);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1) .3s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .3s
}

.media-thumb[data-reveal] .media__title {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.media-thumb[data-reveal] .media__icon {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.media-thumb[data-reveal] .media__media:after {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .5s cubic-bezier(.215, .61, .355, 1) .2s
}

.media-thumb[data-reveal] .media__image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}

.media-thumb[data-reveal] .media__bigicon {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .5s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .5s;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .5s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .5s;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .5s, transform .3s cubic-bezier(.23, 1, .32, 1) .5s;
    transition: opacity .3s cubic-bezier(.23, 1, .32, 1) .5s, transform .3s cubic-bezier(.23, 1, .32, 1) .5s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) .5s
}

.media-thumb.reveal {
    opacity: 1
}

.media-thumb.reveal .media__icon,
.media-thumb.reveal .media__pubdate,
.media-thumb.reveal .media__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.media-thumb.reveal .media__media:after {
    opacity: 1
}

.media-thumb.reveal .media__image {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.media-thumb.reveal .media__bigicon {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.media-thumb .media__link:hover:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.media-thumb .media__link:hover:after {
    -webkit-transform: translate(50%, 50%) rotate(45deg);
    transform: translate(50%, 50%) rotate(45deg)
}

.media-thumb .media__link:hover .media__image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width:48em) and (max-width:61.24em) {
    .layout--default .media-thumb .media__pubdate {
        font-size: .6875rem
    }

    .layout--default .media-thumb .media__title {
        font-size: 1rem
    }

    .layout--default .media-thumb .media__icon {
        font-size: 1.125rem
    }
}

@media (max-width:33.74em) {
    .media-thumb .media__heading {
        padding: .625rem
    }

    .media-thumb .media__pubdate {
        margin-bottom: 0
    }

    .media-thumb .media__bigicon {
        top: .625rem;
        left: .625rem;
        width: 2.5rem;
        height: 2.5rem;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .media-thumb.media--highlight .media__title {
        font-size: 1.375rem
    }

    .media-thumb[data-reveal] .media__bigicon {
        -webkit-transform: translate(0) scale(.5);
        transform: translate(0) scale(.5)
    }

    .media-thumb.reveal .media__bigicon {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1)
    }
}

section.contact {
    position: relative;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.75rem
}

@media (min-width:48em) {
    section.contact {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }
}

@media (min-width:33.75em) and (max-width:47.99em) {
    section.contact {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }
}

@media (max-width:33.74em) {
    section.contact {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

section.contact .contact__addresses {
    position: relative;
    padding-top: 3.75rem
}

section.contact .contact__addresses:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background-color: #a7a7a7
}

section.contact .contact__addresses .block-grid {
    margin: 0;
    padding: 0
}

.form-contact {
    margin-bottom: 2.5rem
}

.template-maintenance {
    height: 100vh
}

.template-maintenance .maintenance {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.template-maintenance .maintenance h1 {
    margin-bottom: 0
}

.template-maintenance .maintenance .app-logo {
    position: relative;
    margin: 0 auto;
    max-width: 12.5rem
}

@media (max-width:33.74em) {
    .template-maintenance h1 {
        font-size: 1.5625rem
    }
}

.template-404 {
    text-align: center
}

.template-404 h1 {
    margin: 0 0 1.875rem
}

.template-404 .content {
    padding: 6.25rem 0 10rem
}

.flr,
.pull--right {
    float: right !important
}

.fll,
.pull--left {
    float: left !important
}

.fln,
.pull--none {
    float: none !important
}

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

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

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

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

.text--uppercase,
.ttu {
    text-transform: uppercase !important
}

.weight--light {
    font-weight: 300 !important
}

.weight--normal {
    font-weight: 400 !important
}

.weight--semibold {
    font-weight: 600 !important
}

.hidden {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

.w10 {
    width: 10% !important
}

.w20 {
    width: 20% !important
}

.w25 {
    width: 25% !important
}

.w30 {
    width: 30% !important
}

.w33 {
    width: 33.333% !important
}

.w40 {
    width: 40% !important
}

.w50 {
    width: 50% !important
}

.w60 {
    width: 60% !important
}

.w66 {
    width: 66.666% !important
}

.w70 {
    width: 70% !important
}

.w75 {
    width: 75% !important
}

.w80 {
    width: 80% !important
}

.w90 {
    width: 90% !important
}

.w100 {
    width: 100% !important
}

.w50p {
    width: 3.125rem !important
}

.w100p {
    width: 6.25rem !important
}

.w150p {
    width: 9.375rem !important
}

.w200p {
    width: 12.5rem !important
}

.w300p {
    width: 18.75rem !important
}

.w400p {
    width: 25rem !important
}

.w500p {
    width: 31.25rem !important
}

.w600p {
    width: 37.5rem !important
}

.w700p {
    width: 43.75rem !important
}

.w800p {
    width: 50rem !important
}

.w960p {
    width: 60rem !important
}

.mw960p {
    max-width: 60rem !important
}

.w1140p {
    width: 71.25rem !important
}

.mw1140p {
    max-width: 71.25rem !important
}

.m--reset,
.ma0,
.nomargin {
    margin: 0 !important
}

.nopadding,
.p--reset,
.pa0 {
    padding: 0 !important
}

.mx--auto {
    margin-left: auto;
    margin-right: auto
}

.ma5 {
    margin: .3125rem !important
}

.ma10,
.mas {
    margin: .625rem !important
}

.ma15 {
    margin: .9375rem !important
}

.ma20,
.mam {
    margin: 1.25rem !important
}

.ma30,
.mal {
    margin: 1.875rem !important
}

.ma50 {
    margin: 3.125rem !important
}

.pa5 {
    padding: .3125rem !important
}

.pa10,
.pas {
    padding: .625rem !important
}

.pa15 {
    padding: .9375rem !important
}

.pa20,
.pam {
    padding: 1.25rem !important
}

.pa30,
.pal {
    padding: 1.875rem !important
}

.pa50 {
    padding: 3.125rem !important
}

.mt0,
.mtn {
    margin-top: 0 !important
}

.mt5 {
    margin-top: .3125rem !important
}

.mt10,
.mts {
    margin-top: .625rem !important
}

.mt15 {
    margin-top: .9375rem !important
}

.mt20,
.mtm {
    margin-top: 1.25rem !important
}

.mt30,
.mtl {
    margin-top: 1.875rem !important
}

.mt50 {
    margin-top: 3.125rem !important
}

.mt100 {
    margin-top: 6.25rem !important
}

.mr0,
.mrn {
    margin-right: 0 !important
}

.mr5 {
    margin-right: .3125rem !important
}

.mr10,
.mrs {
    margin-right: .625rem !important
}

.mr15 {
    margin-right: .9375rem !important
}

.mr20,
.mrm {
    margin-right: 1.25rem !important
}

.mr30,
.mrl {
    margin-right: 1.875rem !important
}

.mr50 {
    margin-right: 3.125rem !important
}

.mr100 {
    margin-right: 6.25rem !important
}

.mb0,
.mbn {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: .3125rem !important
}

.mb10,
.mbs {
    margin-bottom: .625rem !important
}

.mb15 {
    margin-bottom: .9375rem !important
}

.mb20,
.mbm {
    margin-bottom: 1.25rem !important
}

.mb30,
.mbl {
    margin-bottom: 1.875rem !important
}

.mb50 {
    margin-bottom: 3.125rem !important
}

.mb100 {
    margin-bottom: 6.25rem !important
}

.ml0,
.mln {
    margin-left: 0 !important
}

.ml5 {
    margin-left: .3125rem !important
}

.ml10,
.mls {
    margin-left: .625rem !important
}

.ml15 {
    margin-left: .9375rem !important
}

.ml20,
.mlm {
    margin-left: 1.25rem !important
}

.ml30,
.mll {
    margin-left: 1.875rem !important
}

.ml50 {
    margin-left: 3.125rem !important
}

.ml100 {
    margin-left: 6.25rem !important
}

.pt0,
.ptn {
    padding-top: 0 !important
}

.pt5 {
    padding-top: .3125rem !important
}

.pt10,
.pts {
    padding-top: .625rem !important
}

.pt15 {
    padding-top: .9375rem !important
}

.pt20,
.ptm {
    padding-top: 1.25rem !important
}

.pt30,
.ptl {
    padding-top: 1.875rem !important
}

.pt50 {
    padding-top: 3.125rem !important
}

.pt100 {
    padding-top: 6.25rem !important
}

.pr0,
.prn {
    padding-right: 0 !important
}

.pr5 {
    padding-right: .3125rem !important
}

.pr10,
.prs {
    padding-right: .625rem !important
}

.pr15 {
    padding-right: .9375rem !important
}

.pr20,
.prm {
    padding-right: 1.25rem !important
}

.pr30,
.prl {
    padding-right: 1.875rem !important
}

.pr50 {
    padding-right: 3.125rem !important
}

.pr100 {
    padding-right: 6.25rem !important
}

.pb0,
.pbn {
    padding-bottom: 0 !important
}

.pb5 {
    padding-bottom: .3125rem !important
}

.pb10,
.pbs {
    padding-bottom: .625rem !important
}

.pb15 {
    padding-bottom: .9375rem !important
}

.pb20,
.pbm {
    padding-bottom: 1.25rem !important
}

.pb30,
.pbl {
    padding-bottom: 1.875rem !important
}

.pb50 {
    padding-bottom: 3.125rem !important
}

.pb100 {
    padding-bottom: 6.25rem !important
}

.pl0,
.pln {
    padding-left: 0 !important
}

.pl5 {
    padding-left: .3125rem !important
}

.pl10,
.pls {
    padding-left: .625rem !important
}

.pl15 {
    padding-left: .9375rem !important
}

.pl20,
.plm {
    padding-left: 1.25rem !important
}

.pl30,
.pll {
    padding-left: 1.875rem !important
}

.pl50 {
    padding-left: 3.125rem !important
}

.pl100 {
    padding-left: 6.25rem !important
}

.color--white {
    color: #fff
}

.color--black {
    color: #000
}

section.heroslider .slide__video {
    max-width: none !important
}

.normalmenu {
    position: relative;
}

.normalmenu a:before,
.normalmenu a:after {
    display: none;
}

.normalmenu:hover>a,
.normalmenu:hover>a {
    color: #000 !important;
    text-decoration: underline;
}

.normalmenu:hover .sub-menu-wrap {
    height: auto;
    overflow: auto;
    padding-top: 40px;
}

.normalmenu .sub-menu-wrap {
    position: absolute;
    left: -16px;
    padding: 0;
    height: 0;
    overflow: hidden;
    width: calc(100% - -130px);
}

.normalmenu .sub-menu-wrap ul {
    background: #ffffff;
    padding: 16px 0;
}

.normalmenu .sub-menu-wrap ul li {
    margin: 0;
    padding: 0px 16px;
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.normalmenu .sub-menu-wrap ul li a {
    color: #141414;
}

.normalmenu .sub-menu-wrap ul li:hover a {
    color: #000 !important;
    text-decoration: underline;
}

.normalmenu .sub-menu-wrap ul li a:before,
.normalmenu .sub-menu-wrap ul li a:after {
    display: none;
}

.menumulti {
    position: initial !important;
}

.menumulti a:before,
.menumulti a:after {
    display: none;
}

.menumulti:hover>a,
.menumulti>a:hover {
    color: #000 !important;
    text-decoration: underline;
}

.menumulti > .sub-menu-wrap {
    position: absolute;
    margin: 0;
    width: calc(100% - 32px);
    left: 16px;
    height: 0;
    overflow: hidden;
}

.menumulti:hover > .sub-menu-wrap {
    height: auto;
    overflow: auto;
    padding-top: 40px;
}

.menumulti:hover > .sub-menu-wrap > ul {
    padding: 16px;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.menumulti > .sub-menu-wrap>ul>li {
    margin: 0;
    min-width: 130px;
}

.menumulti > .sub-menu-wrap>ul>li>a {
    color: #141414;
    font-family: Barlow, sans-serif;
    font-weight: 700;
}

.menumulti > .sub-menu-wrap>ul>li:hover>a,
.menumulti > .sub-menu-wrap>ul>li>a:hover {
    color: #000;
}

.menumulti > .sub-menu-wrap ul li a:before,
.menumulti > .sub-menu-wrap ul li a:after {
    display: none;
}

.menumulti > .sub-menu-wrap>ul>li .sub-menu-wrap >ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.menumulti > .sub-menu-wrap>ul>li .sub-menu-wrap >ul>li {
    display: inline-block;
    margin: 0;
}

.menumulti > .sub-menu-wrap>ul>li .sub-menu-wrap >ul>li>a {
    color: #141414;
    font-weight: normal;
}

.menumulti > .sub-menu-wrap>ul>li .sub-menu-wrap >ul>li:hover a,
.menumulti > .sub-menu-wrap>ul>li .sub-menu-wrap >ul>li a:hover {
   color: #000 !important;
    text-decoration: underline;
}

.menumulti > ul{
    height: 0;
    overflow: hidden;
}

/* .menumulti:hover >ul {
    height: auto;
    overflow: auto;
} */

.media__link:before,
.media__link:after{
    background: #fff !important;
}
.packagebox:before,
.packagebox:after{
    background: #eaeaea !important;
}
.packagedetail {
    animation-duration: 1s;
    animation-delay: 0.5s;
}

.products__heading p {
    color: #000;
}
section.heroslider .slide__title{
    line-height: 0.9 !important;
}
.country-selector.weglot-dropdown .wgcurrent:after{
    transform: rotate(-48deg);
}
@media (min-width:992px) {
    .childpage{
        max-height: 400px !important;
        min-height: 400px !important;
    }
    .menumobile,
    .menumobile__button {
        display: none;
    }
}
@media (max-width:991px) {
    .childpage {
        max-height: 289px !important;
    }
    #weglot_here {
        margin-right: 50px;
    }
    .menumobile{
        display: none;
    }
    .menumobile__button {
        position: fixed;
        top: 32px;
        right: 32px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .menumobile__button.actived:before {
        content: "\f00d";
    }

    .menumobile__button:before {
        font-family: 'FontAwesome';
        top: 32px;
        right: 32px;
        font-size: 32px;
        content: "\f0c9";
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
}
@media (max-width:767px) {
    .app-body{
        padding-top: 60px !important;
    }
    .menumobile__button {
        top: 12px;
    }
}