/*
@font-face {
    font-family: 'Organika Script';
    src: url("");
    src: url("") format('embedded-opentype'),
    url("") format('woff2'),
    url("") format('woff'),
    url("") format('truetype'),
    url("") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: 'icons';
    src: url("");
    src: url("") format('embedded-opentype'),
    url("") format('woff2'),
    url("") format('woff'),
    url("") format('truetype'),
    url("") format('svg');
    font-weight: normal;
    font-style: normal
}
*/

.g-page-wrapper {
    height: 100%;
    position: relative
}

.footer__to-bottom-wrap {
    display: flex;
    flex-direction: column;
    height: 100%
}

.footer__to-bottom-content {
    flex: 1 0 auto
}

footer {
    flex-shrink: 0
}

.full-width {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -30px;
    margin-right: -30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .full-width {
        margin-left: calc(-30px + -248 * ((100vw - 992px) / 928));
        margin-right: calc(-30px + -248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .full-width {
        margin-left: -278px;
        margin-right: -278px
    }
}

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

ul {
    list-style: none
}

button {
    border: none;
    outline: none;
    background: none
}

.extbase-debugger {
    transform: translateY(110px);
    z-index: 1;
    position: relative
}

.compat-object-fit {
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center center
}

.compat-object-fit img {
    opacity: 0
}

.inline {
    display: inline
}

.hide {
    display: none !important
}

.bg-texture {
    position: relative;
    background-color: #f0eae4
}

.bg-texture > *:first-child {
    position: relative
}

.bg-texture:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url("");
    background-position: center;
    background-size: cover;
    opacity: .4
}

.bg-texture * {
    color: #464646 !important
}

.bg-texture svg {
    fill: #dcd5cf !important
}

.bg-texture .icon-list__item-icon svg path {
    fill: #464646 !important
}

.bg-texture .numbers .icon-list__item-num {
    color: #464646 !important
}

.bg-creme50 {
    background-color: #f7f5f2 !important
}

.bg-creme50 * {
    color: #464646 !important
}

.bg-creme50 svg,
.bg-creme50 .svg {
    fill: #dcd5cf !important
}

.bg-creme50 .icon-list__item-icon svg path {
    fill: #464646 !important
}

.bg-creme50 .numbers .icon-list__item-num {
    color: #464646 !important
}

.bg-rose50 {
    background-color: #f4e4e1 !important
}

.bg-rose50 * {
    color: #464646 !important
}

.bg-rose50 svg {
    fill: #dca59c !important
}

.bg-rose50 .icon-list__item-icon svg path {
    fill: #464646 !important
}

.bg-rose50 .icon-list__item.blow1:before {
    background-image: url("") !important
}

.bg-rose50 .icon-list__item.blow2:before {
    background-image: url("") !important
}

.bg-rose50 .numbers .icon-list__item .blow svg {
    fill: #dca59c !important
}

.bg-rose50 .numbers .icon-list__item-num {
    color: #464646 !important
}

.bg-softrot {
    background-color: #db504f !important
}

.bg-softrot * {
    color: #fff !important
}

.bg-softrot svg {
    fill: #dca59c !important
}

.bg-softrot .content-testimonial__desc p:first-child:before {
    background-image: url("") !important
}

.bg-softrot .icon-list__item-icon svg path {
    fill: #464646 !important
}

.bg-softrot .icon-list__item.blow1:before {
    background-image: url("") !important
}

.bg-softrot .icon-list__item.blow2:before {
    background-image: url("") !important
}

.bg-softrot .numbers .icon-list__item .blow svg {
    fill: #dca59c !important
}

.bg-softrot .numbers .icon-list__item-num {
    color: #464646 !important
}

.bg-intensivrot {
    background-color: #c3002d !important
}

.bg-intensivrot * {
    color: #fff !important
}

.bg-intensivrot svg {
    fill: #dca59c !important
}

.bg-intensivrot .content-testimonial__desc p:first-child:before {
    background-image: url("") !important
}

.bg-intensivrot .icon-list__item-icon svg path {
    fill: #fff !important
}

.bg-intensivrot .icon-list__item.blow1:before {
    background-image: url("") !important
}

.bg-intensivrot .icon-list__item.blow2:before {
    background-image: url("") !important
}

.bg-intensivrot .numbers .icon-list__item .blow svg {
    fill: #dca59c !important
}

.bg-intensivrot .numbers .icon-list__item-num {
    color: #464646 !important
}

.bg-blaugrau125 {
    background-color: #043348 !important
}

.bg-blaugrau125 * {
    color: #fff !important
}

.bg-blaugrau125 svg {
    fill: #4e5b73 !important
}

.bg-blaugrau125 .content-testimonial__desc p:first-child:before {
    background-image: url("") !important
}

.bg-blaugrau125 .icon-list__item-icon svg path {
    fill: #fff !important
}

.bg-blaugrau125 .icon-list__item.blow1:before {
    background-image: url("") !important
}

.bg-blaugrau125 .icon-list__item.blow2:before {
    background-image: url("") !important
}

.bg-blaugrau125 .numbers .icon-list__item .blow svg {
    fill: #4e5b73 !important
}

.bg-blaugrau125 .numbers .icon-list__item-num {
    color: #fff !important
}

.bg-blaugrau80 {
    background-color: #4e5b73 !important
}

.bg-blaugrau80 * {
    color: #fff !important
}

.bg-blaugrau80 svg {
    fill: #979dac !important
}

.bg-blaugrau80 .content-testimonial__desc p:first-child:before {
    background-image: url("") !important
}

.bg-blaugrau80 .icon-list__item-icon svg path {
    fill: #fff !important
}

.bg-blaugrau80 .icon-list__item.blow1:before {
    background-image: url("") !important
}

.bg-blaugrau80 .icon-list__item.blow2:before {
    background-image: url("") !important
}

.bg-blaugrau80 .numbers .icon-list__item .blow svg {
    fill: #979dac !important
}

.bg-blaugrau80 .numbers .icon-list__item-num {
    color: #fff !important
}

.bg-turkis {
    background-color: #a0cfc6 !important
}

.bg-turkis * {
    color: #fff !important
}

.bg-turkis svg {
    fill: #cfe7e3 !important
}

.bg-turkis .content-testimonial__desc p:first-child:before {
    background-image: url("") !important
}

.bg-turkis .icon-list__item-icon svg path {
    fill: #464646 !important
}

.bg-turkis .icon-list__item.blow1:before {
    background-image: url("") !important
}

.bg-turkis .icon-list__item.blow2:before {
    background-image: url("") !important
}

.bg-turkis .numbers .icon-list__item .blow svg {
    fill: #cfe7e3 !important
}

.bg-turkis .numbers .icon-list__item-num {
    color: #464646 !important
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 24px;
    line-height: 24px;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-down:before {
    content: '\e800'
}

.icon-arrow-right:before {
    content: '\e801'
}

.icon-close:before {
    content: '\e802'
}

picture.vo-lazy {
    display: block
}

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

h1 {
    color: #464646;
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h1 {
        line-height: calc(28px + 36 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h1 {
        line-height: 64px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h1 {
        font-size: calc(22px + 26 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h1 {
        font-size: 48px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h1 {
        margin-bottom: calc(22px + 26 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h1 {
        margin-bottom: 48px
    }
}

h1:empty {
    display: none
}

.job-bar-title,
h2,
.h2 {
    color: #464646;
    font-weight: bold;
    margin-bottom: 21px;
    line-height: 28px;
    font-size: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-bar-title,
    h2,
    .h2 {
        line-height: calc(28px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-bar-title,
    h2,
    .h2 {
        line-height: 39px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-bar-title,
    h2,
    .h2 {
        font-size: calc(22px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-bar-title,
    h2,
    .h2 {
        font-size: 36px
    }
}

h2:empty,
.h2:empty {
    display: none
}

h3 {
    color: #464646;
    line-height: 26px;
    font-size: 22px;
    margin-bottom: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h3 {
        line-height: calc(26px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h3 {
        line-height: 36px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h3 {
        font-size: calc(22px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h3 {
        font-size: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h3 {
        margin-bottom: calc(22px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h3 {
        margin-bottom: 30px
    }
}

h3:empty {
    display: none
}

h4 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h4 {
        margin-bottom: calc(15px + 13 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h4 {
        margin-bottom: 28px
    }
}

h4:empty {
    display: none
}

h5 {
    color: #464646;
    font-weight: 900;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h5 {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h5 {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    h5 {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    h5 {
        font-size: 22px
    }
}

h5:empty {
    display: none
}

p {
    color: #464646;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    p {
        margin-bottom: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    p {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    p {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    p {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    p {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    p {
        font-size: 22px
    }
}

p:last-child {
    margin-bottom: 0 !important
}

p:empty {
    display: none
}

p a {
    font-weight: bold;
    color: #c3002d
}

.info-text {
    margin-top: 25px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .info-text {
        margin-top: calc(25px + 25 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .info-text {
        margin-top: 50px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .info-text {
        margin-bottom: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .info-text {
        margin-bottom: 22px
    }
}

.info p {
    color: rgba(70, 70, 70, 0.7);
    line-height: 18px;
    font-size: 12px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .info p {
        line-height: calc(18px + 12 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .info p {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .info p {
        font-size: calc(12px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .info p {
        font-size: 22px
    }
}

.to-top {
    z-index: 997;
    display: none;
    position: fixed;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: rgba(128, 128, 128, 0.5)
}

@media screen and (min-width: 992px) {
    .to-top {
        right: 25px;
        bottom: 25px
    }
}

@media screen and (max-width: 991px) {
    .to-top {
        width: 40px;
        height: 40px;
        right: 17px;
        bottom: 15px
    }
}

.to-top .oyc-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    fill: #fff;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%) rotate(180deg)
}

@media screen and (max-width: 991px) {
    .to-top .oyc-icon {
        width: 26px;
        height: 26px
    }
}

.content-text ul:not(.no-list),
.content-icon-list ul:not(.no-list) {
    margin-bottom: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ul:not(.no-list),
    .content-icon-list ul:not(.no-list) {
        margin-bottom: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ul:not(.no-list),
    .content-icon-list ul:not(.no-list) {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 992px) {
    .content-text ul:not(.no-list):last-child,
    .content-icon-list ul:not(.no-list):last-child {
        margin-bottom: 0
    }
}

.content-text ul:not(.no-list) li,
.content-icon-list ul:not(.no-list) li {
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
    color: #464646;
    font-weight: normal;
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ul:not(.no-list) li,
    .content-icon-list ul:not(.no-list) li {
        line-height: calc(24px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ul:not(.no-list) li,
    .content-icon-list ul:not(.no-list) li {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ul:not(.no-list) li,
    .content-icon-list ul:not(.no-list) li {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ul:not(.no-list) li,
    .content-icon-list ul:not(.no-list) li {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) {
    .content-text ul:not(.no-list) li,
    .content-icon-list ul:not(.no-list) li {
        padding-left: 25px;
        margin-left: 25px
    }
}

.content-text ul:not(.no-list) li:last-child,
.content-icon-list ul:not(.no-list) li:last-child {
    margin-bottom: 0
}

.content-text ul:not(.no-list) li:before,
.content-icon-list ul:not(.no-list) li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #464646
}

@media screen and (min-width: 992px) {
    .content-text ul:not(.no-list) li:before,
    .content-icon-list ul:not(.no-list) li:before {
        width: 7px;
        height: 7px
    }
}

.content-text ol,
.content-icon-list ol {
    list-style-position: inside;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ol,
    .content-icon-list ol {
        margin-bottom: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ol,
    .content-icon-list ol {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 992px) {
    .content-text ol:last-child,
    .content-icon-list ol:last-child {
        margin-bottom: 0
    }
}

.content-text ol li,
.content-icon-list ol li {
    color: #464646;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ol li,
    .content-icon-list ol li {
        margin-bottom: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ol li,
    .content-icon-list ol li {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ol li,
    .content-icon-list ol li {
        line-height: calc(24px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ol li,
    .content-icon-list ol li {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text ol li,
    .content-icon-list ol li {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text ol li,
    .content-icon-list ol li {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) {
    .content-text ol li,
    .content-icon-list ol li {
        margin-left: 25px
    }
}

.content-text ol li:last-child,
.content-icon-list ol li:last-child {
    margin-bottom: 0
}

.links-list {
    margin-top: 30px;
    margin-bottom: 56px
}

.links-list li {
    display: flex
}

.links-list li + li {
    margin-top: 16px
}

.button-wrap {
    position: relative;
    margin: 20px 0
}

@media screen and (max-width: 539px) {
    .button-wrap .button {
        display: table;
        margin-right: auto;
        margin-left: auto
    }
}

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

.button.right {
    display: table;
    margin-left: auto
}

@media screen and (max-width: 539px) {
    .button.right {
        margin-right: auto;
        margin-left: auto
    }
}

.button:disabled {
    background: #808080
}

.button.full-wd {
    width: 100%
}

.button:empty {
    display: none
}

.button.inactive {
    color: #464646;
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #464646
}

@media screen and (min-width: 992px) {
    .button.ml-a {
        margin-left: auto
    }

    .button.mr-a {
        margin-right: auto
    }
}

.button-link {
    display: inline-flex;
    align-items: center;
    color: #c3002d;
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    line-height: 23px;
    font-size: 18px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link {
        line-height: calc(23px + 15 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link {
        line-height: 38px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link {
        font-size: calc(18px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link {
        font-size: 26px
    }
}

.button-link:hover {
    color: #aa0537
}

.button-link > div {
    display: flex;
    align-items: baseline
}

.button-link span {
    flex: 1 1 0%
}

.button-link.center {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.button-link.grey {
    color: #464646
}

.button-link.grey:hover {
    color: rgba(70, 70, 70, 0.65)
}

.button-link:empty {
    display: none
}

.button-link svg,
.button-link img {
    display: block;
    fill: currentColor;
    margin-right: 10px;
    width: 7px;
    height: 12px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg,
    .button-link img {
        margin-right: calc(10px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg,
    .button-link img {
        margin-right: 15px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg,
    .button-link img {
        width: calc(7px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg,
    .button-link img {
        width: 11px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg,
    .button-link img {
        height: calc(12px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg,
    .button-link img {
        height: 19px
    }
}

.button-link svg.i-target,
.button-link img.i-target {
    margin-right: 0;
    margin-left: 10px;
    width: 14.8px;
    height: 14.8px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg.i-target,
    .button-link img.i-target {
        margin-left: calc(10px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg.i-target,
    .button-link img.i-target {
        margin-left: 15px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg.i-target,
    .button-link img.i-target {
        width: calc(14.8px + 5.199999999999999 * ((100vw - 992px) / 928));
        height: calc(14.8px + 5.199999999999999 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg.i-target,
    .button-link img.i-target {
        width: 20px;
        height: 20px
    }
}

.button-link svg.i-close,
.button-link img.i-close {
    margin-right: 6px;
    width: 13px;
    height: 13px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg.i-close,
    .button-link img.i-close {
        margin-right: calc(6px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg.i-close,
    .button-link img.i-close {
        margin-right: 8px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-link svg.i-close,
    .button-link img.i-close {
        width: calc(13px + 1 * ((100vw - 992px) / 928));
        height: calc(13px + 1 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-link svg.i-close,
    .button-link img.i-close {
        width: 14px;
        height: 14px
    }
}

html.ie .button span {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    padding-top: 6px
}

html.ie .button-link span {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto
}

.nowrap {
    white-space: nowrap
}

.share-list {
    display: flex;
    align-items: center;
    flex-flow: row nowrap
}

@media screen and (max-width: 767px) {
    .share-list {
        flex-flow: row wrap
    }
}

.share-list__label {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin-right: 14px
}

@media screen and (max-width: 767px) {
    .share-list__label {
        flex: 100%;
        margin-bottom: 20px
    }
}

.share-list__item {
    padding: 0 4px
}

@media screen and (max-width: 767px) {
    .share-list__item:nth-child(2) {
        padding-left: 0
    }
}

.share-list__item svg {
    display: block;
    width: 35px;
    height: 35px;
    fill: #464646
}

.button-field {
    display: flex;
    align-items: center;
    flex-flow: column;
    margin-top: 10px
}

@media screen and (min-width: 992px) {
    .button-field {
        flex-flow: row nowrap;
        justify-content: space-between;
        margin-top: 0;
        padding-left: 24px;
        padding-top: 31px
    }
}

.button-field .button {
    margin-top: 34px;
    padding-left: 19px;
    padding-right: 19px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .button-field .button {
        padding-left: calc(19px + 41 * ((100vw - 992px) / 928));
        padding-right: calc(19px + 41 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .button-field .button {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (min-width: 992px) {
    .button-field .button {
        margin-top: 0
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .button-field {
        padding-top: calc(31px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .button-field {
        padding-top: 35px
    }
}

.field {
    clear: both;
    margin-bottom: 24px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field {
        margin-bottom: calc(24px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field {
        margin-bottom: 38px
    }
}

.field label {
    display: block;
    color: #464646;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label {
        margin-bottom: calc(5px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label {
        margin-bottom: 7px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label {
        line-height: calc(24px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label {
        line-height: 28px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label {
        font-size: 22px
    }
}

.field label ~ input {
    margin: 0;
    width: 100%;
    outline: none;
    color: #464646;
    border-radius: 7px;
    border: 1px solid #c7cdd3;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 20px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label ~ input {
        padding-top: calc(16px + 2 * ((100vw - 992px) / 928));
        padding-bottom: calc(16px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label ~ input {
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label ~ input {
        padding-left: calc(16px + 9 * ((100vw - 992px) / 928));
        padding-right: calc(16px + 9 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label ~ input {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label ~ input {
        line-height: calc(20px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label ~ input {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field label ~ input {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field label ~ input {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) {
    .field label ~ input {
        border-width: 2px
    }
}

.field label ~ input:placeholder {
    color: rgba(70, 70, 70, 0.45)
}

.field .ui.dropdown {
    min-width: 100%;
    min-height: auto;
    border-radius: 7px;
    box-shadow: none !important;
    border: 1px solid #c7cdd3 !important;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    line-height: 20px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown {
        padding-top: calc(16px + 2 * ((100vw - 992px) / 928));
        padding-bottom: calc(16px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown {
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown {
        padding-left: calc(16px + 9 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown {
        padding-left: 25px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown {
        line-height: calc(20px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) {
    .field .ui.dropdown {
        border-width: 2px !important
    }
}

.field .ui.dropdown .sizer {
    display: none
}

.field .ui.dropdown > .dropdown.icon {
    font-size: 0;
    line-height: 0;
    margin: 0;
    top: 23px;
    right: 14px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown > .dropdown.icon {
        top: calc(23px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown > .dropdown.icon {
        top: 28px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown > .dropdown.icon {
        right: calc(14px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown > .dropdown.icon {
        right: 19px
    }
}

.field .ui.dropdown > .dropdown.icon:before {
    display: none
}

.field .ui.dropdown > .dropdown.icon svg {
    width: 12px;
    height: 7px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown > .dropdown.icon svg {
        width: calc(12px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown > .dropdown.icon svg {
        width: 20px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown > .dropdown.icon svg {
        height: calc(7px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown > .dropdown.icon svg {
        height: 13px
    }
}

.field .ui.dropdown > .dropdown.icon .i-arrowDown {
    transition: all .4s cubic-bezier(.4, 0, .51, 1.07)
}

.field .ui.dropdown > .dropdown.icon .i-close {
    opacity: 0;
    width: 0;
    height: 0;
    margin-top: -3px;
    transition: all .4s cubic-bezier(.4, 0, .51, 1.07)
}

.field .ui.dropdown > .dropdown.icon.clear .i-arrowDown {
    opacity: 0;
    width: 0;
    height: 0
}

.field .ui.dropdown > .dropdown.icon.clear .i-close {
    opacity: 1;
    width: 13px;
    height: 13px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown > .dropdown.icon.clear .i-close {
        width: calc(13px + 1 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown > .dropdown.icon.clear .i-close {
        width: 14px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown > .dropdown.icon.clear .i-close {
        height: calc(13px + 1 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown > .dropdown.icon.clear .i-close {
        height: 14px
    }
}

.field .ui.dropdown .menu {
    border-radius: 7px;
    margin: 9px 0 0;
    min-width: 100%;
    width: 100%;
    box-shadow: none !important;
    border: 1px solid #c7cdd3 !important
}

@media screen and (min-width: 992px) {
    .field .ui.dropdown .menu {
        border-width: 2px !important
    }
}

.field .ui.dropdown .menu .item {
    border-top: none;
    line-height: 24px;
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown .menu .item {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown .menu .item {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown .menu .item {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown .menu .item {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown .menu .item {
        padding-left: calc(16px + 9 * ((100vw - 992px) / 928));
        padding-right: calc(16px + 9 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown .menu .item {
        padding-left: 25px;
        padding-right: 25px
    }
}

.field .ui.dropdown .menu .item + .item {
    border-top: 1px solid #c7cdd3
}

.field .ui.dropdown .menu .item:empty {
    display: none
}

.field .ui.dropdown.upward > .menu {
    margin: 0 0 9px;
    border: 1px solid #c7cdd3 !important
}

@media screen and (min-width: 992px) {
    .field .ui.dropdown.upward > .menu {
        border-width: 2px !important
    }
}

.field .ui.dropdown.multiple.search > .text {
    top: 50%;
    margin: 0;
    line-height: 1;
    padding: inherit;
    color: rgba(70, 70, 70, 0.45);
    transform: translateY(-50%);
    padding-left: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple.search > .text {
        padding-left: calc(16px + 9 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple.search > .text {
        padding-left: 25px
    }
}

.field .ui.dropdown.multiple.search > .dropdown.icon {
    display: none
}

.field .ui.dropdown.multiple.search > input.search {
    margin: 0;
    padding: 5px 0;
    font-size: inherit;
    line-height: inherit;
    margin-left: 11px;
    margin-top: 5px;
    margin-bottom: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple.search > input.search {
        margin-left: calc(11px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple.search > input.search {
        margin-left: 18px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple.search > input.search {
        margin-top: calc(5px + 2 * ((100vw - 992px) / 928));
        margin-bottom: calc(5px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple.search > input.search {
        margin-top: 7px;
        margin-bottom: 7px
    }
}

.field .ui.dropdown.multiple.search.selection > .dropdown.icon {
    display: block
}

.field .ui.dropdown.multiple {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple {
        padding-top: calc(5px + 1 * ((100vw - 992px) / 928));
        padding-bottom: calc(5px + 1 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple {
        padding-left: calc(5px + 2 * ((100vw - 992px) / 928));
        padding-right: calc(5px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple {
        padding-left: 7px;
        padding-right: 7px
    }
}

.field .ui.dropdown.multiple > .label {
    position: relative;
    border: none;
    outline: none;
    border-radius: 7px;
    padding: 5px 8px;
    font-size: inherit;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    background-color: #f3f3f3;
    padding-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple > .label {
        padding-right: calc(30px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple > .label {
        padding-right: 36px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple > .label {
        margin-top: calc(5px + 2 * ((100vw - 992px) / 928));
        margin-bottom: calc(5px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple > .label {
        margin-top: 7px;
        margin-bottom: 7px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple > .label {
        margin-left: calc(5px + 2 * ((100vw - 992px) / 928));
        margin-right: calc(5px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple > .label {
        margin-left: 7px;
        margin-right: 7px
    }
}

.field .ui.dropdown.multiple > .text {
    margin: 0;
    font-size: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgba(70, 70, 70, 0.45);
    padding-left: 12px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple > .text {
        padding-left: calc(12px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple > .text {
        padding-left: 15px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple > .text {
        line-height: calc(20px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple > .text {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .field .ui.dropdown.multiple > .text {
        margin-top: calc(5px + 2 * ((100vw - 992px) / 928));
        margin-bottom: calc(5px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .field .ui.dropdown.multiple > .text {
        margin-top: 7px;
        margin-bottom: 7px
    }
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-10 {
    margin-top: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-10 {
        margin-top: calc(5px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-10 {
        margin-top: 10px
    }
}

.mb-10 {
    margin-bottom: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-10 {
        margin-bottom: calc(5px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-10 {
        margin-bottom: 10px
    }
}

.mt-20 {
    margin-top: 10px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-20 {
        margin-top: calc(10px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-20 {
        margin-top: 20px
    }
}

.mb-20 {
    margin-bottom: 10px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-20 {
        margin-bottom: calc(10px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-20 {
        margin-bottom: 20px
    }
}

.mt-30 {
    margin-top: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-30 {
        margin-top: calc(15px + 15 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-30 {
        margin-top: 30px
    }
}

.mb-30 {
    margin-bottom: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-30 {
        margin-bottom: calc(15px + 15 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-30 {
        margin-bottom: 30px
    }
}

.mt-40 {
    margin-top: 20px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-40 {
        margin-top: calc(20px + 20 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-40 {
        margin-top: 40px
    }
}

.mb-40 {
    margin-bottom: 20px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-40 {
        margin-bottom: calc(20px + 20 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-40 {
        margin-bottom: 40px
    }
}

.mt-50 {
    margin-top: 25px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-50 {
        margin-top: calc(25px + 25 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-50 {
        margin-top: 50px
    }
}

.mb-50 {
    margin-bottom: 25px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-50 {
        margin-bottom: calc(25px + 25 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-50 {
        margin-bottom: 50px
    }
}

.mt-60 {
    margin-top: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-60 {
        margin-top: calc(30px + 30 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-60 {
        margin-top: 60px
    }
}

.mb-60 {
    margin-bottom: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-60 {
        margin-bottom: calc(30px + 30 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-60 {
        margin-bottom: 60px
    }
}

.mt-70 {
    margin-top: 35px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-70 {
        margin-top: calc(35px + 35 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-70 {
        margin-top: 70px
    }
}

.mb-70 {
    margin-bottom: 35px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-70 {
        margin-bottom: calc(35px + 35 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-70 {
        margin-bottom: 70px
    }
}

.mt-80 {
    margin-top: 40px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-80 {
        margin-top: calc(40px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-80 {
        margin-top: 80px
    }
}

.mb-80 {
    margin-bottom: 40px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-80 {
        margin-bottom: calc(40px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-80 {
        margin-bottom: 80px
    }
}

.mt-90 {
    margin-top: 45px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-90 {
        margin-top: calc(45px + 45 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-90 {
        margin-top: 90px
    }
}

.mb-90 {
    margin-bottom: 45px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-90 {
        margin-bottom: calc(45px + 45 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-90 {
        margin-bottom: 90px
    }
}

.mt-100 {
    margin-top: 50px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mt-100 {
        margin-top: calc(50px + 50 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mt-100 {
        margin-top: 100px
    }
}

.mb-100 {
    margin-bottom: 50px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .mb-100 {
        margin-bottom: calc(50px + 50 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .mb-100 {
        margin-bottom: 100px
    }
}

@media screen and (min-width: 1920px) {
    .hidden-end-up {
        display: none !important
    }
}

@media screen and (max-width: 1919px) {
    .hidden-end-down {
        display: none !important
    }
}

@media screen and (min-width: 1380px) {
    .hidden-exlarge-up {
        display: none !important
    }
}

@media screen and (max-width: 1379px) {
    .hidden-exlarge-down {
        display: none !important
    }
}

@media screen and (min-width: 1280px) {
    .hidden-xlarge-up {
        display: none !important
    }
}

@media screen and (max-width: 1279px) {
    .hidden-xlarge-down {
        display: none !important
    }
}

@media screen and (min-width: 992px) {
    .hidden-large-up {
        display: none !important
    }
}

@media screen and (max-width: 991px) {
    .hidden-large-down {
        display: none !important
    }
}

@media screen and (min-width: 768px) {
    .hidden-intermediate-up {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .hidden-intermediate-down {
        display: none !important
    }
}

@media screen and (min-width: 540px) {
    .hidden-medium-up {
        display: none !important
    }
}

@media screen and (max-width: 539px) {
    .hidden-medium-down {
        display: none !important
    }
}

@media screen and (min-width: 420px) {
    .hidden-small-up {
        display: none !important
    }
}

@media screen and (max-width: 419px) {
    .hidden-small-down {
        display: none !important
    }
}

.hidden-init-up {
    display: none !important
}

[class~="grid"],
[class*="grid-"],
[class*="grid_"] {
    display: flex;
    flex-flow: row wrap;
    margin-left: -8px;
    margin-right: -8px
}

[class~="col"],
[class*="col-"],
[class*="col_"] {
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px
}

[class~="col"],
[class*="col_"] {
    flex: 1 1 0%
}

[class*="col-"] {
    flex: none
}

[class~="grid"][class~="col"],
[class~="grid"][class*="col-"],
[class~="grid"][class*="col_"],
[class*="grid-"][class~="col"],
[class*="grid-"][class*="col-"],
[class*="grid-"][class*="col_"],
[class*="grid_"][class~="col"],
[class*="grid_"][class*="col-"],
[class*="grid_"][class*="col_"] {
    margin: 0;
    padding: 0
}

[class*="grid-"][class*="-noGutter"] {
    margin: 0
}

[class*="grid-"][class*="-noGutter"] > [class~="col"],
[class*="grid-"][class*="-noGutter"] > [class*="col-"] {
    padding: 0
}

[class*="grid-"][class*="-noWrap"] {
    flex-wrap: nowrap
}

[class*="grid-"][class*="-center"] {
    justify-content: center
}

[class*="grid-"][class*="-right"] {
    justify-content: flex-end;
    align-self: flex-end;
    margin-left: auto
}

[class*="grid-"][class*="-top"] {
    align-items: flex-start
}

[class*="grid-"][class*="-middle"] {
    align-items: center
}

[class*="grid-"][class*="-bottom"] {
    align-items: flex-end
}

[class*="grid-"][class*="-reverse"] {
    flex-direction: row-reverse
}

[class*="grid-"][class*="-column"] {
    flex-direction: column
}

[class*="grid-"][class*="-column"] > [class*="col-"] {
    flex-basis: auto
}

[class*="grid-"][class*="-column-reverse"] {
    flex-direction: column-reverse
}

[class*="grid-"][class*="-spaceBetween"] {
    justify-content: space-between
}

[class*="grid-"][class*="-spaceAround"] {
    justify-content: space-around
}

[class*="grid-"][class*="-equalHeight"] > [class~="col"],
[class*="grid-"][class*="-equalHeight"] > [class*="col-"],
[class*="grid-"][class*="-equalHeight"] > [class*="col_"] {
    align-self: stretch
}

[class*="grid-"][class*="-equalHeight"] > [class~="col"] > *,
[class*="grid-"][class*="-equalHeight"] > [class*="col-"] > *,
[class*="grid-"][class*="-equalHeight"] > [class*="col_"] > * {
    height: 100%
}

[class*="grid-"][class*="-noBottom"] > [class~="col"],
[class*="grid-"][class*="-noBottom"] > [class*="col-"],
[class*="grid-"][class*="-noBottom"] > [class*="col_"] {
    padding-bottom: 0
}

[class*="col-"][class*="-top"] {
    align-self: flex-start
}

[class*="col-"][class*="-middle"] {
    align-self: center
}

[class*="col-"][class*="-bottom"] {
    align-self: flex-end
}

[class*="co-"][class*="-first"] {
    order: -1
}

[class*="col-"][class*="-last"] {
    order: 1
}

[class~="grid"] > [class*="col-1"],
[class*="grid-"] > [class*="col-1"],
[class*="grid_"] > [class*="col-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

[class~="grid"] > [class*="col-2"],
[class*="grid-"] > [class*="col-2"],
[class*="grid_"] > [class*="col-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

[class~="grid"] > [class*="col-3"],
[class*="grid-"] > [class*="col-3"],
[class*="grid_"] > [class*="col-3"] {
    flex-basis: 25%;
    max-width: 25%
}

[class~="grid"] > [class*="col-4"],
[class*="grid-"] > [class*="col-4"],
[class*="grid_"] > [class*="col-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

[class~="grid"] > [class*="col-5"],
[class*="grid-"] > [class*="col-5"],
[class*="grid_"] > [class*="col-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

[class~="grid"] > [class*="col-6"],
[class*="grid-"] > [class*="col-6"],
[class*="grid_"] > [class*="col-6"] {
    flex-basis: 50%;
    max-width: 50%
}

[class~="grid"] > [class*="col-7"],
[class*="grid-"] > [class*="col-7"],
[class*="grid_"] > [class*="col-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

[class~="grid"] > [class*="col-8"],
[class*="grid-"] > [class*="col-8"],
[class*="grid_"] > [class*="col-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

[class~="grid"] > [class*="col-9"],
[class*="grid-"] > [class*="col-9"],
[class*="grid_"] > [class*="col-9"] {
    flex-basis: 75%;
    max-width: 75%
}

[class~="grid"] > [class*="col-10"],
[class*="grid-"] > [class*="col-10"],
[class*="grid_"] > [class*="col-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

[class~="grid"] > [class*="col-11"],
[class*="grid-"] > [class*="col-11"],
[class*="grid_"] > [class*="col-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

[class~="grid"] > [class*="col-12"],
[class*="grid-"] > [class*="col-12"],
[class*="grid_"] > [class*="col-12"] {
    flex-basis: 100%;
    max-width: 100%
}

[class~="grid"] > [data-push-left*="off-0"],
[class*="grid-"] > [data-push-left*="off-0"],
[class*="grid_"] > [data-push-left*="off-0"] {
    margin-left: 0
}

[class~="grid"] > [data-push-left*="off-1"],
[class*="grid-"] > [data-push-left*="off-1"],
[class*="grid_"] > [data-push-left*="off-1"] {
    margin-left: 8.33333%
}

[class~="grid"] > [data-push-left*="off-2"],
[class*="grid-"] > [data-push-left*="off-2"],
[class*="grid_"] > [data-push-left*="off-2"] {
    margin-left: 16.66667%
}

[class~="grid"] > [data-push-left*="off-3"],
[class*="grid-"] > [data-push-left*="off-3"],
[class*="grid_"] > [data-push-left*="off-3"] {
    margin-left: 25%
}

[class~="grid"] > [data-push-left*="off-4"],
[class*="grid-"] > [data-push-left*="off-4"],
[class*="grid_"] > [data-push-left*="off-4"] {
    margin-left: 33.33333%
}

[class~="grid"] > [data-push-left*="off-5"],
[class*="grid-"] > [data-push-left*="off-5"],
[class*="grid_"] > [data-push-left*="off-5"] {
    margin-left: 41.66667%
}

[class~="grid"] > [data-push-left*="off-6"],
[class*="grid-"] > [data-push-left*="off-6"],
[class*="grid_"] > [data-push-left*="off-6"] {
    margin-left: 50%
}

[class~="grid"] > [data-push-left*="off-7"],
[class*="grid-"] > [data-push-left*="off-7"],
[class*="grid_"] > [data-push-left*="off-7"] {
    margin-left: 58.33333%
}

[class~="grid"] > [data-push-left*="off-8"],
[class*="grid-"] > [data-push-left*="off-8"],
[class*="grid_"] > [data-push-left*="off-8"] {
    margin-left: 66.66667%
}

[class~="grid"] > [data-push-left*="off-9"],
[class*="grid-"] > [data-push-left*="off-9"],
[class*="grid_"] > [data-push-left*="off-9"] {
    margin-left: 75%
}

[class~="grid"] > [data-push-left*="off-10"],
[class*="grid-"] > [data-push-left*="off-10"],
[class*="grid_"] > [data-push-left*="off-10"] {
    margin-left: 83.33333%
}

[class~="grid"] > [data-push-left*="off-11"],
[class*="grid-"] > [data-push-left*="off-11"],
[class*="grid_"] > [data-push-left*="off-11"] {
    margin-left: 91.66667%
}

[class~="grid"] > [data-push-right*="off-0"],
[class*="grid-"] > [data-push-right*="off-0"],
[class*="grid_"] > [data-push-right*="off-0"] {
    margin-right: 0
}

[class~="grid"] > [data-push-right*="off-1"],
[class*="grid-"] > [data-push-right*="off-1"],
[class*="grid_"] > [data-push-right*="off-1"] {
    margin-right: 8.33333%
}

[class~="grid"] > [data-push-right*="off-2"],
[class*="grid-"] > [data-push-right*="off-2"],
[class*="grid_"] > [data-push-right*="off-2"] {
    margin-right: 16.66667%
}

[class~="grid"] > [data-push-right*="off-3"],
[class*="grid-"] > [data-push-right*="off-3"],
[class*="grid_"] > [data-push-right*="off-3"] {
    margin-right: 25%
}

[class~="grid"] > [data-push-right*="off-4"],
[class*="grid-"] > [data-push-right*="off-4"],
[class*="grid_"] > [data-push-right*="off-4"] {
    margin-right: 33.33333%
}

[class~="grid"] > [data-push-right*="off-5"],
[class*="grid-"] > [data-push-right*="off-5"],
[class*="grid_"] > [data-push-right*="off-5"] {
    margin-right: 41.66667%
}

[class~="grid"] > [data-push-right*="off-6"],
[class*="grid-"] > [data-push-right*="off-6"],
[class*="grid_"] > [data-push-right*="off-6"] {
    margin-right: 50%
}

[class~="grid"] > [data-push-right*="off-7"],
[class*="grid-"] > [data-push-right*="off-7"],
[class*="grid_"] > [data-push-right*="off-7"] {
    margin-right: 58.33333%
}

[class~="grid"] > [data-push-right*="off-8"],
[class*="grid-"] > [data-push-right*="off-8"],
[class*="grid_"] > [data-push-right*="off-8"] {
    margin-right: 66.66667%
}

[class~="grid"] > [data-push-right*="off-9"],
[class*="grid-"] > [data-push-right*="off-9"],
[class*="grid_"] > [data-push-right*="off-9"] {
    margin-right: 75%
}

[class~="grid"] > [data-push-right*="off-10"],
[class*="grid-"] > [data-push-right*="off-10"],
[class*="grid_"] > [data-push-right*="off-10"] {
    margin-right: 83.33333%
}

[class~="grid"] > [data-push-right*="off-11"],
[class*="grid-"] > [data-push-right*="off-11"],
[class*="grid_"] > [data-push-right*="off-11"] {
    margin-right: 91.66667%
}

@media screen and (max-width: 1279px) {
    [class~="grid"] > [class*="_lg-1"],
    [class*="grid-"] > [class*="_lg-1"],
    [class*="grid_"] > [class*="_lg-1"] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class~="grid"] > [class*="_lg-2"],
    [class*="grid-"] > [class*="_lg-2"],
    [class*="grid_"] > [class*="_lg-2"] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class~="grid"] > [class*="_lg-3"],
    [class*="grid-"] > [class*="_lg-3"],
    [class*="grid_"] > [class*="_lg-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_lg-4"],
    [class*="grid-"] > [class*="_lg-4"],
    [class*="grid_"] > [class*="_lg-4"] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class~="grid"] > [class*="_lg-5"],
    [class*="grid-"] > [class*="_lg-5"],
    [class*="grid_"] > [class*="_lg-5"] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class~="grid"] > [class*="_lg-6"],
    [class*="grid-"] > [class*="_lg-6"],
    [class*="grid_"] > [class*="_lg-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_lg-7"],
    [class*="grid-"] > [class*="_lg-7"],
    [class*="grid_"] > [class*="_lg-7"] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class~="grid"] > [class*="_lg-8"],
    [class*="grid-"] > [class*="_lg-8"],
    [class*="grid_"] > [class*="_lg-8"] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class~="grid"] > [class*="_lg-9"],
    [class*="grid-"] > [class*="_lg-9"],
    [class*="grid_"] > [class*="_lg-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_lg-10"],
    [class*="grid-"] > [class*="_lg-10"],
    [class*="grid_"] > [class*="_lg-10"] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class~="grid"] > [class*="_lg-11"],
    [class*="grid-"] > [class*="_lg-11"],
    [class*="grid_"] > [class*="_lg-11"] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class~="grid"] > [class*="_lg-12"],
    [class*="grid-"] > [class*="_lg-12"],
    [class*="grid_"] > [class*="_lg-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_lg-0"],
    [class*="grid-"] > [data-push-left*="_lg-0"],
    [class*="grid_"] > [data-push-left*="_lg-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_lg-1"],
    [class*="grid-"] > [data-push-left*="_lg-1"],
    [class*="grid_"] > [data-push-left*="_lg-1"] {
        margin-left: 8.33333%
    }

    [class~="grid"] > [data-push-left*="_lg-2"],
    [class*="grid-"] > [data-push-left*="_lg-2"],
    [class*="grid_"] > [data-push-left*="_lg-2"] {
        margin-left: 16.66667%
    }

    [class~="grid"] > [data-push-left*="_lg-3"],
    [class*="grid-"] > [data-push-left*="_lg-3"],
    [class*="grid_"] > [data-push-left*="_lg-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_lg-4"],
    [class*="grid-"] > [data-push-left*="_lg-4"],
    [class*="grid_"] > [data-push-left*="_lg-4"] {
        margin-left: 33.33333%
    }

    [class~="grid"] > [data-push-left*="_lg-5"],
    [class*="grid-"] > [data-push-left*="_lg-5"],
    [class*="grid_"] > [data-push-left*="_lg-5"] {
        margin-left: 41.66667%
    }

    [class~="grid"] > [data-push-left*="_lg-6"],
    [class*="grid-"] > [data-push-left*="_lg-6"],
    [class*="grid_"] > [data-push-left*="_lg-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_lg-7"],
    [class*="grid-"] > [data-push-left*="_lg-7"],
    [class*="grid_"] > [data-push-left*="_lg-7"] {
        margin-left: 58.33333%
    }

    [class~="grid"] > [data-push-left*="_lg-8"],
    [class*="grid-"] > [data-push-left*="_lg-8"],
    [class*="grid_"] > [data-push-left*="_lg-8"] {
        margin-left: 66.66667%
    }

    [class~="grid"] > [data-push-left*="_lg-9"],
    [class*="grid-"] > [data-push-left*="_lg-9"],
    [class*="grid_"] > [data-push-left*="_lg-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_lg-10"],
    [class*="grid-"] > [data-push-left*="_lg-10"],
    [class*="grid_"] > [data-push-left*="_lg-10"] {
        margin-left: 83.33333%
    }

    [class~="grid"] > [data-push-left*="_lg-11"],
    [class*="grid-"] > [data-push-left*="_lg-11"],
    [class*="grid_"] > [data-push-left*="_lg-11"] {
        margin-left: 91.66667%
    }

    [class~="grid"] > [data-push-right*="_lg-0"],
    [class*="grid-"] > [data-push-right*="_lg-0"],
    [class*="grid_"] > [data-push-right*="_lg-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_lg-1"],
    [class*="grid-"] > [data-push-right*="_lg-1"],
    [class*="grid_"] > [data-push-right*="_lg-1"] {
        margin-right: 8.33333%
    }

    [class~="grid"] > [data-push-right*="_lg-2"],
    [class*="grid-"] > [data-push-right*="_lg-2"],
    [class*="grid_"] > [data-push-right*="_lg-2"] {
        margin-right: 16.66667%
    }

    [class~="grid"] > [data-push-right*="_lg-3"],
    [class*="grid-"] > [data-push-right*="_lg-3"],
    [class*="grid_"] > [data-push-right*="_lg-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_lg-4"],
    [class*="grid-"] > [data-push-right*="_lg-4"],
    [class*="grid_"] > [data-push-right*="_lg-4"] {
        margin-right: 33.33333%
    }

    [class~="grid"] > [data-push-right*="_lg-5"],
    [class*="grid-"] > [data-push-right*="_lg-5"],
    [class*="grid_"] > [data-push-right*="_lg-5"] {
        margin-right: 41.66667%
    }

    [class~="grid"] > [data-push-right*="_lg-6"],
    [class*="grid-"] > [data-push-right*="_lg-6"],
    [class*="grid_"] > [data-push-right*="_lg-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_lg-7"],
    [class*="grid-"] > [data-push-right*="_lg-7"],
    [class*="grid_"] > [data-push-right*="_lg-7"] {
        margin-right: 58.33333%
    }

    [class~="grid"] > [data-push-right*="_lg-8"],
    [class*="grid-"] > [data-push-right*="_lg-8"],
    [class*="grid_"] > [data-push-right*="_lg-8"] {
        margin-right: 66.66667%
    }

    [class~="grid"] > [data-push-right*="_lg-9"],
    [class*="grid-"] > [data-push-right*="_lg-9"],
    [class*="grid_"] > [data-push-right*="_lg-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_lg-10"],
    [class*="grid-"] > [data-push-right*="_lg-10"],
    [class*="grid_"] > [data-push-right*="_lg-10"] {
        margin-right: 83.33333%
    }

    [class~="grid"] > [data-push-right*="_lg-11"],
    [class*="grid-"] > [data-push-right*="_lg-11"],
    [class*="grid_"] > [data-push-right*="_lg-11"] {
        margin-right: 91.66667%
    }

    [class~="grid"] [class*="_lg-first"],
    [class*="grid-"] [class*="_lg-first"],
    [class*="grid_"] [class*="_lg-first"] {
        order: -1
    }

    [class~="grid"] [class*="_lg-last"],
    [class*="grid-"] [class*="_lg-last"],
    [class*="grid_"] [class*="_lg-last"] {
        order: 1
    }

    [class*="lg-hidden"] {
        display: none
    }
}

@media screen and (max-width: 991px) {
    [class~="grid"] > [class*="_md-1"],
    [class*="grid-"] > [class*="_md-1"],
    [class*="grid_"] > [class*="_md-1"] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class~="grid"] > [class*="_md-2"],
    [class*="grid-"] > [class*="_md-2"],
    [class*="grid_"] > [class*="_md-2"] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class~="grid"] > [class*="_md-3"],
    [class*="grid-"] > [class*="_md-3"],
    [class*="grid_"] > [class*="_md-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_md-4"],
    [class*="grid-"] > [class*="_md-4"],
    [class*="grid_"] > [class*="_md-4"] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class~="grid"] > [class*="_md-5"],
    [class*="grid-"] > [class*="_md-5"],
    [class*="grid_"] > [class*="_md-5"] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class~="grid"] > [class*="_md-6"],
    [class*="grid-"] > [class*="_md-6"],
    [class*="grid_"] > [class*="_md-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_md-7"],
    [class*="grid-"] > [class*="_md-7"],
    [class*="grid_"] > [class*="_md-7"] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class~="grid"] > [class*="_md-8"],
    [class*="grid-"] > [class*="_md-8"],
    [class*="grid_"] > [class*="_md-8"] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class~="grid"] > [class*="_md-9"],
    [class*="grid-"] > [class*="_md-9"],
    [class*="grid_"] > [class*="_md-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_md-10"],
    [class*="grid-"] > [class*="_md-10"],
    [class*="grid_"] > [class*="_md-10"] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class~="grid"] > [class*="_md-11"],
    [class*="grid-"] > [class*="_md-11"],
    [class*="grid_"] > [class*="_md-11"] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class~="grid"] > [class*="_md-12"],
    [class*="grid-"] > [class*="_md-12"],
    [class*="grid_"] > [class*="_md-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_md-0"],
    [class*="grid-"] > [data-push-left*="_md-0"],
    [class*="grid_"] > [data-push-left*="_md-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_md-1"],
    [class*="grid-"] > [data-push-left*="_md-1"],
    [class*="grid_"] > [data-push-left*="_md-1"] {
        margin-left: 8.33333%
    }

    [class~="grid"] > [data-push-left*="_md-2"],
    [class*="grid-"] > [data-push-left*="_md-2"],
    [class*="grid_"] > [data-push-left*="_md-2"] {
        margin-left: 16.66667%
    }

    [class~="grid"] > [data-push-left*="_md-3"],
    [class*="grid-"] > [data-push-left*="_md-3"],
    [class*="grid_"] > [data-push-left*="_md-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_md-4"],
    [class*="grid-"] > [data-push-left*="_md-4"],
    [class*="grid_"] > [data-push-left*="_md-4"] {
        margin-left: 33.33333%
    }

    [class~="grid"] > [data-push-left*="_md-5"],
    [class*="grid-"] > [data-push-left*="_md-5"],
    [class*="grid_"] > [data-push-left*="_md-5"] {
        margin-left: 41.66667%
    }

    [class~="grid"] > [data-push-left*="_md-6"],
    [class*="grid-"] > [data-push-left*="_md-6"],
    [class*="grid_"] > [data-push-left*="_md-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_md-7"],
    [class*="grid-"] > [data-push-left*="_md-7"],
    [class*="grid_"] > [data-push-left*="_md-7"] {
        margin-left: 58.33333%
    }

    [class~="grid"] > [data-push-left*="_md-8"],
    [class*="grid-"] > [data-push-left*="_md-8"],
    [class*="grid_"] > [data-push-left*="_md-8"] {
        margin-left: 66.66667%
    }

    [class~="grid"] > [data-push-left*="_md-9"],
    [class*="grid-"] > [data-push-left*="_md-9"],
    [class*="grid_"] > [data-push-left*="_md-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_md-10"],
    [class*="grid-"] > [data-push-left*="_md-10"],
    [class*="grid_"] > [data-push-left*="_md-10"] {
        margin-left: 83.33333%
    }

    [class~="grid"] > [data-push-left*="_md-11"],
    [class*="grid-"] > [data-push-left*="_md-11"],
    [class*="grid_"] > [data-push-left*="_md-11"] {
        margin-left: 91.66667%
    }

    [class~="grid"] > [data-push-right*="_md-0"],
    [class*="grid-"] > [data-push-right*="_md-0"],
    [class*="grid_"] > [data-push-right*="_md-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_md-1"],
    [class*="grid-"] > [data-push-right*="_md-1"],
    [class*="grid_"] > [data-push-right*="_md-1"] {
        margin-right: 8.33333%
    }

    [class~="grid"] > [data-push-right*="_md-2"],
    [class*="grid-"] > [data-push-right*="_md-2"],
    [class*="grid_"] > [data-push-right*="_md-2"] {
        margin-right: 16.66667%
    }

    [class~="grid"] > [data-push-right*="_md-3"],
    [class*="grid-"] > [data-push-right*="_md-3"],
    [class*="grid_"] > [data-push-right*="_md-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_md-4"],
    [class*="grid-"] > [data-push-right*="_md-4"],
    [class*="grid_"] > [data-push-right*="_md-4"] {
        margin-right: 33.33333%
    }

    [class~="grid"] > [data-push-right*="_md-5"],
    [class*="grid-"] > [data-push-right*="_md-5"],
    [class*="grid_"] > [data-push-right*="_md-5"] {
        margin-right: 41.66667%
    }

    [class~="grid"] > [data-push-right*="_md-6"],
    [class*="grid-"] > [data-push-right*="_md-6"],
    [class*="grid_"] > [data-push-right*="_md-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_md-7"],
    [class*="grid-"] > [data-push-right*="_md-7"],
    [class*="grid_"] > [data-push-right*="_md-7"] {
        margin-right: 58.33333%
    }

    [class~="grid"] > [data-push-right*="_md-8"],
    [class*="grid-"] > [data-push-right*="_md-8"],
    [class*="grid_"] > [data-push-right*="_md-8"] {
        margin-right: 66.66667%
    }

    [class~="grid"] > [data-push-right*="_md-9"],
    [class*="grid-"] > [data-push-right*="_md-9"],
    [class*="grid_"] > [data-push-right*="_md-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_md-10"],
    [class*="grid-"] > [data-push-right*="_md-10"],
    [class*="grid_"] > [data-push-right*="_md-10"] {
        margin-right: 83.33333%
    }

    [class~="grid"] > [data-push-right*="_md-11"],
    [class*="grid-"] > [data-push-right*="_md-11"],
    [class*="grid_"] > [data-push-right*="_md-11"] {
        margin-right: 91.66667%
    }

    [class~="grid"] [class*="_md-first"],
    [class*="grid-"] [class*="_md-first"],
    [class*="grid_"] [class*="_md-first"] {
        order: -1
    }

    [class~="grid"] [class*="_md-last"],
    [class*="grid-"] [class*="_md-last"],
    [class*="grid_"] [class*="_md-last"] {
        order: 1
    }

    [class*="md-hidden"] {
        display: none
    }
}

@media screen and (max-width: 767px) {
    [class~="grid"] > [class*="_sm-1"],
    [class*="grid-"] > [class*="_sm-1"],
    [class*="grid_"] > [class*="_sm-1"] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class~="grid"] > [class*="_sm-2"],
    [class*="grid-"] > [class*="_sm-2"],
    [class*="grid_"] > [class*="_sm-2"] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class~="grid"] > [class*="_sm-3"],
    [class*="grid-"] > [class*="_sm-3"],
    [class*="grid_"] > [class*="_sm-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_sm-4"],
    [class*="grid-"] > [class*="_sm-4"],
    [class*="grid_"] > [class*="_sm-4"] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class~="grid"] > [class*="_sm-5"],
    [class*="grid-"] > [class*="_sm-5"],
    [class*="grid_"] > [class*="_sm-5"] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class~="grid"] > [class*="_sm-6"],
    [class*="grid-"] > [class*="_sm-6"],
    [class*="grid_"] > [class*="_sm-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_sm-7"],
    [class*="grid-"] > [class*="_sm-7"],
    [class*="grid_"] > [class*="_sm-7"] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class~="grid"] > [class*="_sm-8"],
    [class*="grid-"] > [class*="_sm-8"],
    [class*="grid_"] > [class*="_sm-8"] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class~="grid"] > [class*="_sm-9"],
    [class*="grid-"] > [class*="_sm-9"],
    [class*="grid_"] > [class*="_sm-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_sm-10"],
    [class*="grid-"] > [class*="_sm-10"],
    [class*="grid_"] > [class*="_sm-10"] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class~="grid"] > [class*="_sm-11"],
    [class*="grid-"] > [class*="_sm-11"],
    [class*="grid_"] > [class*="_sm-11"] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class~="grid"] > [class*="_sm-12"],
    [class*="grid-"] > [class*="_sm-12"],
    [class*="grid_"] > [class*="_sm-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_sm-0"],
    [class*="grid-"] > [data-push-left*="_sm-0"],
    [class*="grid_"] > [data-push-left*="_sm-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_sm-1"],
    [class*="grid-"] > [data-push-left*="_sm-1"],
    [class*="grid_"] > [data-push-left*="_sm-1"] {
        margin-left: 8.33333%
    }

    [class~="grid"] > [data-push-left*="_sm-2"],
    [class*="grid-"] > [data-push-left*="_sm-2"],
    [class*="grid_"] > [data-push-left*="_sm-2"] {
        margin-left: 16.66667%
    }

    [class~="grid"] > [data-push-left*="_sm-3"],
    [class*="grid-"] > [data-push-left*="_sm-3"],
    [class*="grid_"] > [data-push-left*="_sm-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_sm-4"],
    [class*="grid-"] > [data-push-left*="_sm-4"],
    [class*="grid_"] > [data-push-left*="_sm-4"] {
        margin-left: 33.33333%
    }

    [class~="grid"] > [data-push-left*="_sm-5"],
    [class*="grid-"] > [data-push-left*="_sm-5"],
    [class*="grid_"] > [data-push-left*="_sm-5"] {
        margin-left: 41.66667%
    }

    [class~="grid"] > [data-push-left*="_sm-6"],
    [class*="grid-"] > [data-push-left*="_sm-6"],
    [class*="grid_"] > [data-push-left*="_sm-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_sm-7"],
    [class*="grid-"] > [data-push-left*="_sm-7"],
    [class*="grid_"] > [data-push-left*="_sm-7"] {
        margin-left: 58.33333%
    }

    [class~="grid"] > [data-push-left*="_sm-8"],
    [class*="grid-"] > [data-push-left*="_sm-8"],
    [class*="grid_"] > [data-push-left*="_sm-8"] {
        margin-left: 66.66667%
    }

    [class~="grid"] > [data-push-left*="_sm-9"],
    [class*="grid-"] > [data-push-left*="_sm-9"],
    [class*="grid_"] > [data-push-left*="_sm-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_sm-10"],
    [class*="grid-"] > [data-push-left*="_sm-10"],
    [class*="grid_"] > [data-push-left*="_sm-10"] {
        margin-left: 83.33333%
    }

    [class~="grid"] > [data-push-left*="_sm-11"],
    [class*="grid-"] > [data-push-left*="_sm-11"],
    [class*="grid_"] > [data-push-left*="_sm-11"] {
        margin-left: 91.66667%
    }

    [class~="grid"] > [data-push-right*="_sm-0"],
    [class*="grid-"] > [data-push-right*="_sm-0"],
    [class*="grid_"] > [data-push-right*="_sm-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_sm-1"],
    [class*="grid-"] > [data-push-right*="_sm-1"],
    [class*="grid_"] > [data-push-right*="_sm-1"] {
        margin-right: 8.33333%
    }

    [class~="grid"] > [data-push-right*="_sm-2"],
    [class*="grid-"] > [data-push-right*="_sm-2"],
    [class*="grid_"] > [data-push-right*="_sm-2"] {
        margin-right: 16.66667%
    }

    [class~="grid"] > [data-push-right*="_sm-3"],
    [class*="grid-"] > [data-push-right*="_sm-3"],
    [class*="grid_"] > [data-push-right*="_sm-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_sm-4"],
    [class*="grid-"] > [data-push-right*="_sm-4"],
    [class*="grid_"] > [data-push-right*="_sm-4"] {
        margin-right: 33.33333%
    }

    [class~="grid"] > [data-push-right*="_sm-5"],
    [class*="grid-"] > [data-push-right*="_sm-5"],
    [class*="grid_"] > [data-push-right*="_sm-5"] {
        margin-right: 41.66667%
    }

    [class~="grid"] > [data-push-right*="_sm-6"],
    [class*="grid-"] > [data-push-right*="_sm-6"],
    [class*="grid_"] > [data-push-right*="_sm-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_sm-7"],
    [class*="grid-"] > [data-push-right*="_sm-7"],
    [class*="grid_"] > [data-push-right*="_sm-7"] {
        margin-right: 58.33333%
    }

    [class~="grid"] > [data-push-right*="_sm-8"],
    [class*="grid-"] > [data-push-right*="_sm-8"],
    [class*="grid_"] > [data-push-right*="_sm-8"] {
        margin-right: 66.66667%
    }

    [class~="grid"] > [data-push-right*="_sm-9"],
    [class*="grid-"] > [data-push-right*="_sm-9"],
    [class*="grid_"] > [data-push-right*="_sm-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_sm-10"],
    [class*="grid-"] > [data-push-right*="_sm-10"],
    [class*="grid_"] > [data-push-right*="_sm-10"] {
        margin-right: 83.33333%
    }

    [class~="grid"] > [data-push-right*="_sm-11"],
    [class*="grid-"] > [data-push-right*="_sm-11"],
    [class*="grid_"] > [data-push-right*="_sm-11"] {
        margin-right: 91.66667%
    }

    [class~="grid"] [class*="_sm-first"],
    [class*="grid-"] [class*="_sm-first"],
    [class*="grid_"] [class*="_sm-first"] {
        order: -1
    }

    [class~="grid"] [class*="_sm-last"],
    [class*="grid-"] [class*="_sm-last"],
    [class*="grid_"] [class*="_sm-last"] {
        order: 1
    }

    [class*="sm-hidden"] {
        display: none
    }
}

@media screen and (max-width: 539px) {
    [class~="grid"] > [class*="_xs-1"],
    [class*="grid-"] > [class*="_xs-1"],
    [class*="grid_"] > [class*="_xs-1"] {
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class~="grid"] > [class*="_xs-2"],
    [class*="grid-"] > [class*="_xs-2"],
    [class*="grid_"] > [class*="_xs-2"] {
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class~="grid"] > [class*="_xs-3"],
    [class*="grid-"] > [class*="_xs-3"],
    [class*="grid_"] > [class*="_xs-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_xs-4"],
    [class*="grid-"] > [class*="_xs-4"],
    [class*="grid_"] > [class*="_xs-4"] {
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class~="grid"] > [class*="_xs-5"],
    [class*="grid-"] > [class*="_xs-5"],
    [class*="grid_"] > [class*="_xs-5"] {
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class~="grid"] > [class*="_xs-6"],
    [class*="grid-"] > [class*="_xs-6"],
    [class*="grid_"] > [class*="_xs-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_xs-7"],
    [class*="grid-"] > [class*="_xs-7"],
    [class*="grid_"] > [class*="_xs-7"] {
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class~="grid"] > [class*="_xs-8"],
    [class*="grid-"] > [class*="_xs-8"],
    [class*="grid_"] > [class*="_xs-8"] {
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class~="grid"] > [class*="_xs-9"],
    [class*="grid-"] > [class*="_xs-9"],
    [class*="grid_"] > [class*="_xs-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_xs-10"],
    [class*="grid-"] > [class*="_xs-10"],
    [class*="grid_"] > [class*="_xs-10"] {
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class~="grid"] > [class*="_xs-11"],
    [class*="grid-"] > [class*="_xs-11"],
    [class*="grid_"] > [class*="_xs-11"] {
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class~="grid"] > [class*="_xs-12"],
    [class*="grid-"] > [class*="_xs-12"],
    [class*="grid_"] > [class*="_xs-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_xs-0"],
    [class*="grid-"] > [data-push-left*="_xs-0"],
    [class*="grid_"] > [data-push-left*="_xs-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_xs-1"],
    [class*="grid-"] > [data-push-left*="_xs-1"],
    [class*="grid_"] > [data-push-left*="_xs-1"] {
        margin-left: 8.33333%
    }

    [class~="grid"] > [data-push-left*="_xs-2"],
    [class*="grid-"] > [data-push-left*="_xs-2"],
    [class*="grid_"] > [data-push-left*="_xs-2"] {
        margin-left: 16.66667%
    }

    [class~="grid"] > [data-push-left*="_xs-3"],
    [class*="grid-"] > [data-push-left*="_xs-3"],
    [class*="grid_"] > [data-push-left*="_xs-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_xs-4"],
    [class*="grid-"] > [data-push-left*="_xs-4"],
    [class*="grid_"] > [data-push-left*="_xs-4"] {
        margin-left: 33.33333%
    }

    [class~="grid"] > [data-push-left*="_xs-5"],
    [class*="grid-"] > [data-push-left*="_xs-5"],
    [class*="grid_"] > [data-push-left*="_xs-5"] {
        margin-left: 41.66667%
    }

    [class~="grid"] > [data-push-left*="_xs-6"],
    [class*="grid-"] > [data-push-left*="_xs-6"],
    [class*="grid_"] > [data-push-left*="_xs-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_xs-7"],
    [class*="grid-"] > [data-push-left*="_xs-7"],
    [class*="grid_"] > [data-push-left*="_xs-7"] {
        margin-left: 58.33333%
    }

    [class~="grid"] > [data-push-left*="_xs-8"],
    [class*="grid-"] > [data-push-left*="_xs-8"],
    [class*="grid_"] > [data-push-left*="_xs-8"] {
        margin-left: 66.66667%
    }

    [class~="grid"] > [data-push-left*="_xs-9"],
    [class*="grid-"] > [data-push-left*="_xs-9"],
    [class*="grid_"] > [data-push-left*="_xs-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_xs-10"],
    [class*="grid-"] > [data-push-left*="_xs-10"],
    [class*="grid_"] > [data-push-left*="_xs-10"] {
        margin-left: 83.33333%
    }

    [class~="grid"] > [data-push-left*="_xs-11"],
    [class*="grid-"] > [data-push-left*="_xs-11"],
    [class*="grid_"] > [data-push-left*="_xs-11"] {
        margin-left: 91.66667%
    }

    [class~="grid"] > [data-push-right*="_xs-0"],
    [class*="grid-"] > [data-push-right*="_xs-0"],
    [class*="grid_"] > [data-push-right*="_xs-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_xs-1"],
    [class*="grid-"] > [data-push-right*="_xs-1"],
    [class*="grid_"] > [data-push-right*="_xs-1"] {
        margin-right: 8.33333%
    }

    [class~="grid"] > [data-push-right*="_xs-2"],
    [class*="grid-"] > [data-push-right*="_xs-2"],
    [class*="grid_"] > [data-push-right*="_xs-2"] {
        margin-right: 16.66667%
    }

    [class~="grid"] > [data-push-right*="_xs-3"],
    [class*="grid-"] > [data-push-right*="_xs-3"],
    [class*="grid_"] > [data-push-right*="_xs-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_xs-4"],
    [class*="grid-"] > [data-push-right*="_xs-4"],
    [class*="grid_"] > [data-push-right*="_xs-4"] {
        margin-right: 33.33333%
    }

    [class~="grid"] > [data-push-right*="_xs-5"],
    [class*="grid-"] > [data-push-right*="_xs-5"],
    [class*="grid_"] > [data-push-right*="_xs-5"] {
        margin-right: 41.66667%
    }

    [class~="grid"] > [data-push-right*="_xs-6"],
    [class*="grid-"] > [data-push-right*="_xs-6"],
    [class*="grid_"] > [data-push-right*="_xs-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_xs-7"],
    [class*="grid-"] > [data-push-right*="_xs-7"],
    [class*="grid_"] > [data-push-right*="_xs-7"] {
        margin-right: 58.33333%
    }

    [class~="grid"] > [data-push-right*="_xs-8"],
    [class*="grid-"] > [data-push-right*="_xs-8"],
    [class*="grid_"] > [data-push-right*="_xs-8"] {
        margin-right: 66.66667%
    }

    [class~="grid"] > [data-push-right*="_xs-9"],
    [class*="grid-"] > [data-push-right*="_xs-9"],
    [class*="grid_"] > [data-push-right*="_xs-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_xs-10"],
    [class*="grid-"] > [data-push-right*="_xs-10"],
    [class*="grid_"] > [data-push-right*="_xs-10"] {
        margin-right: 83.33333%
    }

    [class~="grid"] > [data-push-right*="_xs-11"],
    [class*="grid-"] > [data-push-right*="_xs-11"],
    [class*="grid_"] > [data-push-right*="_xs-11"] {
        margin-right: 91.66667%
    }

    [class~="grid"] [class*="_xs-first"],
    [class*="grid-"] [class*="_xs-first"],
    [class*="grid_"] [class*="_xs-first"] {
        order: -1
    }

    [class~="grid"] [class*="_xs-last"],
    [class*="grid-"] [class*="_xs-last"],
    [class*="grid_"] [class*="_xs-last"] {
        order: 1
    }

    [class*="xs-hidden"] {
        display: none
    }
}

/*
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: grabbing
}

.slick-loading .slick-list {
    background: #fff url("") center center no-repeat
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
    outline: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 32px;
    width: 18px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    padding: 0;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    transform: translate(0, -50%);
    transition: opacity .45s ease
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    outline: none
}

.slick-prev.disabled,
.slick-next.disabled {
    cursor: default;
    opacity: .1
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-dotted.slick-slider {
    padding-bottom: 40px
}

.slick-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    display: block;
    height: 10px;
    width: 10px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    border-radius: 100%;
    background-color: #dfdfdf;
    transition: background-color .45s ease
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background-color: #c3002d
}

.slick-dots li button.slick-active button {
    background-color: #c3002d
}
*/

.footer {
    position: relative
}

.footer .statement {
    background-color: #e5e5e5;
    padding-top: 49px;
    padding-bottom: 42px
}

@media screen and (min-width: 320px) and (max-width: 1919px) {
    .footer .statement {
        padding-top: calc(49px + 16 * ((100vw - 320px) / 1600))
    }
}

@media screen and (min-width: 1920px) {
    .footer .statement {
        padding-top: 65px
    }
}

@media screen and (min-width: 320px) and (max-width: 1919px) {
    .footer .statement {
        padding-bottom: calc(42px + 23 * ((100vw - 320px) / 1600))
    }
}

@media screen and (min-width: 1920px) {
    .footer .statement {
        padding-bottom: 65px
    }
}

.footer .statement h2 {
    font-weight: 900;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .footer .statement h2 {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .footer .statement h2 {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .footer .statement h2 {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .footer .statement h2 {
        font-size: 22px
    }
}

@media screen and (max-width: 991px) {
    .footer .social .button-link {
        margin-top: 14px;
        margin-bottom: 18px
    }
}

@media screen and (min-width: 992px) {
    .footer .social .button-link {
        margin-left: auto
    }
}

.footer-menu {
    display: none
}

@media screen and (min-width: 992px) {
    .footer-menu {
        display: block;
        padding: 54px 0;
        background-color: #e5e5e5
    }

    .footer-menu-list {
        display: grid;
        grid-template-columns:repeat(2, 1fr) repeat(2, .7fr);
        grid-template-rows:1fr repeat(2, auto);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0 -22px;
        width: 100%
    }

    .footer-menu-list__item {
        padding: 0 22px
    }

    .footer-menu-list__item:nth-child(1) {
        grid-area: 1/1/4/2
    }

    .footer-menu-list__item:nth-child(2) {
        grid-area: 1/2/4/3
    }

    .footer-menu-list__item:nth-child(3) {
        grid-area: 1/3/2/4
    }

    .footer-menu-list__item:nth-child(4) {
        grid-area: 1/4/2/5
    }

    .footer-menu-list__item:nth-child(5) {
        grid-area: 2/3/3/5
    }

    .footer-menu-list__item:nth-child(6) {
        grid-area: 3/3/4/5
    }

    .footer-menu-list__item-link {
        margin-bottom: 10px;
        border-bottom: 1px solid #707070
    }

    .footer-menu-list__item .menu-link {
        display: flex;
        align-items: flex-end;
        width: 100%;
        font-weight: normal;
        color: #464646;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 18px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .footer-menu .menu-link {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .footer-menu .menu-link {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .footer-menu .menu-link {
        line-height: calc(18px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .footer-menu .menu-link {
        line-height: 24px
    }
}

@media screen and (max-width: 991px) {
    .footer-bottom {
        padding: 20px;
        text-align: center
    }
}

@media screen and (min-width: 992px) {
    .footer-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 42px;
        padding-bottom: 37px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 991px) {
    .footer-bottom__right {
        display: flex;
        flex-flow: column
    }
}

@media screen and (min-width: 992px) {
    .footer-bottom__right {
        flex: 1 0 0%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-flow: row nowrap
    }
}

.footer-bottom * {
    color: #464646
}

.footer-bottom .logo-url {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold
}

.footer-bottom .satnav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap
}

@media screen and (max-width: 991px) {
    .footer-bottom .satnav {
        margin-top: 16px;
        margin-bottom: 17px
    }
}

.footer-bottom .satnav-item {
    position: relative;
    font-size: 16px;
    line-height: 21px
}

.footer-bottom .satnav-item:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 8px;
    display: none;
    height: 16px;
    width: 1px;
    background-color: #464646
}

.footer-bottom .satnav-item + .satnav-item {
    padding-left: 17px
}

.footer-bottom .satnav-item + .satnav-item:before {
    display: block
}

.footer-bottom .copyright {
    font-size: 14px;
    line-height: 18px
}

@media screen and (min-width: 992px) {
    .footer-bottom .copyright {
        position: relative;
        padding-left: 17px
    }

    .footer-bottom .copyright:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 8px;
        display: block;
        height: 16px;
        width: 1px;
        background-color: #464646
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .footer-bottom {
        padding-left: calc(30px + 248 * ((100vw - 992px) / 928));
        padding-right: calc(30px + 248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .footer-bottom {
        padding-left: 278px;
        padding-right: 278px
    }
}

.social {
    background-color: #808080
}

@media screen and (max-width: 991px) {
    .social {
        text-align: center;
        padding-top: 30px
    }
}

@media screen and (min-width: 992px) {
    .social {
        padding-top: 40px;
        padding-bottom: 34px
    }

    .social .container {
        display: flex;
        align-items: center;
        flex-flow: row nowrap
    }
}

.social * {
    color: #fff
}

.social h2 {
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .social h2 {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .social h2 {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .social h2 {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .social h2 {
        font-size: 22px
    }
}

@media screen and (min-width: 992px) {
    .social h2 {
        margin-right: 30px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .social h2 {
        margin-right: calc(30px + 30 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .social h2 {
        margin-right: 60px
    }
}

.social__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    max-width: 300px
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .social__list {
        margin-left: calc(-5px + -10 * ((100vw - 320px) / 672));
        margin-right: calc(-5px + -10 * ((100vw - 320px) / 672))
    }
}

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

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .social__list {
        max-width: calc(300px + 188 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .social__list {
        max-width: 488px
    }
}

@media screen and (max-width: 991px) {
    .social__list {
        margin-top: 14px;
        margin-bottom: 30px
    }

    .social__list:after {
        content: '';
        position: absolute;
        bottom: -30px;
        width: 100vw;
        height: 1px;
        background-color: #fff;
        left: -30px
    }
}

.social__list-item {
    display: inline-flex;
    padding-left: 7px;
    padding-right: 7px
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .social__list-item {
        padding-left: calc(7px + 8 * ((100vw - 320px) / 672));
        padding-right: calc(7px + 8 * ((100vw - 320px) / 672))
    }
}

@media screen and (min-width: 992px) {
    .social__list-item {
        padding-left: 15px;
        padding-right: 15px
    }
}

.social__list-item .oyc-icon {
    width: 35px;
    height: 35px;
    fill: currentColor
}

@media screen and (max-width: 991px) and (min-width: 992px) and (max-width: 1919px) {
    .social__list:after {
        left: calc(-30px + -248 * ((100vw - 992px) / 928))
    }
}

@media screen and (max-width: 991px) and (min-width: 1920px) {
    .social__list:after {
        left: -278px
    }
}

html.ie .footer-menu-list {
    display: flex;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

html.ie .footer-menu-list__item {
    flex-basis: 25%;
    max-width: 25%
}

html.ie .footer-menu-list__item .menu-link {
    display: block;
    height: auto !important
}

html.ie .footer-bottom {
    flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

html.ie .footer-bottom .satnav {
    min-height: 21px
}

html.ie .footer-bottom .satnav-item:before {
    margin-top: -12px
}

html.ie .footer-bottom .copyright:before {
    margin-top: -12px
}

.main-title + .content-text:not([class*="bg-"]) {
    margin-top: -22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .main-title + .content-text:not([class*="bg-"]) {
        margin-top: calc(-22px + -26 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .main-title + .content-text:not([class*="bg-"]) {
        margin-top: -48px
    }
}

.content-text[class*="bg-"] {
    margin-top: 0;
    margin-bottom: 0
}

.content-text[class*="bg-"] .content-text__wrap:not(.image) {
    padding-top: 45px;
    padding-bottom: 45px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text[class*="bg-"] .content-text__wrap:not(.image) {
        padding-top: calc(45px + 55 * ((100vw - 992px) / 928));
        padding-bottom: calc(45px + 55 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text[class*="bg-"] .content-text__wrap:not(.image) {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.content-text.link-block {
    position: relative;
    z-index: 2;
    margin-top: -50px;
    margin-bottom: -50px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text.link-block {
        margin-top: calc(-50px + -50 * ((100vw - 992px) / 928));
        margin-bottom: calc(-50px + -50 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text.link-block {
        margin-top: -100px;
        margin-bottom: -100px
    }
}

.content-text.link-block .content-text__wrap {
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (min-width: 992px) {
    .content-text__block.column {
        display: flex;
        flex-flow: row wrap;
        max-width: 100%
    }
}

@media screen and (min-width: 992px) {
    .content-text__block.column .column-item {
        flex-basis: 50%;
        max-width: 50%
    }

    .content-text__block.column .column-item:first-child {
        padding-right: 30px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__block.column .column-item:first-child {
        padding-right: calc(30px + 110 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__block.column .column-item:first-child {
        padding-right: 140px
    }
}

.content-text__wrap.image {
    display: flex;
    flex-flow: row wrap;
    margin-left: -30px;
    margin-right: -30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image {
        margin-left: calc(-30px + -248 * ((100vw - 992px) / 928));
        margin-right: calc(-30px + -248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text__wrap.image {
        margin-left: -278px;
        margin-right: -278px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image {
        flex-flow: row-reverse wrap
    }
}

@media screen and (max-width: 991px) {
    .content-text__wrap.image.reverse:not(.text-right) {
        flex-flow: row wrap-reverse
    }
}

.content-text__wrap.image .content-text__block {
    flex-basis: 100%;
    max-width: 100%;
    padding: 30px
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image .content-text__block {
        display: flex;
        justify-content: center;
        flex-flow: column;
        flex-basis: 50%;
        max-width: 50%;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image .content-text__block {
        padding-top: calc(30px + 130 * ((100vw - 992px) / 928));
        padding-bottom: calc(30px + 130 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image .content-text__block {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image .content-text__block {
        padding-left: calc(30px + 248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image .content-text__block {
        padding-left: 278px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image .content-text__block {
        padding-right: calc(30px + 110 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image .content-text__block {
        padding-right: 140px
    }
}

.content-text__wrap.image .content-text__picture {
    position: relative;
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image .content-text__picture {
        flex-basis: 50%;
        max-width: 50%
    }
}

.content-text__wrap.image .content-text__picture.original-size {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image .content-text__picture.original-size {
        padding-left: calc(30px + 248 * ((100vw - 992px) / 928));
        padding-right: calc(30px + 248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text__wrap.image .content-text__picture.original-size {
        padding-left: 278px;
        padding-right: 278px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image .content-text__picture.original-size {
        padding-left: 0
    }
}

.content-text__wrap.image .content-text__picture.original-size > img {
    position: relative;
    height: auto;
    width: auto
}

.content-text__wrap.image .content-text__picture > img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image .content-text__picture > img {
        position: absolute
    }
}

.content-text__wrap.image.text-right {
    flex-flow: row wrap-reverse
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image.text-right {
        flex-flow: row wrap
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image.text-right .content-text__picture.original-size {
        padding-right: 0;
        padding-left: 30px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image.text-right .content-text__picture.original-size {
        padding-left: calc(30px + 248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image.text-right .content-text__picture.original-size {
        padding-left: 278px
    }
}

@media screen and (max-width: 991px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding: 30px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-top: calc(30px + 130 * ((100vw - 992px) / 928));
        padding-bottom: calc(30px + 130 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-left: calc(30px + 110 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-left: 140px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-right: calc(30px + 248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.image.text-right .content-text__block {
        padding-right: 278px
    }
}

.content-text__wrap.image .content-text__icon {
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    padding: 30px
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image .content-text__icon {
        flex-basis: 50%;
        max-width: 50%;
        display: flex;
        align-items: center
    }
}

.content-text__wrap.image .content-text__icon .oyc-icon {
    display: block;
    width: 260px;
    height: 190px;
    margin: 0 auto
}

@media screen and (min-width: 540px) {
    .content-text__wrap.image .content-text__icon .oyc-icon {
        width: 293px;
        height: 231px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.image .content-text__icon .oyc-icon {
        margin: 0
    }
}

@media screen and (min-width: 540px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image .content-text__icon .oyc-icon {
        width: calc(293px + 297 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 540px) and (min-width: 1920px) {
    .content-text__wrap.image .content-text__icon .oyc-icon {
        width: 590px
    }
}

@media screen and (min-width: 540px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.image .content-text__icon .oyc-icon {
        height: calc(231px + 205 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 540px) and (min-width: 1920px) {
    .content-text__wrap.image .content-text__icon .oyc-icon {
        height: 436px
    }
}

.content-text__wrap.icon {
    flex-flow: row wrap-reverse
}

@media screen and (min-width: 992px) {
    .content-text__wrap.icon {
        flex-flow: row-reverse wrap
    }

    .content-text__wrap.icon .content-text__block {
        padding-top: 53px;
        padding-bottom: 35px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.icon.text-right .content-text__storer {
        justify-content: center
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.icon .content-text__block {
        padding-bottom: calc(35px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.icon .content-text__block {
        padding-bottom: 75px
    }
}

.content-text__wrap.storer {
    flex-flow: row wrap-reverse
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer {
        flex-flow: row-reverse wrap
    }

    .content-text__wrap.storer .content-text__block {
        padding-top: 53px;
        padding-bottom: 35px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer.text-right .content-text__storer {
        justify-content: center
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.text-right .content-text__storer .i-storer-left {
        left: calc(70px + 130 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text__wrap.storer.text-right .content-text__storer .i-storer-left {
        left: 200px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.text-right .content-text__storer .i-storer-right {
        right: calc(0px + 17 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-text__wrap.storer.text-right .content-text__storer .i-storer-right {
        right: 17px
    }
}

.content-text__wrap.storer.no-text .content-text__storer {
    flex-basis: auto;
    max-width: none;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer.no-text .content-text__storer {
        padding-left: 260px;
        padding-right: 260px
    }
}

.content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
    display: none
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        display: block;
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 260px;
        height: 173px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        bottom: calc(30px + 125 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        bottom: 155px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        width: calc(260px + 171 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        width: 431px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        height: calc(173px + 120 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-left-big {
        height: 293px
    }
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-right {
        display: block;
        width: 214px;
        height: 136px;
        top: 30px;
        right: 60px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-right {
        top: calc(30px + 135 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-right {
        top: 165px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-right {
        right: calc(60px + 157 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer.no-text .content-text__storer .i-storer-right {
        right: 217px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer.no-text .content-text__storer {
        padding-left: calc(260px + 171 * ((100vw - 992px) / 928));
        padding-right: calc(260px + 171 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer.no-text .content-text__storer {
        padding-left: 431px;
        padding-right: 431px
    }
}

.content-text__wrap.storer .content-text__storer {
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    padding: 30px 0
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer .content-text__storer {
        flex-basis: 50%;
        max-width: 50%;
        display: flex;
        align-items: center;
        padding-right: 30px;
        padding-left: 90px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.content-text__wrap.storer .content-text__storer .i-storer-left {
    display: none
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        display: block;
        position: absolute;
        bottom: 45px;
        left: 20px;
        width: 60px;
        height: 60px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        bottom: calc(45px + 125 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        bottom: 170px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        left: calc(20px + 27 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        left: 47px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        width: calc(60px + 81 * ((100vw - 992px) / 928));
        height: calc(60px + 81 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer .i-storer-left {
        width: 141px;
        height: 141px
    }
}

.content-text__wrap.storer .content-text__storer .i-storer-right {
    display: none
}

@media screen and (min-width: 992px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        display: block;
        position: absolute;
        top: 0;
        right: 40px;
        width: 100px;
        height: 100px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        top: calc(0px + 105 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        top: 105px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        right: calc(40px + 140 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        right: 180px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        width: calc(100px + 101 * ((100vw - 992px) / 928));
        height: calc(100px + 101 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer .i-storer-right {
        width: 201px;
        height: 201px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer {
        padding-left: calc(90px + 98 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer {
        padding-left: 188px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer {
        padding-top: calc(30px + 135 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer {
        padding-top: 165px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__storer {
        padding-bottom: calc(30px + 125 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__storer {
        padding-bottom: 155px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-text__wrap.storer .content-text__block {
        padding-bottom: calc(35px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-text__wrap.storer .content-text__block {
        padding-bottom: 75px
    }
}

.content-text__storer.b-creme50 .storer-wrap * {
    color: #000 !important
}

.content-text__storer.b-creme50 .i-storer * {
    fill: #f7f5f2 !important
}

.content-text__storer.b-creme50 .i-storer-left-big path:nth-child(1) {
    fill: #f0eae4 !important
}

.content-text__storer.b-creme50 .i-storer-left-big path:nth-child(2) {
    fill: #f7f5f2 !important
}

.content-text__storer.b-creme50 .i-storer-left-big path:nth-child(3) {
    fill: #f7f5f2 !important
}

.content-text__storer.b-creme50 .i-storer-left-big path:nth-child(4) {
    fill: #f0eae4 !important
}

.content-text__storer.b-creme50 .i-storer-right path:nth-child(1) {
    fill: #f7f5f2 !important
}

.content-text__storer.b-creme50 .i-storer-right path:nth-child(2) {
    fill: #f0eae4 !important
}

.content-text__storer.b-rose50 .storer-wrap * {
    color: #000 !important
}

.content-text__storer.b-rose50 .i-storer * {
    fill: #f4e4e1 !important
}

.content-text__storer.b-rose50 .i-storer-left-big path:nth-child(1) {
    fill: #f4e4e1 !important
}

.content-text__storer.b-rose50 .i-storer-left-big path:nth-child(2) {
    fill: #edd2cd !important
}

.content-text__storer.b-rose50 .i-storer-left-big path:nth-child(3) {
    fill: #edd2cd !important
}

.content-text__storer.b-rose50 .i-storer-left-big path:nth-child(4) {
    fill: #f4e4e1 !important
}

.content-text__storer.b-rose50 .i-storer-right path:nth-child(1) {
    fill: #edd2cd !important
}

.content-text__storer.b-rose50 .i-storer-right path:nth-child(2) {
    fill: #f4e4e1 !important
}

.content-text__storer.b-softrot .i-storer * {
    fill: #db504f !important
}

.content-text__storer.b-blaugrau80 .i-storer * {
    fill: #4e5b73 !important
}

.content-text__storer.b-blaugrau80 .i-storer-left-big path:nth-child(1) {
    fill: #4e5b73 !important
}

.content-text__storer.b-blaugrau80 .i-storer-left-big path:nth-child(2) {
    fill: #c7cdd3 !important
}

.content-text__storer.b-blaugrau80 .i-storer-left-big path:nth-child(3) {
    fill: #979dac !important
}

.content-text__storer.b-blaugrau80 .i-storer-left-big path:nth-child(4) {
    fill: #4e5b73 !important
}

.content-text__storer.b-blaugrau80 .i-storer-right path:nth-child(1) {
    fill: #c7cdd3 !important
}

.content-text__storer.b-blaugrau80 .i-storer-right path:nth-child(2) {
    fill: #4e5b73 !important
}

.content-text__storer.b-blaugrau125 .i-storer * {
    fill: #043348 !important
}

.content-text__storer.b-blaugrau125 .i-storer-left-big path:nth-child(1) {
    fill: #979dac !important
}

.content-text__storer.b-blaugrau125 .i-storer-left-big path:nth-child(2) {
    fill: #c7cdd3 !important
}

.content-text__storer.b-blaugrau125 .i-storer-left-big path:nth-child(3) {
    fill: #c7cdd3 !important
}

.content-text__storer.b-blaugrau125 .i-storer-left-big path:nth-child(4) {
    fill: #979dac !important
}

.content-text__storer.b-blaugrau125 .i-storer-right path:nth-child(1) {
    fill: #c7cdd3 !important
}

.content-text__storer.b-blaugrau125 .i-storer-right path:nth-child(2) {
    fill: #979dac !important
}

.content-text__storer.b-turkis .i-storer * {
    fill: #a0cfc6 !important
}

.content-text__storer.b-turkis .i-storer-left-big path:nth-child(1) {
    fill: #cfe7e3 !important
}

.content-text__storer.b-turkis .i-storer-left-big path:nth-child(2) {
    fill: #e2f0ee !important
}

.content-text__storer.b-turkis .i-storer-left-big path:nth-child(3) {
    fill: #e2f0ee !important
}

.content-text__storer.b-turkis .i-storer-left-big path:nth-child(4) {
    fill: #cfe7e3 !important
}

.content-text__storer.b-turkis .i-storer-right path:nth-child(1) {
    fill: #e2f0ee !important
}

.content-text__storer.b-turkis .i-storer-right path:nth-child(2) {
    fill: #cfe7e3 !important
}

.storer-wrap {
    position: relative
}

.storer-wrap * {
    color: #fff
}

.storer-wrap-inner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px;
    margin: 0 auto;
    width: 320px;
    height: 290px
}

@media screen and (min-width: 360px) and (max-width: 991px) {
    .storer-wrap-inner {
        width: calc(320px + 30 * ((100vw - 360px) / 632))
    }
}

@media screen and (min-width: 992px) {
    .storer-wrap-inner {
        width: 350px
    }
}

@media screen and (min-width: 360px) and (max-width: 991px) {
    .storer-wrap-inner {
        height: calc(290px + 30 * ((100vw - 360px) / 632))
    }
}

@media screen and (min-width: 992px) {
    .storer-wrap-inner {
        height: 320px
    }
}

@media screen and (min-width: 540px) {
    .storer-wrap-inner {
        padding: 30px 35px
    }
}

@media screen and (min-width: 768px) {
    .storer-wrap-inner {
        padding: 30px 40px
    }
}

@media screen and (min-width: 992px) {
    .storer-wrap-inner {
        padding: 45px;
        width: 308px;
        height: 288px
    }
}

.storer-wrap-inner-text {
    position: relative;
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 15px
}

@media screen and (min-width: 992px) {
    .storer-wrap-inner-text {
        padding-top: 20px
    }
}

.storer-wrap-inner-text h2:first-child {
    margin-bottom: 7px
}

@media screen and (min-width: 992px) {
    .storer-wrap-inner-text h2:first-child {
        margin-bottom: 11px
    }
}

.storer-wrap-inner-text header .subheader {
    font-weight: normal;
    margin: 0;
    font-size: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .storer-wrap-inner-text header .subheader {
        font-size: calc(22px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .storer-wrap-inner-text header .subheader {
        font-size: 36px
    }
}

.storer-wrap-inner-text .desc {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 10px 0 0
}

.storer-wrap-inner-text .desc * {
    width: 100%
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .storer-wrap-inner {
        width: calc(308px + 115 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .storer-wrap-inner {
        width: 423px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .storer-wrap-inner {
        height: calc(288px + 106 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .storer-wrap-inner {
        height: 394px
    }
}

.storer-wrap .i-storer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    fill: #c3002d !important
}

summary {
    outline: none;
    cursor: pointer
}

summary::marker {
    display: none
}

.content-faq .content-text__wrap {
    padding-top: 0;
    padding-bottom: 0
}

html.ie summary:before {
    display: none
}

html.ie .storer-wrap-inner-text {
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: center
}

html.ie .storer-wrap-inner-text .desc {
    height: auto
}

.content-teaser {
    padding-top: 8px;
    padding-bottom: 8px
}

@media screen and (max-width: 991px) {
    .content-teaser {
        padding-left: 0;
        padding-right: 0
    }
}

.content-teaser__item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-top: 8px;
    margin-bottom: 8px
}

.content-teaser__item:before {
    content: "";
    padding-top: 100%
}

.content-teaser__item:hover .content-teaser__item-img img {
    transform: scale(1.1)
}

.content-teaser__item:hover .content-teaser__item-text {
    background-color: rgba(170, 5, 55, 0.85)
}

.content-teaser__item-img {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #808080
}

.content-teaser__item-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .4s cubic-bezier(.4, 0, .51, 1.07)
}

.content-teaser__item-text {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 30px;
    background-color: rgba(195, 0, 45, 0.85);
    transition: background-color .4s cubic-bezier(.4, 0, .51, 1.07)
}

@media screen and (min-width: 992px) {
    .content-teaser__item-text {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.content-teaser__item-text * {
    color: #fff
}

.content-teaser__item-text h2 {
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text h2 {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-teaser__item-text h2 {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text h2 {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-teaser__item-text h2 {
        font-size: 22px
    }
}

.content-teaser__item-text h2 .oyc-icon {
    fill: #fff;
    margin-right: 10px;
    width: 7px;
    height: 12px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text h2 .oyc-icon {
        margin-right: calc(10px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-teaser__item-text h2 .oyc-icon {
        margin-right: 13px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text h2 .oyc-icon {
        width: calc(7px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-teaser__item-text h2 .oyc-icon {
        width: 9px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text h2 .oyc-icon {
        height: calc(12px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-teaser__item-text h2 .oyc-icon {
        height: 14px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text {
        padding-top: calc(30px + 36 * ((100vw - 992px) / 928));
        padding-bottom: calc(30px + 36 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-teaser__item-text {
        padding-top: 66px;
        padding-bottom: 66px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser__item-text {
        padding-left: calc(30px + 20 * ((100vw - 992px) / 928));
        padding-right: calc(30px + 20 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-teaser__item-text {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (max-width: 991px) and (min-width: 540px) {
    .content-teaser .button-wrap {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media screen and (min-width: 768px) {
    .content-teaser article:nth-child(odd):last-child {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch
    }

    .content-teaser article:nth-child(odd):last-child .content-teaser__item:before {
        display: none
    }

    .content-teaser article:nth-child(odd):last-child .content-teaser__item:hover .content-teaser__item-text {
        background-color: #aa0537
    }
}

@media screen and (min-width: 768px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item-img {
        position: relative;
        flex-basis: 40%;
        max-width: 40%;
        height: auto
    }

    .content-teaser article:nth-child(odd):last-child .content-teaser__item-img img {
        position: absolute;
        transform: scale(1)
    }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item-img {
        flex-basis: 35%;
        max-width: 35%
    }
}

@media screen and (min-width: 768px) and (min-width: 1380px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item-img {
        flex-basis: 30%;
        max-width: 30%
    }
}

@media screen and (min-width: 768px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item-text {
        flex: 1 0 0%;
        padding-left: 60px;
        padding-right: 60px;
        background-color: #c3002d;
        padding-top: 88px;
        padding-bottom: 88px
    }

    .content-teaser article:nth-child(odd):last-child .content-teaser__item-text p {
        max-width: 642px
    }
}

@media screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1919px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item-text {
        padding-top: calc(88px + 50 * ((100vw - 992px) / 928));
        padding-bottom: calc(88px + 50 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 768px) and (min-width: 1920px) {
    .content-teaser article:nth-child(odd):last-child .content-teaser__item-text {
        padding-top: 138px;
        padding-bottom: 138px
    }
}

html.ie .content-teaser__item {
    overflow: hidden
}

html.ie .content-teaser__item:hover .content-teaser__item-img {
    transform: scale(1.1)
}

html.ie .content-teaser__item-img {
    transform: scale(1);
    transition: transform .4s cubic-bezier(.4, 0, .51, 1.07)
}

.content-contact {
    position: relative;
    padding-top: 50px;
    padding-bottom: 36px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-contact {
        padding-top: calc(50px + 35 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-contact {
        padding-top: 85px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-contact {
        padding-bottom: calc(36px + 49 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-contact {
        padding-bottom: 85px
    }
}

.content-contact h2 {
    margin-bottom: 29px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-contact h2 {
        margin-bottom: calc(29px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-contact h2 {
        margin-bottom: 33px
    }
}

.content-contact a {
    font-weight: bold
}

.content-contact__icon {
    color: #dcd5cf
}

.content-contact__icon .oyc-icon {
    display: block;
    fill: currentColor;
    margin: 41px auto 0;
    width: 169px;
    height: 178px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-contact__icon .oyc-icon {
        width: calc(169px + 149 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-contact__icon .oyc-icon {
        width: 318px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-contact__icon .oyc-icon {
        height: calc(178px + 156 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-contact__icon .oyc-icon {
        height: 334px
    }
}

@media screen and (min-width: 992px) {
    .content-contact__icon .oyc-icon {
        margin-top: 0
    }
}

.content-contact__img {
    position: relative;
    margin: 41px auto 0;
    max-width: 320px
}

@media screen and (min-width: 320px) and (max-width: 1919px) {
    .content-contact__img {
        max-width: calc(320px + 213 * ((100vw - 320px) / 1600))
    }
}

@media screen and (min-width: 1920px) {
    .content-contact__img {
        max-width: 533px
    }
}

@media screen and (min-width: 992px) {
    .content-contact__img {
        margin-top: 0;
        margin-right: 0
    }
}

.content-contact__img:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -54px;
    width: 83px;
    height: 37px;
    transform: matrix(-1, .07, -.07, -1, 0, 0);
    background-color: rgba(220, 213, 207, 0.65)
}

@media screen and (min-width: 992px) {
    .content-contact__img:before {
        width: 140px;
        height: 62px;
        top: -25px;
        margin-left: -85px
    }
}

.content-contact__img-wrap {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    outline: 7px solid #fff;
    background-color: #808080;
    transform: matrix(1, -.09, .09, 1, 0, 0)
}

.content-contact__img-wrap:before {
    content: "";
    padding-top: 70%
}

.content-contact__img-wrap img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%
}

html.ie .content-contact__img-wrap .content-text__picture.compat-object-fit {
    width: 100%
}

.content-slider {
    margin: 40px 0
}

@media screen and (max-width: 991px) {
    .content-slider {
        padding-left: 0;
        padding-right: 0
    }
}

.content-slider__item {
    opacity: 0;
    height: 100%;
    transition: opacity .45s cubic-bezier(.4, 0, .51, 1.07);
    padding-left: 6px;
    padding-right: 6px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-slider__item {
        padding-left: calc(6px + 2 * ((100vw - 992px) / 928));
        padding-right: calc(6px + 2 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-slider__item {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width: 991px) {
    .content-slider .slick-list {
        padding: 0 14px 0 0 !important
    }
}

.content-slider .one-slide .slick-list {
    padding: 0 !important
}

.content-slider .one-slide .slick-list .content-slider__item {
    padding: 0 !important
}

.content-slider .slick-slide .content-slider__item {
    opacity: 1
}

@media screen and (max-width: 991px) {
    .content-slider .slick-slide .content-slider__item {
        padding-right: 0
    }
}

@media screen and (max-width: 991px) {
    .content-slider .slick-slide.slick-active .content-slider__item {
        padding-left: 0;
        padding-right: 6px
    }
}

.content-slider .slick-dotted.slick-slider {
    padding-bottom: 0
}

.content-slider .slick-dots {
    bottom: 19px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-slider .slick-dots {
        bottom: calc(19px + 32 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-slider .slick-dots {
        bottom: 51px
    }
}

.content-slider .slick-dots li {
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-right: 6px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-slider .slick-dots li {
        width: calc(6px + 6 * ((100vw - 992px) / 928));
        height: calc(6px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-slider .slick-dots li {
        width: 12px;
        height: 12px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-slider .slick-dots li {
        margin-left: calc(6px + 6 * ((100vw - 992px) / 928));
        margin-right: calc(6px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-slider .slick-dots li {
        margin-left: 12px;
        margin-right: 12px
    }
}

.content-slider .slick-dots li button {
    opacity: .49;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    transition: opacity .4s cubic-bezier(.4, 0, .51, 1.07);
    width: 6px;
    height: 6px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-slider .slick-dots li button {
        width: calc(6px + 6 * ((100vw - 992px) / 928));
        height: calc(6px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-slider .slick-dots li button {
        width: 12px;
        height: 12px
    }
}

.content-slider .slick-dots li button:hover,
.content-slider .slick-dots li button:focus {
    opacity: 1
}

.content-slider .slick-dots li.slick-active button {
    opacity: 1
}

.content-slider .slick-prev {
    left: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    padding-right: 3px;
    background-color: rgba(255, 255, 255, 0.7)
}

.content-slider .slick-prev svg {
    display: block;
    width: 15px;
    height: 24px;
    margin: 0 auto;
    fill: #464646;
    transition: fill .45s cubic-bezier(.4, 0, .51, 1.07)
}

.content-slider .slick-prev.slick-disabled svg {
    fill: rgba(70, 70, 70, 0.5)
}

.content-slider .slick-next {
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    padding-left: 3px;
    background-color: rgba(255, 255, 255, 0.7)
}

.content-slider .slick-next svg {
    display: block;
    width: 15px;
    height: 24px;
    margin: 0 auto;
    fill: #464646;
    transition: fill .45s cubic-bezier(.4, 0, .51, 1.07)
}

.content-slider .slick-next.slick-disabled svg {
    fill: rgba(70, 70, 70, 0.5)
}

.logo-list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .logo-list {
        margin-top: calc(15px + 31 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .logo-list {
        margin-top: 46px
    }
}

.logo-list__item {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    padding: 10px
}

@media screen and (max-width: 539px) {
    .logo-list__item {
        width: 100%
    }

    .logo-list__item img {
        margin: 0 auto
    }
}

html:not(.ie) .content-slider__item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

html:not(.ie) .content-slider .slick-track {
    display: flex !important
}

html:not(.ie) .content-slider .slick-slide {
    height: inherit !important;
    object-fit: cover
}

html:not(.ie) .content-slider .slick-slide > div {
    width: 100%;
    height: 100%;
    object-fit: cover
}

html.ie .content-slider__item .compat-object-fit {
    display: block
}

html.ie .content-slider__item .compat-object-fit:before {
    content: '';
    display: block;
    padding-top: 35%
}

.content-video {
    margin-top: 16px;
    margin-bottom: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-video {
        margin-top: calc(16px + 74 * ((100vw - 992px) / 928));
        margin-bottom: calc(16px + 74 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-video {
        margin-top: 90px;
        margin-bottom: 90px
    }
}

@media screen and (max-width: 991px) {
    .content-video {
        padding-left: 0;
        padding-right: 0
    }
}

.content-video .video-embed {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    padding-top: 26px;
    padding-bottom: 26px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-video .video-embed {
        padding-top: calc(26px + 37 * ((100vw - 992px) / 928));
        padding-bottom: calc(26px + 37 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-video .video-embed {
        padding-top: 63px;
        padding-bottom: 63px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-video .video-embed {
        padding-left: calc(30px + 38 * ((100vw - 992px) / 928));
        padding-right: calc(30px + 38 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-video .video-embed {
        padding-left: 68px;
        padding-right: 68px
    }
}

.content-video .video-embed:before {
    content: '';
    display: block;
    padding-top: 50%
}

.content-video .video-embed:hover .video-embed-picture:after {
    background-color: rgba(0, 0, 0, 0.2)
}

.content-video .video-embed.play .video-embed-picture {
    opacity: 0
}

.content-video .video-embed.play .video-embed-button {
    opacity: 0
}

.content-video .video-embed.play h2 {
    opacity: 0
}

.content-video .video-embed.play .iframe {
    z-index: 2
}

.content-video .video-embed-picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity .4s cubic-bezier(.4, 0, .51, 1.07)
}

.content-video .video-embed-picture:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.37);
    transition: background-color .4s cubic-bezier(.4, 0, .51, 1.07)
}

.content-video .video-embed-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content-video .video-embed h2 {
    position: relative;
    margin: 0;
    opacity: 1;
    z-index: 1;
    color: #fff;
    transition: opacity .4s cubic-bezier(.4, 0, .51, 1.07);
    line-height: 20px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-video .video-embed h2 {
        line-height: calc(20px + 25 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-video .video-embed h2 {
        line-height: 45px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-video .video-embed h2 {
        font-size: calc(16px + 20 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-video .video-embed h2 {
        font-size: 36px
    }
}

.content-video .video-embed-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 2;
    opacity: 1;
    cursor: pointer;
    transition: opacity .4s cubic-bezier(.4, 0, .51, 1.07)
}

.content-video .video-embed-button .oyc-icon {
    display: block;
    fill: #fff;
    width: 43px;
    height: 43px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-video .video-embed-button .oyc-icon {
        width: calc(43px + 106 * ((100vw - 992px) / 928));
        height: calc(43px + 106 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-video .video-embed-button .oyc-icon {
        width: 149px;
        height: 149px
    }
}

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

.content-testimonial {
    position: relative;
    padding-top: 54px
}

@media screen and (min-width: 992px) {
    .content-testimonial {
        padding-top: 0
    }
}

.content-testimonial h2 {
    color: #464646;
    margin-bottom: 0
}

@media screen and (min-width: 992px) {
    .content-testimonial h2 {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-testimonial h2 {
        margin-bottom: calc(22px + 24 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-testimonial h2 {
        margin-bottom: 46px
    }
}

.content-testimonial [class*="grid-"] {
    padding-top: 54px;
    padding-bottom: 54px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-testimonial [class*="grid-"] {
        padding-top: calc(54px + 96 * ((100vw - 992px) / 928));
        padding-bottom: calc(54px + 96 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-testimonial [class*="grid-"] {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media screen and (min-width: 992px) {
    .content-testimonial [class*="grid-"] {
        flex-flow: row-reverse wrap
    }
}

.content-testimonial [class*="grid-"] + [class*="grid-"] {
    position: relative
}

.content-testimonial [class*="grid-"] + [class*="grid-"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    height: 2px;
    width: calc(100% - 16px);
    background-color: #b2b2b2
}

@media screen and (min-width: 992px) {
    .content-testimonial__text {
        padding-right: 0
    }
}

.content-testimonial__text .oyc-icon {
    width: 23px;
    height: 33px;
    fill: currentColor;
    display: inline-block;
    vertical-align: bottom
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-testimonial__text {
        padding-right: calc(0px + 128 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-testimonial__text {
        padding-right: 128px
    }
}

.content-testimonial__desc p:first-child {
    position: relative;
    text-indent: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-testimonial__desc p:first-child {
        text-indent: calc(22px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-testimonial__desc p:first-child {
        text-indent: 30px
    }
}

.content-testimonial__desc p:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("") no-repeat center;
    background-size: contain;
    width: 22px;
    height: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-testimonial__desc p:first-child:before {
        width: calc(22px + 8 * ((100vw - 992px) / 928));
        height: calc(22px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-testimonial__desc p:first-child:before {
        width: 30px;
        height: 30px
    }
}

.content-testimonial__img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 44px;
    max-width: 320px
}

@media screen and (min-width: 320px) and (max-width: 1919px) {
    .content-testimonial__img {
        max-width: calc(320px + 370 * ((100vw - 320px) / 1600))
    }
}

@media screen and (min-width: 1920px) {
    .content-testimonial__img {
        max-width: 690px
    }
}

@media screen and (min-width: 992px) {
    .content-testimonial__img {
        padding: 0 17px;
        margin-bottom: 0
    }
}

.content-testimonial__img:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -54px;
    width: 83px;
    height: 37px;
    transform: matrix(-1, -.07, .07, -1, 0, 0);
    background-color: rgba(220, 213, 207, 0.65)
}

@media screen and (min-width: 992px) {
    .content-testimonial__img:before {
        width: 140px;
        height: 62px;
        top: -25px;
        margin-left: -45px
    }
}

.content-testimonial__img-wrap {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    outline: 7px solid #fff;
    background-color: #808080;
    transform: matrix(1, .09, -.09, 1, 0, 0)
}

.content-testimonial__img-wrap:before {
    content: "";
    padding-top: 70%
}

.content-testimonial__img-wrap img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 992px) {
    .content-testimonial .text-right {
        flex-flow: row wrap
    }

    .content-testimonial .text-right .content-testimonial__text {
        padding-right: 0;
        padding-left: 0
    }
}

.content-testimonial .text-right .content-testimonial__img:before {
    margin-left: -35px;
    transform: matrix(1, -.07, .07, 1, 0, 0)
}

@media screen and (min-width: 992px) {
    .content-testimonial .text-right .content-testimonial__img:before {
        margin-left: -85px
    }
}

.content-testimonial .text-right .content-testimonial__img-wrap {
    transform: matrix(1, -.09, .09, 1, 0, 0)
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .content-testimonial .text-right .content-testimonial__text {
        padding-left: calc(0px + 128 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .content-testimonial .text-right .content-testimonial__text {
        padding-left: 128px
    }
}

.content-icon-list {
    padding-bottom: 69px;
    padding-top: 50px
}

@media screen and (min-width: 320px) and (max-width: 1919px) {
    .content-icon-list {
        padding-top: calc(50px + 57 * ((100vw - 320px) / 1600))
    }
}

@media screen and (min-width: 1920px) {
    .content-icon-list {
        padding-top: 107px
    }
}

.content-icon-list h2 {
    margin-bottom: 25px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-icon-list h2 {
        margin-bottom: calc(25px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-icon-list h2 {
        margin-bottom: 36px
    }
}

.icon-list {
    position: relative;
    list-style: none;
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .icon-list {
        margin-left: calc(-10px + -60 * ((100vw - 992px) / 928));
        margin-right: calc(-10px + -60 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .icon-list {
        margin-left: -70px;
        margin-right: -70px
    }
}

.icon-list__item {
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .icon-list__item {
        padding-top: calc(25px + 11 * ((100vw - 992px) / 928));
        padding-bottom: calc(25px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .icon-list__item {
        padding-top: 36px;
        padding-bottom: 36px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .icon-list__item {
        padding-left: calc(10px + 60 * ((100vw - 992px) / 928));
        padding-right: calc(10px + 60 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .icon-list__item {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media screen and (min-width: 992px) {
    .icon-list__item {
        flex-basis: 50%;
        max-width: 50%;
        display: flex;
        align-items: center;
        flex-flow: row wrap
    }
}

.icon-list__item.blow1:before,
.icon-list__item.blow2:before {
    content: '';
    position: absolute;
    top: 5%;
    left: 50%;
    width: 220px;
    height: 220px;
    transform: translateX(-50%)
}

@media screen and (min-width: 992px) {
    .icon-list__item.blow1:before,
    .icon-list__item.blow2:before {
        top: 60%;
        width: 174px;
        height: 174px;
        transform: translateY(-50%);
        left: -15px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .icon-list__item.blow1:before,
    .icon-list__item.blow2:before {
        left: calc(-15px + 62 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .icon-list__item.blow1:before,
    .icon-list__item.blow2:before {
        left: 47px
    }
}

.icon-list__item.blow1:before {
    background: transparent url("https://bewerben.rossmann.de/assets/bms_extern/jobad/i-blow1.svg") no-repeat center/contain
}

.icon-list__item.blow2:before {
    background: transparent url("https://bewerben.rossmann.de/assets/bms_extern/jobad/i-blow2.svg") no-repeat center/contain
}

.icon-list__item-icon {
    position: relative;
    z-index: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    margin-bottom: 14px
}

@media screen and (min-width: 992px) {
    .icon-list__item-icon {
        margin: 0 34px 0 0
    }
}

.icon-list__item-icon svg,
.icon-list__item-icon .svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.icon-list__item-icon svg path {
    fill: #000 !important
}

.icon-list__item-text {
    position: relative;
    display: block;
    z-index: 1;
    text-align: center
}

@media screen and (min-width: 992px) {
    .icon-list__item-text {
        flex: 1 0 0%;
        text-align: left
    }
}

.icon-list__item-text p:first-child {
    margin-bottom: 10px
}

.counter .icon-list {
    counter-reset: awesome-counter
}

.counter .icon-list__item {
    counter-increment: awesome-counter
}

@media screen and (min-width: 992px) {
    .counter .icon-list__item {
        flex-basis: 100%;
        max-width: 100%;
        padding-top: 36px;
        padding-bottom: 36px
    }
}

@media screen and (min-width: 992px) {
    .counter .icon-list__item-icon {
        width: 112px;
        height: 112px;
        margin-left: 60px;
        margin-right: 60px
    }
}

.counter .icon-list__item-icon:before {
    content: counter(awesome-counter) ". ";
    z-index: 1;
    position: absolute;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Organika Script', 'RossmannSans', 'Arial', sans-serif;
    background: transparent url("") no-repeat center/contain;
    line-height: 40px;
    font-size: 34px;
    width: 43px;
    height: 43px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item-icon:before {
        line-height: calc(40px + 26 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .counter .icon-list__item-icon:before {
        line-height: 66px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item-icon:before {
        font-size: calc(34px + 25 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .counter .icon-list__item-icon:before {
        font-size: 59px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item-icon:before {
        width: calc(43px + 33 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .counter .icon-list__item-icon:before {
        width: 76px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item-icon:before {
        height: calc(43px + 26 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .counter .icon-list__item-icon:before {
        height: 69px
    }
}

@media screen and (max-width: 991px) {
    .counter .icon-list__item-icon:before {
        right: 120%
    }
}

@media screen and (min-width: 992px) {
    .counter .icon-list__item-icon:before {
        right: 110%;
        top: -30px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item-icon {
        margin-left: calc(60px + 60 * ((100vw - 992px) / 928));
        margin-right: calc(60px + 60 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .counter .icon-list__item-icon {
        margin-left: 120px;
        margin-right: 120px
    }
}

.counter .icon-list__item.blow1:before,
.counter .icon-list__item.blow2:before {
    top: -20px
}

@media screen and (min-width: 992px) {
    .counter .icon-list__item.blow1:before,
    .counter .icon-list__item.blow2:before {
        top: 50%;
        width: 250px;
        height: 250px;
        left: -10px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item.blow1:before,
    .counter .icon-list__item.blow2:before {
        left: calc(-10px + 130 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .counter .icon-list__item.blow1:before,
    .counter .icon-list__item.blow2:before {
        left: 120px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .counter .icon-list__item {
        padding-top: calc(36px + 20 * ((100vw - 992px) / 928));
        padding-bottom: calc(36px + 20 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .counter .icon-list__item {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

@media screen and (min-width: 992px) {
    .numbers {
        margin-top: 68px
    }
}

.numbers .icon-list__item {
    padding-top: 22px;
    padding-bottom: 22px
}

@media screen and (max-width: 991px) {
    .numbers .icon-list__item {
        min-height: 210px
    }

    .numbers .icon-list__item:last-child {
        padding-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .numbers .icon-list__item {
        display: flex;
        flex-flow: column;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        padding-top: 56px;
        padding-bottom: 40px
    }
}

.numbers .icon-list__item .blow {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 177px;
    height: 165px;
    transform: translateX(-50%)
}

@media screen and (min-width: 992px) {
    .numbers .icon-list__item .blow {
        top: 0
    }
}

.numbers .icon-list__item .blow svg {
    width: 100%;
    height: 100%;
    fill: #dcd5cf !important
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .numbers .icon-list__item .blow {
        width: calc(201px + 80 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .numbers .icon-list__item .blow {
        width: 281px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .numbers .icon-list__item .blow {
        height: calc(185px + 77 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .numbers .icon-list__item .blow {
        height: 262px
    }
}

.numbers .icon-list__item-num {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-family: 'Organika Script', 'RossmannSans', 'Arial', sans-serif;
    line-height: 94px;
    font-size: 94px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .numbers .icon-list__item-num {
        line-height: calc(94px + 56 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .numbers .icon-list__item-num {
        line-height: 150px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .numbers .icon-list__item-num {
        font-size: calc(94px + 56 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .numbers .icon-list__item-num {
        font-size: 150px
    }
}

@media screen and (min-width: 992px) {
    .numbers .icon-list__item-text {
        text-align: center
    }
}

.single-row .icon-list__item {
    flex-basis: 100%;
    max-width: 100%
}

.double-column {
    display: flex;
    flex-flow: row wrap
}

.double-column .icon-list-wrap,
.double-column .icon-text-wrap {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .double-column .icon-list-wrap,
    .double-column .icon-text-wrap {
        flex-basis: 50%;
        max-width: 50%
    }
}

.double-column .icon-list-wrap .icon-list__item,
.double-column .icon-text-wrap .icon-list__item {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .double-column .icon-list-wrap {
        padding-right: 35px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .double-column .icon-list-wrap {
        padding-right: calc(35px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .double-column .icon-list-wrap {
        padding-right: 75px
    }
}

@media screen and (min-width: 992px) {
    .double-column .icon-text-wrap {
        padding-left: 35px
    }

    .double-column .icon-text-wrap h2 {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .double-column .icon-text-wrap {
        padding-left: calc(35px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .double-column .icon-text-wrap {
        padding-left: 75px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .double-column .icon-text-wrap h2 {
        margin-bottom: calc(50px + 22 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .double-column .icon-text-wrap h2 {
        margin-bottom: 72px
    }
}

html.ie .numbers .icon-list__item {
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: center
}

html.ie .numbers .icon-list__item-text {
    flex: 1 0 100%;
    -ms-flex: 1 0 100%
}

.content-tab {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin-top: 32px
}

@media screen and (max-width: 991px) {
    .content-tab {
        margin-left: -30px;
        margin-right: -30px
    }
}

.content-tab-nav {
    position: relative;
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (min-width: 992px) {
    .content-tab-nav {
        flex-basis: 40%;
        max-width: 40%
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item.active .content-tab-nav__item-thumb {
        color: #464646 !important;
        border-top: transparent;
        background-color: #f7f5f2 !important
    }

    .content-tab-nav__item.active .content-tab-nav__item-thumb p {
        color: #464646 !important
    }

    .content-tab-nav__item.active .content-tab-nav__item-thumb svg {
        fill: #f7f5f2 !important
    }
}

@media screen and (max-width: 991px) {
    .content-tab-nav__item[open] .content-tab-nav__item-thumb svg {
        transform: rotate(-180deg)
    }
}

@media screen and (max-width: 991px) {
    .content-tab-nav__item[open] .content-tab-nav__item-content {
        display: block
    }
}

.content-tab-nav__item + .content-tab-nav__item .content-tab-nav__item-thumb {
    border-top: 1px solid #c7cdd3
}

.content-tab-nav__item-thumb {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #fff !important;
    background-color: #c3002d !important;
    transition: color .4s ease-in-out, background-color .4s ease-in-out;
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .content-tab-nav__item-thumb {
        padding-top: calc(16px + 1 * ((100vw - 992px) / 0))
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb {
        padding-top: 17px
    }
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .content-tab-nav__item-thumb {
        padding-bottom: calc(15px + 3 * ((100vw - 992px) / 0))
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb {
        padding-bottom: 18px
    }
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .content-tab-nav__item-thumb {
        padding-left: calc(30px + -5 * ((100vw - 992px) / 0));
        padding-right: calc(30px + -5 * ((100vw - 992px) / 0))
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb {
        align-items: center
    }
}

.content-tab-nav__item-thumb p {
    color: #fff !important;
    margin-bottom: 0;
    flex: 1 0 0%
}

.content-tab-nav__item-thumb svg {
    fill: currentColor;
    transition: fill .38s cubic-bezier(.4, 0, .51, 1.07), transform .4s cubic-bezier(.4, 0, .51, 1.07);
    flex-basis: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .content-tab-nav__item-thumb svg {
        flex-basis: calc(24px + 20 * ((100vw - 992px) / 0));
        max-width: calc(24px + 20 * ((100vw - 992px) / 0))
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb svg {
        flex-basis: 44px;
        max-width: 44px
    }
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .content-tab-nav__item-thumb svg {
        width: calc(24px + 20 * ((100vw - 992px) / 0));
        height: calc(24px + 20 * ((100vw - 992px) / 0))
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb svg {
        width: 44px;
        height: 44px
    }
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-thumb svg {
        transform: rotate(-90deg)
    }
}

.content-tab-nav__item-content {
    display: none;
    padding: 30px;
    background-color: #f7f5f2 !important
}

@media screen and (min-width: 992px) {
    .content-tab-nav__item-content {
        display: none !important
    }
}

.content-tab-nav__item-content p {
    color: #464646 !important
}

.content-tab-content {
    display: none
}

@media screen and (min-width: 992px) {
    .content-tab-content {
        display: block;
        flex-basis: 60%;
        max-width: 60%;
        background-color: #f7f5f2
    }
}

.content-tab-content * {
    color: #000 !important
}

.content-tab-content__item {
    display: none
}

.content-tab-content__item.active {
    display: block;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-content__item.active {
        padding-top: calc(30px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-content__item.active {
        padding-top: 37px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-content__item.active {
        padding-bottom: calc(30px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-content__item.active {
        padding-bottom: 44px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-content__item.active {
        padding-left: calc(30px + 12 * ((100vw - 992px) / 928));
        padding-right: calc(30px + 12 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-content__item.active {
        padding-left: 42px;
        padding-right: 42px
    }
}

.content-tab-select {
    position: relative
}

.content-tab-select .ui.dropdown {
    outline: none;
    border-radius: 7px;
    padding: 12px 36px 12px 16px;
    border: 1px solid #c7cdd3 !important
}

.content-tab-select .ui.dropdown > .text {
    color: #464646 !important;
    line-height: 20px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select .ui.dropdown > .text {
        line-height: calc(20px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select .ui.dropdown > .text {
        line-height: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select .ui.dropdown > .text {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select .ui.dropdown > .text {
        font-size: 22px
    }
}

.content-tab-select .ui.dropdown > .dropdown.icon {
    position: absolute;
    top: 50%;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    font-size: 7px;
    right: 10px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select .ui.dropdown > .dropdown.icon {
        font-size: calc(7px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select .ui.dropdown > .dropdown.icon {
        font-size: 12px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select .ui.dropdown > .dropdown.icon {
        right: calc(10px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select .ui.dropdown > .dropdown.icon {
        right: 20px
    }
}

.content-tab-select .ui.dropdown .menu {
    border-radius: 7px;
    margin: 9px 0 0;
    min-width: 100%;
    width: 100%;
    box-shadow: none !important;
    border: 1px solid #c7cdd3 !important
}

@media screen and (min-width: 992px) {
    .content-tab-select .ui.dropdown .menu {
        border-width: 2px !important
    }
}

.content-tab-select .ui.dropdown .menu .item {
    border-top: none;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select .ui.dropdown .menu .item {
        padding-left: calc(16px + 9 * ((100vw - 992px) / 928));
        padding-right: calc(16px + 9 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select .ui.dropdown .menu .item {
        padding-left: 25px;
        padding-right: 25px
    }
}

.content-tab-select .ui.dropdown .menu .item + .item {
    border-top: 1px solid #c7cdd3
}

.content-tab-select .ui.dropdown.upward > .menu {
    margin: 0 0 9px;
    border: 1px solid #c7cdd3 !important
}

@media screen and (min-width: 992px) {
    .content-tab-select .ui.dropdown.upward > .menu {
        border-width: 2px !important
    }
}

.content-tab-select-content {
    position: relative
}

.content-tab-select-content__item {
    display: none
}

.content-tab-select-content__item.active {
    display: block;
    padding-top: 30px;
    padding-bottom: 31px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select-content__item.active {
        padding-top: calc(30px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select-content__item.active {
        padding-top: 44px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-tab-select-content__item.active {
        padding-bottom: calc(31px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-tab-select-content__item.active {
        padding-bottom: 42px
    }
}

html.ie .content-tab-select .ui.dropdown {
    padding-top: 18px
}

.content-blasen {
    margin-top: 81px;
    margin-bottom: 71px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-blasen {
        margin-top: calc(81px + 38 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-blasen {
        margin-top: 119px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-blasen {
        margin-bottom: calc(71px + 41 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-blasen {
        margin-bottom: 112px
    }
}

.content-blasen-wrap {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(3, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 22px;
    margin: 35px -10px 0
}

@media screen and (min-width: 360px) {
    .content-blasen-wrap {
        margin: 37px 0 0
    }
}

@media screen and (min-width: 768px) {
    .content-blasen-wrap {
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows:repeat(2, 1fr);
        grid-column-gap: 16px
    }
}

@media screen and (min-width: 992px) {
    .content-blasen-wrap {
        grid-template-columns:repeat(3, 1fr);
        grid-template-rows:1fr;
        grid-column-gap: 16px;
        grid-row-gap: 0
    }
}

.content-blasen-wrap.b-intensivrot .content-blasen__item:nth-child(1) svg {
    fill: #c3002d !important
}

.content-blasen-wrap.b-intensivrot .content-blasen__item:nth-child(2) svg {
    fill: #dca59c !important
}

.content-blasen-wrap.b-intensivrot .content-blasen__item:nth-child(3) svg {
    fill: #db504f !important
}

.content-blasen-wrap.b-creme50 .content-blasen__item:nth-child(1) svg {
    fill: #dcd5cf !important
}

.content-blasen-wrap.b-creme50 .content-blasen__item:nth-child(2) svg {
    fill: #f7f5f2 !important
}

.content-blasen-wrap.b-creme50 .content-blasen__item:nth-child(3) svg {
    fill: #f0eae4 !important
}

.content-blasen-wrap.b-creme50 .content-blasen__item-inner p {
    color: #464646
}

.content-blasen-wrap.b-rose50 .content-blasen__item:nth-child(1) svg {
    fill: #dca59c !important
}

.content-blasen-wrap.b-rose50 .content-blasen__item:nth-child(2) svg {
    fill: #f4e4e1 !important
}

.content-blasen-wrap.b-rose50 .content-blasen__item:nth-child(3) svg {
    fill: #edd2cd !important
}

.content-blasen-wrap.b-rose50 .content-blasen__item-inner p {
    color: #464646
}

.content-blasen-wrap.b-blaugrau125 .content-blasen__item:nth-child(1) svg {
    fill: #043348 !important
}

.content-blasen-wrap.b-blaugrau125 .content-blasen__item:nth-child(2) svg {
    fill: #979dac !important
}

.content-blasen-wrap.b-blaugrau125 .content-blasen__item:nth-child(3) svg {
    fill: #4e5b73 !important
}

.content-blasen-wrap.b-blaugrau80 .content-blasen__item:nth-child(1) svg {
    fill: #00394b !important
}

.content-blasen-wrap.b-blaugrau80 .content-blasen__item:nth-child(2) svg {
    fill: #bfcdd2 !important
}

.content-blasen-wrap.b-blaugrau80 .content-blasen__item:nth-child(2) .content-blasen__item-inner p {
    color: #464646
}

.content-blasen-wrap.b-blaugrau80 .content-blasen__item:nth-child(3) svg {
    fill: #7f9ba4 !important
}

.content-blasen-wrap.b-turkis .content-blasen__item:nth-child(1) svg {
    fill: #a0cfc6 !important
}

.content-blasen-wrap.b-turkis .content-blasen__item:nth-child(2) svg {
    fill: #e2f0ee !important
}

.content-blasen-wrap.b-turkis .content-blasen__item:nth-child(3) svg {
    fill: #cfe7e3 !important
}

.content-blasen-wrap.b-turkis .content-blasen__item-inner p {
    color: #464646
}

.content-blasen-wrap.b-grun .content-blasen__item:nth-child(1) svg {
    fill: #005245 !important
}

.content-blasen-wrap.b-grun .content-blasen__item:nth-child(2) svg {
    fill: #5fad90 !important
}

.content-blasen-wrap.b-grun .content-blasen__item:nth-child(3) svg {
    fill: #2a8065 !important
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .content-blasen-wrap {
        grid-row-gap: calc(32px + 32 * ((100vw - 768px) / 224))
    }
}

.content-blasen__item {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 390px;
    width: 100%;
    margin: 0 auto;
    padding: 20px
}

@media screen and (min-width: 360px) {
    .content-blasen__item {
        padding: 40px
    }
}

@media screen and (min-width: 992px) {
    .content-blasen__item {
        padding: 50px
    }
}

.content-blasen__item:nth-child(1) {
    grid-area: 1/1/2/2
}

@media screen and (min-width: 768px) {
    .content-blasen__item:nth-child(1) {
        grid-area: 1/1/2/2
    }
}

@media screen and (min-width: 992px) {
    .content-blasen__item:nth-child(1) {
        grid-area: 1/1/2/2
    }
}

.content-blasen__item:nth-child(2) {
    grid-area: 2/1/3/2
}

@media screen and (min-width: 768px) {
    .content-blasen__item:nth-child(2) {
        grid-area: 2/1/3/2
    }
}

@media screen and (min-width: 992px) {
    .content-blasen__item:nth-child(2) {
        grid-area: 1/2/2/3
    }
}

.content-blasen__item:nth-child(3) {
    grid-area: 3/1/4/2
}

@media screen and (min-width: 768px) {
    .content-blasen__item:nth-child(3) {
        grid-area: 1/2/3/3
    }
}

@media screen and (min-width: 992px) {
    .content-blasen__item:nth-child(3) {
        grid-area: 1/3/2/4
    }
}

.content-blasen__item:nth-child(1) svg {
    fill: #c3002d !important
}

.content-blasen__item:nth-child(2) svg {
    fill: #dca59c !important
}

.content-blasen__item:nth-child(3) svg {
    fill: #db504f !important
}

.content-blasen__item svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.content-blasen__item-inner {
    position: relative;
    display: flex;
    align-items: center;
    height: 168px;
    width: 100%
}

.content-blasen__item-inner p {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 19px;
    font-size: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-blasen__item-inner p {
        line-height: calc(19px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-blasen__item-inner p {
        line-height: 26px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-blasen__item-inner p {
        font-size: calc(15px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-blasen__item-inner p {
        font-size: 20px
    }
}

html.ie .content-blasen-wrap {
    display: flex;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

/*
.content-progress {
    margin-top: 90px;
    margin-bottom: 116px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-progress {
        margin-top: calc(90px + 42 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-progress {
        margin-top: 132px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-progress {
        margin-bottom: calc(116px + 23 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-progress {
        margin-bottom: 139px
    }
}

.progressbar {
    margin-top: 37px;
    margin-bottom: 37px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .progressbar {
        margin-top: calc(37px + 78 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .progressbar {
        margin-top: 115px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .progressbar {
        margin-bottom: calc(37px + 31 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .progressbar {
        margin-bottom: 68px
    }
}

.progressbar__item {
    display: grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0
}

@media screen and (min-width: 992px) {
    .progressbar__item {
        grid-template-columns:auto 1fr;
        grid-template-rows:repeat(2, auto);
        grid-column-gap: 60px
    }
}

.progressbar__item + .progressbar__item {
    margin-top: 51px
}

.progressbar__item .bar {
    grid-area: 1/1/2/3;
    position: relative;
    height: 8px;
    width: 100%;
    margin-bottom: 15px;
    background-color: #eceaea
}

@media screen and (min-width: 992px) {
    .progressbar__item .bar {
        grid-area: 1/2/2/3;
        height: 19px;
        margin-top: 12px;
        margin-bottom: 0
    }
}

.progressbar__item .bar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #c3002d;
    transition: width 2s ease-in-out
}

.progressbar__item .bar.start[data-perc="1"]:after {
    width: 1%
}

.progressbar__item .bar.start[data-perc="2"]:after {
    width: 2%
}

.progressbar__item .bar.start[data-perc="3"]:after {
    width: 3%
}

.progressbar__item .bar.start[data-perc="4"]:after {
    width: 4%
}

.progressbar__item .bar.start[data-perc="5"]:after {
    width: 5%
}

.progressbar__item .bar.start[data-perc="6"]:after {
    width: 6%
}

.progressbar__item .bar.start[data-perc="7"]:after {
    width: 7%
}

.progressbar__item .bar.start[data-perc="8"]:after {
    width: 8%
}

.progressbar__item .bar.start[data-perc="9"]:after {
    width: 9%
}

.progressbar__item .bar.start[data-perc="10"]:after {
    width: 10%
}

.progressbar__item .bar.start[data-perc="11"]:after {
    width: 11%
}

.progressbar__item .bar.start[data-perc="12"]:after {
    width: 12%
}

.progressbar__item .bar.start[data-perc="13"]:after {
    width: 13%
}

.progressbar__item .bar.start[data-perc="14"]:after {
    width: 14%
}

.progressbar__item .bar.start[data-perc="15"]:after {
    width: 15%
}

.progressbar__item .bar.start[data-perc="16"]:after {
    width: 16%
}

.progressbar__item .bar.start[data-perc="17"]:after {
    width: 17%
}

.progressbar__item .bar.start[data-perc="18"]:after {
    width: 18%
}

.progressbar__item .bar.start[data-perc="19"]:after {
    width: 19%
}

.progressbar__item .bar.start[data-perc="20"]:after {
    width: 20%
}

.progressbar__item .bar.start[data-perc="21"]:after {
    width: 21%
}

.progressbar__item .bar.start[data-perc="22"]:after {
    width: 22%
}

.progressbar__item .bar.start[data-perc="23"]:after {
    width: 23%
}

.progressbar__item .bar.start[data-perc="24"]:after {
    width: 24%
}

.progressbar__item .bar.start[data-perc="25"]:after {
    width: 25%
}

.progressbar__item .bar.start[data-perc="26"]:after {
    width: 26%
}

.progressbar__item .bar.start[data-perc="27"]:after {
    width: 27%
}

.progressbar__item .bar.start[data-perc="28"]:after {
    width: 28%
}

.progressbar__item .bar.start[data-perc="29"]:after {
    width: 29%
}

.progressbar__item .bar.start[data-perc="30"]:after {
    width: 30%
}

.progressbar__item .bar.start[data-perc="31"]:after {
    width: 31%
}

.progressbar__item .bar.start[data-perc="32"]:after {
    width: 32%
}

.progressbar__item .bar.start[data-perc="33"]:after {
    width: 33%
}

.progressbar__item .bar.start[data-perc="34"]:after {
    width: 34%
}

.progressbar__item .bar.start[data-perc="35"]:after {
    width: 35%
}

.progressbar__item .bar.start[data-perc="36"]:after {
    width: 36%
}

.progressbar__item .bar.start[data-perc="37"]:after {
    width: 37%
}

.progressbar__item .bar.start[data-perc="38"]:after {
    width: 38%
}

.progressbar__item .bar.start[data-perc="39"]:after {
    width: 39%
}

.progressbar__item .bar.start[data-perc="40"]:after {
    width: 40%
}

.progressbar__item .bar.start[data-perc="41"]:after {
    width: 41%
}

.progressbar__item .bar.start[data-perc="42"]:after {
    width: 42%
}

.progressbar__item .bar.start[data-perc="43"]:after {
    width: 43%
}

.progressbar__item .bar.start[data-perc="44"]:after {
    width: 44%
}

.progressbar__item .bar.start[data-perc="45"]:after {
    width: 45%
}

.progressbar__item .bar.start[data-perc="46"]:after {
    width: 46%
}

.progressbar__item .bar.start[data-perc="47"]:after {
    width: 47%
}

.progressbar__item .bar.start[data-perc="48"]:after {
    width: 48%
}

.progressbar__item .bar.start[data-perc="49"]:after {
    width: 49%
}

.progressbar__item .bar.start[data-perc="50"]:after {
    width: 50%
}

.progressbar__item .bar.start[data-perc="51"]:after {
    width: 51%
}

.progressbar__item .bar.start[data-perc="52"]:after {
    width: 52%
}

.progressbar__item .bar.start[data-perc="53"]:after {
    width: 53%
}

.progressbar__item .bar.start[data-perc="54"]:after {
    width: 54%
}

.progressbar__item .bar.start[data-perc="55"]:after {
    width: 55%
}

.progressbar__item .bar.start[data-perc="56"]:after {
    width: 56%
}

.progressbar__item .bar.start[data-perc="57"]:after {
    width: 57%
}

.progressbar__item .bar.start[data-perc="58"]:after {
    width: 58%
}

.progressbar__item .bar.start[data-perc="59"]:after {
    width: 59%
}

.progressbar__item .bar.start[data-perc="60"]:after {
    width: 60%
}

.progressbar__item .bar.start[data-perc="61"]:after {
    width: 61%
}

.progressbar__item .bar.start[data-perc="62"]:after {
    width: 62%
}

.progressbar__item .bar.start[data-perc="63"]:after {
    width: 63%
}

.progressbar__item .bar.start[data-perc="64"]:after {
    width: 64%
}

.progressbar__item .bar.start[data-perc="65"]:after {
    width: 65%
}

.progressbar__item .bar.start[data-perc="66"]:after {
    width: 66%
}

.progressbar__item .bar.start[data-perc="67"]:after {
    width: 67%
}

.progressbar__item .bar.start[data-perc="68"]:after {
    width: 68%
}

.progressbar__item .bar.start[data-perc="69"]:after {
    width: 69%
}

.progressbar__item .bar.start[data-perc="70"]:after {
    width: 70%
}

.progressbar__item .bar.start[data-perc="71"]:after {
    width: 71%
}

.progressbar__item .bar.start[data-perc="72"]:after {
    width: 72%
}

.progressbar__item .bar.start[data-perc="73"]:after {
    width: 73%
}

.progressbar__item .bar.start[data-perc="74"]:after {
    width: 74%
}

.progressbar__item .bar.start[data-perc="75"]:after {
    width: 75%
}

.progressbar__item .bar.start[data-perc="76"]:after {
    width: 76%
}

.progressbar__item .bar.start[data-perc="77"]:after {
    width: 77%
}

.progressbar__item .bar.start[data-perc="78"]:after {
    width: 78%
}

.progressbar__item .bar.start[data-perc="79"]:after {
    width: 79%
}

.progressbar__item .bar.start[data-perc="80"]:after {
    width: 80%
}

.progressbar__item .bar.start[data-perc="81"]:after {
    width: 81%
}

.progressbar__item .bar.start[data-perc="82"]:after {
    width: 82%
}

.progressbar__item .bar.start[data-perc="83"]:after {
    width: 83%
}

.progressbar__item .bar.start[data-perc="84"]:after {
    width: 84%
}

.progressbar__item .bar.start[data-perc="85"]:after {
    width: 85%
}

.progressbar__item .bar.start[data-perc="86"]:after {
    width: 86%
}

.progressbar__item .bar.start[data-perc="87"]:after {
    width: 87%
}

.progressbar__item .bar.start[data-perc="88"]:after {
    width: 88%
}

.progressbar__item .bar.start[data-perc="89"]:after {
    width: 89%
}

.progressbar__item .bar.start[data-perc="90"]:after {
    width: 90%
}

.progressbar__item .bar.start[data-perc="91"]:after {
    width: 91%
}

.progressbar__item .bar.start[data-perc="92"]:after {
    width: 92%
}

.progressbar__item .bar.start[data-perc="93"]:after {
    width: 93%
}

.progressbar__item .bar.start[data-perc="94"]:after {
    width: 94%
}

.progressbar__item .bar.start[data-perc="95"]:after {
    width: 95%
}

.progressbar__item .bar.start[data-perc="96"]:after {
    width: 96%
}

.progressbar__item .bar.start[data-perc="97"]:after {
    width: 97%
}

.progressbar__item .bar.start[data-perc="98"]:after {
    width: 98%
}

.progressbar__item .bar.start[data-perc="99"]:after {
    width: 99%
}

.progressbar__item .bar.start[data-perc="100"]:after {
    width: 100%
}

.progressbar__item .num {
    grid-area: 2/1/3/2;
    display: flex;
    align-items: center;
    min-width: 94px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    color: #c3002d
}

@media screen and (min-width: 992px) {
    .progressbar__item .num {
        grid-area: 1/1/3/2;
        min-width: 208px;
        font-size: 75px;
        line-height: 75px
    }
}

.progressbar__item .num br {
    display: none
}

.progressbar__item .num span {
    opacity: 0
}

.progressbar__item .label {
    grid-area: 2/2/3/3;
    display: flex;
    align-items: center
}

@media screen and (min-width: 992px) {
    .progressbar__item .label {
        grid-area: 2/2/3/3
    }
}

html.ie .progressbar__item {
    display: flex;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

html.ie .progressbar__item .bar {
    margin-bottom: 20px
}

html.ie .progressbar__item .num {
    padding-right: 20px
}
*/

.content-faq details {
    padding-top: 8px;
    padding-bottom: 8px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-faq details {
        padding-top: calc(8px + 3 * ((100vw - 992px) / 928));
        padding-bottom: calc(8px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-faq details {
        padding-top: 11px;
        padding-bottom: 11px
    }
}

.content-faq details + details {
    margin-top: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-faq details + details {
        margin-top: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-faq details + details {
        margin-top: 22px
    }
}

.content-faq details[open] svg {
    transform: rotate(180deg)
}

.content-faq details[open] .details-content {
    animation: open .45s cubic-bezier(.4, 0, .51, 1.07)
}

.content-faq details:not([open]) .details-content {
    animation: open .45s cubic-bezier(.4, 0, .51, 1.07) reverse
}

.content-faq details summary > div {
    display: flex;
    align-items: center;
    flex-flow: row nowrap
}

.content-faq details summary svg {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: -5px;
    margin-right: 6px;
    margin-bottom: auto;
    fill: #464646;
    transition: transform .4s cubic-bezier(.4, 0, .51, 1.07)
}

@media screen and (min-width: 992px) {
    .content-faq details summary svg {
        width: 44px;
        height: 40px;
        margin-left: -12px
    }
}

.content-faq details summary p {
    flex: 1 1 0%
}

.content-faq details .details-content {
    padding-left: 23px;
    padding-top: 24px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-faq details .details-content {
        padding-top: calc(24px + -11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-faq details .details-content {
        padding-top: 13px
    }
}

@media screen and (min-width: 992px) {
    .content-faq details .details-content {
        padding-left: 36px
    }
}

@-moz-keyframes open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.content-job-filter {
    margin-top: 30px;
    margin-bottom: 55px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-filter {
        margin-top: calc(30px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-filter {
        margin-top: 34px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-filter {
        margin-bottom: calc(55px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-filter {
        margin-bottom: 95px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-filter {
        line-height: calc(24px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-filter {
        line-height: 28px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-filter {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-filter {
        font-size: 22px
    }
}

.content-job-filter.disable form {
    position: relative
}

.content-job-filter.disable form:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.459)
}

.content-job-filter + .content-job-list {
    margin-top: -20px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-filter + .content-job-list {
        margin-top: calc(-20px + -40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-filter + .content-job-list {
        margin-top: -60px
    }
}

.content-job-filter h1 {
    margin-bottom: 24px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-filter h1 {
        margin-bottom: calc(24px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-filter h1 {
        margin-bottom: 35px
    }
}

.ui.dropdown.location-filter .dropdown.icon {
    display: none
}

.content-job-list {
    position: relative;
    margin-top: 55px;
    margin-bottom: 33px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-list {
        margin-top: calc(55px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-list {
        margin-top: 95px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-list {
        margin-bottom: calc(33px + 82 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-list {
        margin-bottom: 115px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-list {
        line-height: calc(24px + 4 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-list {
        line-height: 28px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-list {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-list {
        font-size: 22px
    }
}

.content-job-list h2 {
    margin-bottom: 39px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-list h2 {
        margin-bottom: calc(39px + 9 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-list h2 {
        margin-bottom: 48px
    }
}

.job-list-wrap {
    display: none
}

@media screen and (max-width: 991px) {
    .job-list-wrap {
        display: block
    }
}

.job-list-wrap.active {
    display: block
}

.job-map-wrap {
    display: none;
    position: relative;
    padding-top: 56.25%;
    margin-top: 16px;
    margin-bottom: 38px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-map-wrap {
        margin-top: calc(16px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-map-wrap {
        margin-top: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-map-wrap {
        margin-bottom: calc(38px + 17 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-map-wrap {
        margin-bottom: 55px
    }
}

.job-map-wrap.active {
    display: block
}

@media screen and (max-width: 991px) {
    .job-map-wrap.active {
        display: none
    }
}

.job-map-wrap #map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.job-map-wrap #map .gm-style .gm-style-iw-c {
    max-width: 684px !important;
    padding-top: 25px;
    padding-left: 0;
    font-size: inherit;
    font-weight: inherit;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.job-map-wrap #map .gm-style .gm-style-iw-d {
    padding: 0 25px 28px
}

.job-map-wrap #map .gm-style .gm-style-iw-t:after {
    display: none
}

.job-map-wrap #map .gm-ui-hover-effect {
    top: -3px !important;
    right: -3px !important
}

.job-map-wrap #map .map-info-window {
    font-family: 'RossmannSans', 'Arial', sans-serif
}

.job-map-wrap #map h2 {
    color: #c3002d;
    margin-bottom: .25em;
    line-height: 28px;
    font-size: 24px
}

.job-map-wrap #map .job-list {
    margin: 0;
    font-size: 16px;
    line-height: 24px
}

.job-map-wrap #map .job-list__item {
    padding: 24px 8px 20px
}

.job-map-wrap #map .job-list__item-title,
.job-map-wrap #map .job-list__item-time,
.job-map-wrap #map .job-list__item-info {
    padding-left: 14px
}

.job-map-wrap #map .job-list__item-title {
    margin-bottom: 0;
    position: relative
}

.job-map-wrap #map .job-list__item-title svg {
    position: absolute;
    left: 0;
    top: .25em;
    margin-right: 6px;
    width: 7px;
    height: 12px
}

.job-map-wrap #map .job-list__item-info {
    margin-top: .75em
}

.job-map-wrap #map .job-list__item-info__list {
    display: block
}

.job-map-wrap #map .job-list__item-info__list-item + .job-list__item-info__list-item {
    margin-top: 3px;
    line-height: 1.375em
}

.job-map-wrap #map .job-list__item-info__list-item svg,
.job-map-wrap #map .job-list__item-info__list-item .svg {
    width: 15px;
    height: 15px;
    position: relative;
    top: -3px
}

.job-map-wrap #map .job-list__item-event {
    margin: 0;
    align-items: flex-end
}

.job-map-wrap #map .job-list__item-event svg {
    width: 18px;
    height: 18px
}

.job-map-wrap #map .job-list__item-favorite.active .i-favorite {
    width: 0
}

.job-map-wrap #map .job-list__item-favorite.active .i-favorite-active {
    width: 18px
}

.job-map-wrap #map .job-list__item-favorite svg {
    width: 18px;
    height: 18px
}

.job-map-wrap #map .job-list__item-favorite .i-favorite-active {
    width: 0
}

@media screen and (min-width: 992px) {
    .job-list-top {
        display: flex;
        align-items: flex-end
    }
}

.job-count {
    font-weight: bold;
    margin-bottom: 37px;
    line-height: 28px;
    font-size: 22px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-count {
        line-height: calc(28px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-count {
        line-height: 39px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-count {
        font-size: calc(22px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-count {
        font-size: 36px
    }
}

@media screen and (min-width: 992px) {
    .job-count {
        margin-bottom: 0
    }
}

.job-switch {
    margin-left: 35px
}

@media screen and (max-width: 991px) {
    .job-switch {
        display: none
    }
}

.job-switch input {
    display: none
}

.job-switch input:checked ~ label:before {
    color: #464646
}

.job-switch input:checked ~ label:after {
    color: rgba(70, 70, 70, 0.53)
}

.job-switch input:checked ~ label span:after {
    left: 33px
}

.job-switch label {
    position: relative;
    display: flex;
    align-items: center
}

.job-switch label:before,
.job-switch label:after {
    cursor: pointer;
    font-weight: bold;
    color: #464646;
    transition: color .45s ease
}

.job-switch label:before {
    content: attr(data-list);
    color: rgba(70, 70, 70, 0.53)
}

.job-switch label:after {
    content: attr(data-map)
}

.job-switch label span {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0 18px;
    width: 60px;
    height: 25px;
    border-radius: 13px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
    border: 2px solid #979dac
}

.job-switch label span:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #464646;
    transition: left .45s ease
}

.job-favorite {
    margin-left: auto;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #464646
}

.job-favorite.disabled {
    color: rgba(70, 70, 70, 0.53)
}

.job-favorite.active .i-favorite {
    width: 0
}

.job-favorite.active .i-favorite-active {
    width: 14px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-favorite.active .i-favorite-active {
        width: calc(14px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-favorite.active .i-favorite-active {
        width: 25px
    }
}

.job-favorite svg {
    fill: currentColor;
    transition: width, margin-left .4s cubic-bezier(.4, 0, .51, 1.07);
    margin-left: 8px;
    width: 14px;
    height: 12px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-favorite svg {
        margin-left: calc(8px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-favorite svg {
        margin-left: 11px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-favorite svg {
        width: calc(14px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-favorite svg {
        width: 25px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-favorite svg {
        height: calc(12px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-favorite svg {
        height: 23px
    }
}

.job-favorite .i-favorite-active {
    margin-left: 0;
    width: 0
}

.job-list {
    position: relative;
    border-top: 2px solid #c7cdd3;
    border-bottom: 2px solid #c7cdd3;
    margin-top: 16px;
    margin-bottom: 38px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list {
        margin-top: calc(16px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list {
        margin-top: 30px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list {
        margin-bottom: calc(38px + 17 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list {
        margin-bottom: 55px
    }
}

.job-list__item {
    position: relative;
    background-color: transparent;
    transition: background-color .4s cubic-bezier(.4, 0, .51, 1.07);
    padding-top: 24px;
    padding-bottom: 20px;
    padding-left: 9px;
    padding-right: 5px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item {
        padding-top: calc(24px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item {
        padding-top: 35px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item {
        padding-bottom: calc(20px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item {
        padding-bottom: 27px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item {
        padding-left: calc(9px + 26 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item {
        padding-left: 35px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item {
        padding-right: calc(5px + 18 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item {
        padding-right: 23px
    }
}

@media screen and (min-width: 992px) {
    .job-list__item {
        display: flex;
        flex-flow: row wrap
    }
}

.job-list__item:hover {
    background-color: #f7f5f2
}

.job-list__item + .job-list__item {
    border-top: 2px solid #c7cdd3
}

.job-list__item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-decoration: none
}

.job-list__item-title {
    display: flex;
    align-items: center;
    font-weight: 900;
    color: #c3002d;
    margin-bottom: 7px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-title {
        margin-bottom: calc(7px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-title {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 992px) {
    .job-list__item-title {
        flex-basis: 100%;
        max-width: 100%
    }
}

.job-list__item-title svg {
    fill: currentColor;
    margin-right: 7px;
    width: 7px;
    height: 12px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-title svg {
        margin-right: calc(7px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-title svg {
        margin-right: 12px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-title svg {
        width: calc(7px + 5 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-title svg {
        width: 12px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-title svg {
        height: calc(12px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-title svg {
        height: 20px
    }
}

.job-list__item-title .distance {
    display: none
}

.job-list__item-time {
    font-weight: bold;
    color: #464646;
    padding-left: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-time {
        padding-left: calc(15px + 17 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-time {
        padding-left: 32px
    }
}

@media screen and (min-width: 992px) {
    .job-list__item-time {
        flex-basis: 100%;
        max-width: 100%
    }
}

.job-list__item-info {
    margin-top: 12px;
    padding-left: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-info {
        margin-top: calc(12px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-info {
        margin-top: 15px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-info {
        padding-left: calc(15px + 17 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-info {
        padding-left: 32px
    }
}

@media screen and (min-width: 992px) {
    .job-list__item-info {
        flex: 1 0 0
    }
}

@media screen and (min-width: 992px) {
    .job-list__item-info__list {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        margin-left: -19px
    }
}

.job-list__item-info__list-item {
    display: flex;
    align-items: baseline;
    color: #464646
}

@media screen and (min-width: 992px) {
    .job-list__item-info__list-item {
        align-items: center;
        padding-left: 19px;
        margin-top: 8px
    }
}

.job-list__item-info__list-item svg,
.job-list__item-info__list-item .svg {
    fill: currentColor;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    display: inline-block
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-info__list-item svg,
    .job-list__item-info__list-item .svg {
        margin-right: calc(5px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-info__list-item svg,
    .job-list__item-info__list-item .svg {
        margin-right: 12px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-info__list-item svg,
    .job-list__item-info__list-item .svg {
        width: calc(15px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-info__list-item svg,
    .job-list__item-info__list-item .svg {
        width: 26px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-info__list-item svg,
    .job-list__item-info__list-item .svg {
        height: calc(15px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-info__list-item svg,
    .job-list__item-info__list-item .svg {
        height: 26px
    }
}

.job-list__item-event {
    margin-top: 13px;
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width: 992px) {
    .job-list__item-event {
        align-items: flex-start;
        margin-top: 20px;
        margin-left: 20px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-event {
        margin-top: calc(20px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .job-list__item-event {
        margin-top: 23px
    }
}

@media screen and (min-width: 992px) and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-event {
        margin-left: calc(20px + 40 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 992px) and (min-width: 1920px) {
    .job-list__item-event {
        margin-left: 60px
    }
}

.job-list__item-favorite {
    z-index: 2;
    display: flex;
    align-items: center;
    font-weight: bold;
    color: #464646
}

.job-list__item-favorite.active .i-favorite {
    width: 0
}

.job-list__item-favorite.active .i-favorite-active {
    width: 14px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-favorite.active .i-favorite-active {
        width: calc(14px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-favorite.active .i-favorite-active {
        width: 25px
    }
}

.job-list__item-favorite svg {
    fill: currentColor;
    transition: width, margin-left .4s cubic-bezier(.4, 0, .51, 1.07);
    margin-left: 8px;
    width: 14px;
    height: 12px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-favorite svg {
        margin-left: calc(8px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-favorite svg {
        margin-left: 11px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-favorite svg {
        width: calc(14px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-favorite svg {
        width: 25px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-list__item-favorite svg {
        height: calc(12px + 11 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-list__item-favorite svg {
        height: 23px
    }
}

.job-list__item-favorite .i-favorite-active {
    margin-left: 0;
    width: 0
}

.job-list__item .distance {
    white-space: nowrap
}

.notepad-hide {
    display: none !important
}

.filter-no-result a {
    display: block;
    padding-left: 1em;
    position: relative
}

.filter-no-result a:before {
    top: .32em;
    left: 0;
    content: '';
    width: .45em;
    height: .7em;
    background-image: url("");
    background-size: 100% 100%;
    display: block;
    position: absolute
}

.content-job-info {
    position: relative;
    margin-bottom: 44px;
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info {
        margin-bottom: calc(44px + 21 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info {
        margin-bottom: 65px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info {
        line-height: calc(24px + 13 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info {
        line-height: 37px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info {
        font-size: calc(16px + 13 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info {
        font-size: 29px
    }
}

.content-job-info h1 {
    margin-bottom: 8px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info h1 {
        margin-bottom: calc(8px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info h1 {
        margin-bottom: 15px
    }
}

.job-bar-title,
.content-job-info h2 {
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-bar-title,
    .content-job-info h2 {
        line-height: calc(22px + 21 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-bar-title,
    .content-job-info h2 {
        line-height: 43px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-bar-title,
    .content-job-info h2 {
        font-size: calc(15px + 14 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-bar-title,
    .content-job-info h2 {
        font-size: 29px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .job-bar-title,
    .content-job-info h2 {
        margin-bottom: calc(30px + 10 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .job-bar-title,
    .content-job-info h2 {
        margin-bottom: 40px
    }
}

.content-job-info .job-list__item-info {
    padding-left: 0;
    margin-bottom: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-list__item-info {
        margin-bottom: calc(15px + 15 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-list__item-info {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 992px) {
    .content-job-info .job-list__item-info__list {
        display: block
    }

    .content-job-info .job-list__item-info__list .job-list__item-info__list-item + .job-list__item-info__list-item {
        margin-top: 8px
    }
}

.content-job-info .job-list__item-info__list .job-list__item-info__list-item {
    line-height: 24px;
    font-size: 16px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item {
        line-height: calc(24px + 8 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item {
        line-height: 32px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item {
        font-size: calc(16px + 6 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item {
        font-size: 22px
    }
}

.content-job-info .job-list__item-info__list .job-list__item-info__list-item svg,
.content-job-info .job-list__item-info__list .job-list__item-info__list-item .svg {
    height: 15px;
    width: 15px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item svg,
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item .svg {
        height: calc(15px + 7 * ((100vw - 992px) / 928));
        width: calc(15px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item svg,
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item .svg {
        height: 22px;
        width: 22px
    }
}

@media screen and (min-width: 992px) {
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item svg,
    .content-job-info .job-list__item-info__list .job-list__item-info__list-item .svg {
        margin-top: -3px
    }
}

.content-job-info .job-list__item-favorite {
    margin-bottom: 30px
}

@media screen and (min-width: 992px) {
    .content-job-info .job-list__item-favorite {
        display: none
    }
}

.content-job-info .job-bar {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    bottom: 0;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding-top: 14px;
    padding-bottom: 16px;
    padding-left: 30px;
    padding-right: 100px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-bar {
        padding-top: calc(14px + 7 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-bar {
        padding-top: 21px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-bar {
        padding-bottom: calc(16px + 3 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-bar {
        padding-bottom: 19px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-bar {
        padding-left: calc(30px + 248 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-bar {
        padding-left: 278px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-bar {
        padding-right: calc(100px + 178 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-bar {
        padding-right: 278px
    }
}

@media screen and (min-width: 992px) {
    .content-job-info .job-bar {
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        justify-content: flex-end;
        min-height: 110px
    }
}

.content-job-info .job-bar .job-list__item-favorite {
    margin-bottom: 0;
    margin-right: auto
}

@media screen and (max-width: 991px) {
    .content-job-info .job-bar .job-list__item-favorite {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .content-job-info .job-bar .job-list__item-favorite {
        display: flex
    }
}

.job-bar-title,
.content-job-info .job-bar h2 {
    flex: 1 0 0%;
    margin: 0 50px 0;
    text-align: right
}

@media screen and (max-width: 991px) {
    .job-bar-title,
    .content-job-info .job-bar h2 {
        display: none
    }
}

.content-job-info .job-bar .button {
    padding-left: 76px;
    padding-right: 76px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-job-info .job-bar .button {
        padding-left: calc(76px + 38 * ((100vw - 992px) / 928));
        padding-right: calc(76px + 38 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-job-info .job-bar .button {
        padding-left: 114px;
        padding-right: 114px
    }
}

@media screen and (min-width: 360px) and (max-width: 539px) {
    .content-job-info .job-bar .button {
        padding-left: calc(30px + 46 * ((100vw - 360px) / 180));
        padding-right: calc(30px + 46 * ((100vw - 360px) / 180))
    }
}

@media screen and (min-width: 540px) {
    .content-job-info .job-bar .button {
        padding-left: 76px;
        padding-right: 76px
    }
}

html.job-bar-sticky .footer-bottom {
    margin-bottom: 110px
}

@media screen and (max-width: 991px) {
    html.job-bar-sticky .footer-bottom {
        margin-bottom: 70px
    }
}

/*
.content-share {
    position: relative;
    background-color: #808080
}

.content-share .social {
    display: flex;
    flex-flow: column
}

@media screen and (min-width: 768px) {
    .content-share .social {
        align-items: center;
        flex-flow: row nowrap
    }
}

@media screen and (min-width: 768px) {
    .content-share .social h2 {
        margin-right: 30px
    }
}

@media screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1919px) {
    .content-share .social h2 {
        margin-right: calc(30px + 30 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 768px) and (min-width: 1920px) {
    .content-share .social h2 {
        margin-right: 60px
    }
}

.content-share .social .shariff .theme-color {
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    max-width: none;
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
    max-width: 320px
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .content-share .social .shariff .theme-color {
        margin-left: calc(-5px + -10 * ((100vw - 320px) / 672));
        margin-right: calc(-5px + -10 * ((100vw - 320px) / 672))
    }
}

@media screen and (min-width: 992px) {
    .content-share .social .shariff .theme-color {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (min-width: 992px) and (max-width: 1919px) {
    .content-share .social .shariff .theme-color {
        max-width: calc(320px + 280 * ((100vw - 992px) / 928))
    }
}

@media screen and (min-width: 1920px) {
    .content-share .social .shariff .theme-color {
        max-width: 600px
    }
}

@media screen and (max-width: 991px) {
    .content-share .social .shariff .theme-color {
        margin-top: 14px;
        margin-bottom: 30px
    }
}

.content-share .social .shariff-button {
    display: inline-flex;
    padding-left: 7px;
    padding-right: 7px
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .content-share .social .shariff-button {
        padding-left: calc(7px + 8 * ((100vw - 320px) / 672));
        padding-right: calc(7px + 8 * ((100vw - 320px) / 672))
    }
}

@media screen and (min-width: 992px) {
    .content-share .social .shariff-button {
        padding-left: 15px;
        padding-right: 15px
    }
}

.content-share .social .shariff .share_text,
.content-share .social .shariff .share_count {
    display: none
}

.content-share .social .shariff .fab,
.content-share .social .shariff .fas {
    width: 35px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center
}

.content-share .social .shariff .whatsapp .fab {
    background-image: url("")
}

.content-share .social .shariff .facebook .fab {
    background-image: url("")
}

.content-share .social .shariff .twitter .fab {
    background-image: url("")
}

.content-share .social .shariff .xing .fab {
    background-image: url("")
}

.content-share .social .shariff .linkedin .fab {
    background-image: url("")
}

.content-share .social .shariff .mail .fas {
    background-image: url("")
}
*/