/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
@import"//fast.fonts.net/lt/1.css?apiType=css&c=c04ac036-2a9a-4d18-baea-ce622f9c0bbe&fontids=788263";.lity {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    background: #0b0b0b;
    background: rgba(0, 0, 0, 0.9);
    outline: none !important;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: none !important
}

.lity-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    white-space: normal;
    max-width: 100%;
    max-height: 100%;
    outline: none !important
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease
}

.lity-loading .lity-content,.lity-closed .lity-content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.lity-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

.lity-close {
    z-index: 9994;
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial,Baskerville,monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited {
    text-decoration: none;
    text-align: center;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-size: 35px;
    font-family: Arial,Baskerville,monospace;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    border: 0;
    background: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

.lity-hide {
    display: none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,.title-and-text .tt-text address,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote::before,blockquote::after,q::before,q::after {
    content: none
}

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

@font-face {
    font-display: swap;
    font-family: "Eurostile";
    font-style: normal;
    font-weight: bold;
    src: url("../font/Eurostile.woff2") format("woff2"),url("../font/Eurostile.woff") format("woff")
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@media all and (min-width: 37.5em) {
    .video .size-2.v-link,.image .size-2.i-item,.video .size-4.v-link,.image .size-4.i-item {
        width:50%
    }
}

@media all and (min-width: 48em) {
    .video .size-4.v-link,.image .size-4.i-item {
        width:25%
    }
}

@keyframes input-error {
    from {
        height: 0;
        opacity: 0
    }

    to {
        height: 1.3rem;
        opacity: 1
    }
}

.nice-select .ns-option .input-error,.nice-select .ns-filter .input-error,.nice-select .ns-label .input-error,.input .input-error,.field.gdpr .input-error,.textarea.gdpr .input-error {
    animation: input-error .4s;
    background: #fbba00;
    color: #fff;
    font-size: .875rem;
    padding: .125rem .3125rem;
    width: 100%
}

.main-nav .has-sub.menu-link::after,.main-nav .menu-back .menu-back-link::after {
    background: url("./images/arrow.svg") center center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 1.125rem;
    width: 1.125rem
}

@media all and (min-width: 64em) {
    .main-nav .has-sub.menu-link::after,.main-nav .menu-back .menu-back-link::after {
        display:none
    }
}

.title-and-text .tt-subtitle {
    border-top: 1px solid #706f6f;
    color: #706f6f;
    display: block;
    font-weight: 700;
    margin-bottom: .65rem
}

.title-and-text .tt-text h1,.title-and-text .tt-text h2,.title-and-text .tt-text h3,.title-and-text .tt-text h4,.title-and-text .tt-text h5,.title-and-text .tt-text h6 {
    margin: 1.3rem 0 .65rem
}

.title-and-text .tt-text h1+ul,.title-and-text .tt-text h1+ol,.title-and-text .tt-text h2+ul,.title-and-text .tt-text h2+ol,.title-and-text .tt-text h3+ul,.title-and-text .tt-text h3+ol,.title-and-text .tt-text h4+ul,.title-and-text .tt-text h4+ol,.title-and-text .tt-text h5+ul,.title-and-text .tt-text h5+ol,.title-and-text .tt-text h6+ul,.title-and-text .tt-text h6+ol {
    margin-top: 1.3rem
}

.title-and-text .tt-text ul,.title-and-text .tt-text ol {
    margin: 0 0 1.3rem;
    text-align: left
}

.title-and-text .tt-text ul:last-child,.title-and-text .tt-text ol:last-child {
    margin-bottom: 0
}

.title-and-text .tt-text ul ul,.title-and-text .tt-text ol ul {
    list-style-type: circle
}

.title-and-text .tt-text ul ul,.title-and-text .tt-text ul ol,.title-and-text .tt-text ol ul,.title-and-text .tt-text ol ol {
    margin: .65rem 0 0 .65rem
}

.title-and-text .tt-text ul {
    list-style: none
}

.title-and-text .tt-text ul li {
    padding-left: 1.3rem;
    position: relative
}

.title-and-text .tt-text ul li::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) currentColor;
    border-style: solid;
    border-width: .375rem 0 .375rem .65625rem;
    content: "";
    height: 0;
    left: .3125rem;
    position: absolute;
    top: .25rem;
    width: 0
}

.title-and-text .tt-text ol {
    counter-reset: new-counter;
    list-style: decimal;
    margin-left: 0
}

.title-and-text .tt-text ol li {
    margin-left: 1.3rem;
    position: relative
}

.title-and-text .tt-text dl dt {
    font-weight: 700;
    margin-top: 1.3rem
}

.title-and-text .tt-text table {
    border-collapse: collapse;
    margin-bottom: 1.3rem;
    width: 100%
}

.title-and-text .tt-text table:last-child {
    margin-bottom: 0
}

.title-and-text .tt-text table th,.title-and-text .tt-text table td {
    border-bottom: 1px solid #fbba00;
    padding: .25em .5em;
    text-align: left;
    vertical-align: top
}

.title-and-text .tt-text table thead {
    border-bottom: 1px solid #fbba00
}

.title-and-text .tt-text table th {
    font-weight: 700
}

.title-and-text .tt-text abbr,.title-and-text .tt-text acronym,.title-and-text .tt-text var,.title-and-text .tt-text pre {
    font-family: "Arial",sans-serif
}

.title-and-text .tt-text cite,.title-and-text .tt-text q {
    font-style: italic
}

.title-and-text .tt-text p+h2,.title-and-text .tt-text address+h2,.title-and-text .tt-text p+h3,.title-and-text .tt-text address+h3,.title-and-text .tt-text p+h4,.title-and-text .tt-text address+h4,.title-and-text .tt-text p+h5,.title-and-text .tt-text address+h5,.title-and-text .tt-text p+h6,.title-and-text .tt-text address+h6,.title-and-text .tt-text ul+h2,.title-and-text .tt-text ul+h3,.title-and-text .tt-text ul+h4,.title-and-text .tt-text ul+h5,.title-and-text .tt-text ul+h6,.title-and-text .tt-text ol+h2,.title-and-text .tt-text ol+h3,.title-and-text .tt-text ol+h4,.title-and-text .tt-text ol+h5,.title-and-text .tt-text ol+h6,.title-and-text .tt-text dl+h2,.title-and-text .tt-text dl+h3,.title-and-text .tt-text dl+h4,.title-and-text .tt-text dl+h5,.title-and-text .tt-text dl+h6 {
    margin-top: 2.6rem
}

.title-and-text .tt-text li:not(:last-child) {
    margin-bottom: .65rem
}

.video .v-link::before,.grid .type-video::before,.video .v-link::after,.grid .type-video::after {
    content: "";
    display: block;
    left: 50%;
    opacity: .75;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition: .3s
}

.video .v-link::before,.grid .type-video::before {
    background-color: #fff;
    border: .3125rem solid #fff;
    border-radius: 50%;
    height: 3rem;
    transform: translate(-50%, -50%);
    width: 3rem;
    z-index: 1
}

@media all and (min-width: 37.5em) {
    .video .v-link::before,.grid .type-video::before {
        height:4.625rem;
        width: 4.625rem
    }
}

.video .v-link::after,.grid .type-video::after {
    border-bottom: .625rem solid rgba(0,0,0,0);
    border-left: .9375rem solid #fbba00;
    border-top: .625rem solid rgba(0,0,0,0);
    transform: translate(-35%, -50%);
    z-index: 2
}

@media all and (min-width: 37.5em) {
    .video .v-link::after,.grid .type-video::after {
        border-bottom-width:.875rem;
        border-left-width: 1.3125rem;
        border-top-width: .875rem
    }
}

.video .v-link:hover::before,.grid .type-video:hover::before {
    border-color: #706f6f;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2)
}

.video .v-link:hover::after,.grid .type-video:hover::after {
    border-left-color: #fbba00;
    opacity: 1;
    transform: translate(-35%, -50%) scale(1.2)
}

* {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

body,html {
    color: #706f6f;
    font: 300 14px / 1.3 "Arial",sans-serif;
    padding-top: 5rem;
    width: 100%
}

@media all and (min-width: 48em) {
    body,html {
        font-size:16px
    }
}

@media all and (min-width: 64em) {
    body,html {
        padding-top:3rem
    }
}

body.admin-bar,html.admin-bar {
    padding-top: 7.625rem
}

body.active-navigation,body.no-scroll,html.active-navigation,html.no-scroll {
    overflow: hidden
}

body {
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Arial",sans-serif;
    font-weight: 700;
    line-height: 1.3
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none
}

h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child) {
    margin: 1.5em 0 .6em
}

h1 {
    font-size: 1.75rem;
    font-family: "Eurostile","Arial",sans-serif
}

h1 * {
    font-family: "Arial",sans-serif
}

h2 {
    font-size: 1.25rem;
    font-family: "Eurostile","Arial",sans-serif
}

h2 * {
    font-family: "Arial",sans-serif
}

h3 {
    font-size: 1.125rem
}

h4 {
    font-size: 1rem
}

h5 {
    font-size: 1rem
}

h6 {
    font-size: 1rem
}

a,a:active,a:visited,.button-link {
    color: #706f6f;
    text-decoration: underline;
    transition: .4s
}

a:hover,a:active:hover,a:visited:hover,.button-link:hover {
    text-decoration: none
}

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

img.blur {
    filter: blur(10px);
    transition: .2s
}

img.blur.lazyloaded {
    filter: blur(0)
}

.text-center {
    text-align: center
}

.text-left {
    text-align: center
}

@media all and (min-width: 64em) {
    .text-left {
        text-align:left
    }
}

.text-right {
    text-align: center
}

@media all and (min-width: 64em) {
    .text-right {
        text-align:right
    }
}

.text-justify {
    text-align: justify
}

b,strong {
    font-weight: 700
}

i,em {
    font-style: italic
}

sub,sup {
    font-size: .7em;
    vertical-align: super
}

sub {
    vertical-align: sub
}

small {
    font-size: .85em
}

p,.title-and-text .tt-text address {
    width: 100%
}

p:not(:last-child):not([class*=subline]),.title-and-text .tt-text address:not(:last-child):not([class*=subline]) {
    margin-bottom: 1.3rem
}

::selection {
    background: #fbba00;
    color: #fff
}

.svgstore {
    color: rgba(0,0,0,0);
    display: none
}

.svgstore *:not(.no-fill) {
    fill: inherit
}

.grecaptcha-badge {
    display: none !important
}

.blog-archive {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .blog-archive {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .blog-archive {
        width:69.7833333333rem
    }
}

.blog-archive .ba-article {
    align-items: start;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: min-content 1fr min-content;
    text-decoration: none
}

.blog-archive .ba-article.tile-bg-light {
    background: #fff
}

.blog-archive .ba-article.tile-bg-light .ba-title,.blog-archive .ba-article.tile-bg-light .ba-text {
    color: #706f6f
}

.blog-archive .ba-article.tile-bg-light .button {
    align-self: end;
    background: #fbba00;
    justify-self: start;
    margin: 0 1.3rem 1.3rem
}

.blog-archive .ba-article.tile-bg-light-medium {
    background: #ededed
}

.blog-archive .ba-article.tile-bg-light-medium .ba-title,.blog-archive .ba-article.tile-bg-light-medium .ba-text {
    color: #706f6f
}

.blog-archive .ba-article.tile-bg-light-medium .button {
    align-self: end;
    background: #fbba00;
    justify-self: start;
    margin: 0 1.3rem 1.3rem
}

.blog-archive .ba-article.tile-bg-medium {
    background: #d3cfcf
}

.blog-archive .ba-article.tile-bg-medium .ba-title,.blog-archive .ba-article.tile-bg-medium .ba-text {
    color: #706f6f
}

.blog-archive .ba-article.tile-bg-medium .button {
    align-self: end;
    background: #fbba00;
    justify-self: start;
    margin: 0 1.3rem 1.3rem
}

.blog-archive .ba-article.tile-bg-dark {
    background: #706f6f
}

.blog-archive .ba-article.tile-bg-dark .ba-title,.blog-archive .ba-article.tile-bg-dark .ba-text {
    color: #fff
}

.blog-archive .ba-article.tile-bg-dark .button {
    align-self: end;
    background: #fbba00;
    justify-self: start;
    margin: 0 1.3rem 1.3rem
}

.blog-archive .ba-article.tile-bg-brand {
    background: #fbba00
}

.blog-archive .ba-article.tile-bg-brand .ba-title,.blog-archive .ba-article.tile-bg-brand .ba-text {
    color: #fff
}

.blog-archive .ba-article.tile-bg-brand .button {
    align-self: end;
    background: #706f6f;
    justify-self: start;
    margin: 0 1.3rem 1.3rem
}

.blog-archive .ba-article:hover .button {
    background: #fff;
    color: #706f6f
}

.blog-archive .ba-list {
    align-items: stretch;
    display: grid;
    grid-gap: .325rem;
    grid-template-columns: 100%
}

.blog-archive .ba-list.loading {
    opacity: .6
}

@media all and (min-width: 37.5em) {
    .blog-archive .ba-list {
        grid-gap:.65rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media all and (min-width: 64em) {
    .blog-archive .ba-list {
        grid-template-columns:repeat(3, 1fr)
    }
}

.blog-archive .ba-image-container {
    overflow: hidden;
    padding-top: 66.66%;
    position: relative
}

.blog-archive .ba-image {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.blog-archive .ba-content {
    margin: 1.3rem
}

.blog-archive .ba-content .ba-title,.blog-archive .ba-content .ba-text {
    font-family: "Arial",sans-serif;
    margin-bottom: 1.3rem
}

.blog-archive .ba-button-row {
    display: none;
    margin-top: 1.3rem
}

.blog-archive .ba-button-row.active {
    display: block
}

@media all and (min-width: 48em) {
    .blog-single {
        flex-direction:row
    }
}

@media all and (min-width: 64em) {
    .blog-single {
        width:auto
    }
}

.blog-single .bs-footer {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .blog-single .bs-footer {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .blog-single .bs-footer {
        width:69.7833333333rem
    }
}

.blog-single .bs-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

@media all and (min-width: 64em) {
    .blog-single .bs-footer {
        margin-bottom:2.6rem
    }
}

.blog-single .bs-footer-nav-link {
    align-items: center;
    background-color: #fbba00;
    color: #fff;
    display: flex;
    font-size: 0;
    justify-content: center;
    min-height: 3.4rem;
    padding: .65rem 1.3rem;
    text-decoration: none;
    width: auto
}

@media all and (min-width: 48em) {
    .blog-single .bs-footer-nav-link {
        font-size:1rem
    }
}

.blog-single .bs-footer-nav-link.prev .arrow {
    transform: scale(-1)
}

.blog-single .bs-footer-nav-link .arrow {
    fill: #fff;
    height: 1rem;
    margin: 0 .325rem;
    transition: .3s;
    width: 1rem
}

.blog-single .bs-footer-nav-link:hover .arrow {
    transform: translateX(0.325rem)
}

.blog-single .bs-footer-nav-link:hover.prev .arrow {
    transform: scale(-1) translateX(0.325rem)
}

.blog-single .blog-back-button {
    align-items: center;
    background: #706f6f;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 3.4rem;
    text-decoration: none;
    width: 45%
}

@media all and (min-width: 48em) {
    .blog-single .blog-back-button {
        width:34%
    }
}

@media all and (min-width: 64em) {
    .blog-single .blog-back-button {
        width:calc(16.7% - 0.1625rem)
    }
}

.blog-single .blog-back-button:hover {
    background: #fbba00
}

.button,.button:visited {
    background: #fbba00;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Arial",sans-serif;
    font-size: 1rem;
    line-height: 1;
    max-width: 100%;
    outline: none;
    padding: .65rem 1.3rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    z-index: 1
}

.button:hover,.button:visited:hover {
    background: #706f6f
}

.button.loader,.button:visited.loader {
    position: relative
}

.button.loader::after,.button.loader::before,.button:visited.loader::after,.button:visited.loader::before {
    align-items: center;
    content: "";
    display: flex;
    height: 2.3rem;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: width .3s;
    width: 0
}

.button.loader::after,.button:visited.loader::after {
    background: url("./images/loading.svg") center center no-repeat rgba(0,0,0,0);
    background-size: 60%
}

.button.loader::before,.button:visited.loader::before {
    background: rgb(200,148.2071713147,0)
}

.button.loader.loading,.button:visited.loader.loading {
    padding-right: 3.6rem
}

.button.loader.loading::after,.button.loader.loading::before,.button:visited.loader.loading::after,.button:visited.loader.loading::before {
    width: 2.3rem
}

.button.loader.loading::after,.button:visited.loader.loading::after {
    animation: spin 1s infinite linear
}

.button:disabled,.button:visited:disabled {
    opacity: .5;
    pointer-events: none
}

.button.medium,.button:visited.medium {
    background: #d3cfcf
}

.button.medium:hover,.button:visited.medium:hover {
    background: #706f6f
}

.no-style {
    background: rgba(0,0,0,0);
    border: 0;
    color: #706f6f;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    outline: none;
    padding: 0;
    transition: .4s
}

.no-style:hover {
    text-decoration: none
}

.button-row {
    margin-top: .65rem
}

@media all and (min-width: 48em) {
    .button-row {
        margin-top:1.3rem
    }
}

.button-row .button {
    margin-top: .3125rem
}

.footer {
    padding: 0
}

@media all and (min-width: 64em) {
    .footer {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.footer .f-social-links {
    background-color: #d3cfcf;
    border-top: .625rem solid #fbba00;
    position: relative;
    width: 100%
}

@media all and (min-width: 64em) {
    .footer .f-social-links {
        min-height:4.6875rem
    }
}

.footer .f-contact-links {
    display: flex;
    flex-direction: column
}

@media all and (min-width: 64em) {
    .footer .f-contact-links {
        margin:.325rem auto;
        max-width: calc(100% - 0.65rem);
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 .65rem;
        justify-content: space-between
    }
}

@media all and (min-width: 64em)and (min-width: 48em) {
    .footer .f-contact-links {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 64em)and (min-width: 87.5em) {
    .footer .f-contact-links {
        width:105rem
    }
}

.footer .f-logo-link {
    display: block;
    padding: .65rem;
    text-align: center
}

@media all and (min-width: 64em) {
    .footer .f-logo-link {
        bottom:0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0
    }
}

.footer .f-logo-image {
    display: inline-block;
    height: auto;
    max-width: 14.0625rem
}

@media all and (min-width: 64em) {
    .footer .f-logo-image {
        float:right;
        height: 100%
    }
}

.footer .f-title {
    display: inline-block;
    font-weight: bold
}

@media all and (min-width: 64em) {
    .footer .f-menu-item:not(:first-child) {
        margin-left:1.3rem
    }
}

.footer .f-link {
    display: block;
    text-decoration: none
}

.footer .f-link:hover {
    color: #fbba00
}

@media all and (min-width: 64em) {
    .footer .f-link {
        display:inline
    }
}

@media all and (min-width: 87.5em) {
    .footer .f-link.contact:not(:last-child)::after {
        content:", ";
        font-size: 1em
    }
}

.footer .f-section {
    font-size: .85em;
    margin: 1.3rem .65rem;
    text-align: center
}

@media all and (min-width: 64em) {
    .footer .f-section {
        margin:0;
        padding: .325rem 0;
        text-align: left
    }

    .footer .f-section.f-navigation {
        text-align: right
    }
}

@media all and (min-width: 64em) {
    .footer .f-menu {
        display:flex;
        justify-content: flex-end
    }
}

.footer .copyright {
    background: #d3cfcf;
    font-size: .765em;
    padding: .325rem;
    text-align: center;
    width: 100%
}

.form {
    padding-top: .6rem
}

@media all and (min-width: 48em) {
    .form {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.form .f-left,.form .f-right {
    width: 100%
}

@media all and (min-width: 48em) {
    .form .f-left,.form .f-right {
        margin-bottom:1.3rem;
        width: calc(50% - 0.4rem)
    }
}

.form.loading .form-loading,.form.error .form-error,.form.success .form-success {
    margin-bottom: 1.3rem;
    max-height: 18.75rem;
    padding: 1.3rem
}

.form .svg {
    fill: #fff;
    margin-bottom: .65rem;
    width: 100%
}

@media all and (min-width: 48em) {
    .form .svg {
        margin:0 1.3rem 0 0;
        max-width: 12.5rem
    }
}

.form .svg.loading {
    animation: spin 3s infinite linear
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes label-animation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.field,.textarea {
    -webkit-appearance: none;
    background: none;
    border: 0;
    display: block;
    font: 300 .875rem "Arial",sans-serif;
    outline: none;
    position: relative;
    width: 100%
}

.field:not(.gdpr),.textarea:not(.gdpr) {
    padding: 1.3rem .975rem .65rem
}

.field.gdpr,.textarea.gdpr {
    margin-bottom: 1.3rem
}

.field.hidden,.textarea.hidden {
    display: none
}

.textarea {
    resize: none
}

@media all and (min-width: 48em) {
    .textarea {
        height:100%
    }
}

.checkbox {
    display: none
}

.checkbox+.checkbox-label,.checkbox+.radio-label,.checkbox+.checkbox {
    cursor: pointer;
    display: block;
    padding-left: 1.35em;
    position: relative;
    transition: .4s
}

.checkbox+.checkbox-label:hover,.checkbox+.radio-label:hover,.checkbox+.checkbox:hover {
    color: #fbba00
}

.checkbox+.checkbox-label.dark::before,.checkbox+.radio-label.dark::before,.checkbox+.checkbox.dark::before {
    border-color: #706f6f
}

.checkbox+.checkbox-label::before,.checkbox+.radio-label::before,.checkbox+.checkbox::before {
    background: #fff;
    border: 1px solid #d3cfcf;
    box-sizing: border-box;
    content: "";
    display: block;
    font-size: .7em;
    height: 1.45em;
    left: 0;
    line-height: 1;
    padding: .2em 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    width: 1.45em
}

.checkbox+.radio-label::before {
    border-radius: 50%
}

.checkbox:checked+.checkbox-label::before,.checkbox:checked+.radio-label::before,.checkbox:checked+.checkbox::before {
    background: #fbba00;
    border-color: #fbba00;
    color: #fff;
    content: "✓"
}

.form-messages {
    width: 100%
}

.form-messages h2 {
    margin: .5em 0
}

.form-messages .form-message {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    line-height: 1.1;
    max-height: 0;
    overflow: hidden;
    padding: 0 1.3rem;
    text-align: center;
    transition: .4s;
    width: 100%
}

@media all and (min-width: 48em) {
    .form-messages .form-message {
        flex-direction:row;
        font-size: 1.5rem;
        text-align: left
    }
}

.form-messages .form-message-icon {
    font-size: 4.6875rem;
    line-height: 1;
    margin: 0 0 1.3rem
}

@media all and (min-width: 48em) {
    .form-messages .form-message-icon {
        font-size:6.25rem;
        margin: 0 2.6rem 0 0
    }
}

.form-messages .form-message .fm-header {
    margin: 0 0 .325rem
}

.form-messages .form-message.form-success {
    background-color: #2ecc40
}

.form-messages .form-message.form-loading {
    background-color: #d3cfcf
}

.form-messages .form-message.form-error {
    background-color: #fbba00
}

.nice-select .ns-option,.nice-select .ns-option:visited,.nice-select .ns-filter,.nice-select .ns-filter:focus,.nice-select .ns-label,.input {
    border: 1px solid #d3cfcf;
    margin: 0 0 .975rem;
    position: relative
}

.nice-select .ns-option .label,.nice-select .ns-filter .label,.nice-select .ns-label .label,.input .label {
    background: #fff;
    color: #706f6f;
    display: block;
    font-size: .875rem;
    left: .65rem;
    padding: 0 .325rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

.nice-select .ns-option .label:not(.radio),.nice-select .ns-filter .label:not(.radio),.nice-select .ns-label .label:not(.radio),.input .label:not(.radio) {
    position: absolute
}

.nice-select .ns-option .label:not(.msg-label),.nice-select .ns-filter .label:not(.msg-label),.nice-select .ns-label .label:not(.msg-label),.input .label:not(.msg-label) {
    align-items: center
}

.nice-select .msg.ns-option,.nice-select .msg.ns-filter,.nice-select .msg.ns-label,.input.msg {
    margin-bottom: 1.3rem;
    width: 100%
}

@media all and (min-width: 48em) {
    .nice-select .msg.ns-option,.nice-select .msg.ns-filter,.nice-select .msg.ns-label,.input.msg {
        height:100%;
        margin: 0 0 1.3rem
    }
}

.nice-select .radio.ns-option,.nice-select .radio.ns-filter,.nice-select .radio.ns-label,.input.radio {
    padding: 1.3rem .975rem .65rem
}

@media all and (min-width: 48em) {
    .nice-select .email.ns-option,.nice-select .email.ns-filter,.nice-select .email.ns-label,.input.email {
        margin-bottom:0
    }
}

.input-radio {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.input-radio:not(:first-of-type) {
    margin-top: .65rem
}

.input-radio label,.input-radio [type=radio] {
    cursor: pointer
}

.input-radio [type=radio] {
    background: rgba(0,0,0,0);
    border: 1px solid #d3cfcf;
    border-radius: 50%;
    height: 1.2em;
    margin: 0 .65rem 0 0;
    padding: 0;
    position: relative;
    transition: .3s;
    width: 1.2em
}

.input-radio [type=radio]::after {
    background: #fff;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transform-origin: center;
    transition: .3s
}

.input-radio [type=radio]:checked {
    background: #fbba00
}

.input-radio [type=radio]:checked::after {
    transform: scale(0.5)
}

.main-logo {
    float: left;
    font-size: 0;
    height: 100%;
    text-decoration: none;
    width: 12.5rem;
    z-index: 999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.main-logo label{
    cursor: pointer;
    margin-left: 10px;
    font-size: 26px;
    color: #000;
}

@media all and (min-width: 64em) {
    .main-logo {
        padding:.65rem 0;
        width: 36.375rem
    }
}

.main-logo .logo {
    display: block;
    height: 100%;
    width: auto;
}

@media all and (min-width: 64em) {
    .main-nav .menu-back {
        display:none
    }
}

.main-nav .menu-back .menu-back-link {
    background: #fff;
    display: block;
    padding: .65rem;
    position: relative;
    text-align: right;
    width: 100%
}

.main-nav .menu-back .menu-back-link::after {
    left: .65rem;
    margin-top: .1875rem;
    position: absolute;
    top: .65rem;
    transform: scale(-1)
}

.main-nav .menu-item {
    border-bottom: 1px solid #fff
}

@media all and (min-width: 64em) {
    .main-nav .menu-item {
        border-bottom:0
    }

    .main-nav .depth-1.menu-item {
        overflow: hidden
    }

    .main-nav .depth-0.menu-item {
        align-items: flex-end;
        display: flex;
        height: 100%;
        position: relative
    }

    .main-nav .depth-0.menu-item:last-child .menu-link {
        padding-right: 0
    }

    .main-nav .depth-0.menu-item:hover .menu-link.depth-0 {
        color: #fbba00
    }

    .main-nav .depth-0.menu-item:hover::after {
        width: 50%
    }

    .main-nav .depth-0.menu-item:hover>.sub-menu {
        opacity: 1;
        pointer-events: auto
    }

    .main-nav .depth-0.menu-item:hover.is-button .menu-link {
        background: #706f6f;
        color: #fff
    }

    .main-nav .depth-0.active.menu-item .menu-link.depth-0 {
        color: #fbba00
    }

    .main-nav .depth-0.active.is-button.menu-item .menu-link {
        background: #706f6f;
        color: #fff
    }
}

.main-nav .depth-0.menu-item>.sub-menu {
    background: #d3cfcf;
    bottom: 0;
    left: 100%;
    overflow: auto;
    padding: 0 0 3.5875rem;
    position: fixed;
    top: 5rem;
    transition: .6s;
    width: 100%
}

@media all and (min-width: 64em) {
    .main-nav .depth-0.menu-item>.sub-menu {
        background:#706f6f;
        bottom: auto;
        left: .65rem;
        min-width: 110%;
        opacity: 0;
        overflow: visible;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transition: .6s;
        width: auto
    }
}

@media all and (min-width: 64em) {
    .main-nav .is-button.menu-item {
        padding-bottom:.325rem
    }

    .main-nav .is-button.menu-item .menu-link {
        background: #fbba00;
        color: #fff;
        padding: .325rem .65rem;
        text-transform: none
    }
}

.main-nav .tapped.menu-item .sub-menu {
    left: 0
}

.main-nav .menu-link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .65rem;
    text-decoration: none
}

@media all and (min-width: 64em) {
    .main-nav .menu-link {
        color:#706f6f;
        font-size: 1.125rem;
        padding: .65rem
    }
}

.main-nav .depth-0.menu-link {
    overflow: hidden;
    text-transform: capitalize
}

@media all and (min-width: 64em) {
    .main-nav .depth-0.menu-link {
        line-height:1;
        overflow: visible
    }
}

@media all and (min-width: 64em) {
    .main-nav .depth-1.menu-link {
        color:#fff;
        font-size: .9em;
        padding: .325rem .65rem
    }

    .main-nav .depth-1.menu-link:hover,.main-nav .depth-1.active.menu-link {
        background: #fbba00;
        color: #706f6f
    }
}

.main-nav-container {
    background: #d3cfcf;
    bottom: 0;
    flex-grow: 1;
    left: -100%;
    overflow-y: auto;
    padding: 0 0 3.5875rem;
    position: fixed;
    top: 5rem;
    transition: left .6s .6s;
    width: 100%
}

@media all and (min-width: 64em) {
    .main-nav-container {
        background:none;
        height: 100%;
        overflow: visible;
        padding: 0;
        position: static;
        width: auto;
        min-width: 600px;
    }
}

@media all and (min-width: 64em) {
    .main-nav {
        align-items:center;
        display: flex;
        height: 100%;
        justify-content: flex-end
    }

    .main-nav .menu-parent.depth-1 {
        display: none
    }
}

.language-selector {
    background: #fbba00;
    display: flex;
    transform: translateY(100%);
    transition: .6s;
    width: 100px!important;
}

@media all and (min-width: 64em) {
    .language-selector {
        background:none;
        transform: none
    }
}

@media all and (min-width: 106.3em) {
    .language-selector {
       
    }
}

.language-selector .ls-item {
    flex-grow: 1;
    width: 30px!important;
}

.language-selector .ls-item:not(:first-child) {
    border-left: 1px solid #fff
}

@media all and (min-width: 64em) {
    .language-selector .ls-item {
        font-size:.8rem;
        margin-left: .65rem
    }
}

.language-selector .ls-link {
    color: #fff;
    display: block;
    padding: .65rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

@media all and (min-width: 64em) {
    .language-selector .ls-link {
        color:#706f6f;
        padding: 0
    }

    .language-selector .ls-link.current {
        font-weight: bold
    }

    .language-selector .ls-link.current,.language-selector .ls-link:hover {
        color: #fbba00
    }
}

.search-form {
    background: #d3cfcf;
    left: 0;
    opacity: 0;
    padding: .65rem .325rem;
    pointer-events: none;
    position: fixed;
    text-shadow: none;
    top: 5rem;
    transform: translateY(1.3rem);
    transition: .6s;
    width: 100%
}

@media all and (min-width: 48em) {
    .search-form {
        padding:.65rem
    }
}

@media all and (min-width: 64em) {
    .search-form {
        background:none;
        padding: 0;
        position: static;
        transform: translate(2.6rem, 0)
    }
}

.search-form.active {
    opacity: 1;
    pointer-events: all;
    transform: translateY(-0.1875rem)
}

@media all and (min-width: 64em) {
    .search-form.active {
        transform:translateY(0)
    }
}

.search-form .sf-fields {
    display: flex;
    width: 100%
}

.search-form .sf-input {
    background: #fff;
    border: 0;
    border-radius: 0;
    color: #706f6f;
    font: 300 1rem "Arial",sans-serif;
    padding: .325rem;
    position: relative;
    width: 100%
}

.search-form .sf-input:focus {
    outline: none
}

.search-form .sf-input::selection {
    background: #706f6f
}

@media all and (min-width: 64em) {
    .search-form .sf-input {
        background:#fbba00;
        color: #fff;
        padding: .325rem 2.3rem .325rem .325rem;
        transform: translateX(2.3rem)
    }
}

.search-form .sf-input::placeholder {
    font-style: italic;
    opacity: .7
}

@media all and (min-width: 64em) {
    .search-form .sf-input::placeholder {
        color:#fff
    }
}

.search-form .sf-button {
    background: #fbba00;
    font-size: 0;
    padding: .65rem
}

.search-form .sf-button:hover {
    background: rgb(200,148.2071713147,0)
}

@media all and (min-width: 64em) {
    .search-form .sf-button {
        display:none
    }
}

.search-form .sf-button .svg {
    fill: #fff;
    height: 1.25rem;
    width: 1.25rem
}

.meta-nav {
    bottom: 0;
    overflow: visible;
    position: fixed;
    right: 0;
    transition: .6s;
    width: 100%
}

@media all and (min-width: 64em) {
    .meta-nav {
        align-items:center;
        background: none;
        bottom: auto;
        display: flex;
        position: absolute;
        right: .65rem;
        top: .65rem;
        transform: none;
        width: auto;
    }
}

@media all and (min-width: 106.3em) {
    .meta-nav {
        right:calc((100% - 105rem)/2)
    }
}

.burger {
    appearance: none;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0;
    height: 1.5625rem;
    position: relative;
    width: 2.34375rem
}

.burger .meat {
    background: #fbba00;
    display: block;
    height: .1875rem;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: 50% 50%;
    top: calc(50% - 0.09375rem);
    transition: opacity 0s .3s
}

.burger::before,.burger::after {
    background: #fbba00;
    display: block;
    height: .1875rem;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: 50% 50%;
    content: "";
    transition: top .3s .3s,transform .3s
}

.burger::before {
    top: 0
}

.burger::after {
    top: 1.375rem
}

.burger:active,.burger:focus {
    border: 0;
    outline: none;
    transition: none
}

.burger.visible-menu .meat {
    opacity: 0
}

.burger.visible-menu::before,.burger.visible-menu::after {
    top: calc(50% - 0.09375rem);
    transition: top .3s,transform .3s .3s
}

.burger.visible-menu::before {
    transform: rotate3d(0, 0, 1, 45deg)
}

.burger.visible-menu::after {
    transform: rotate3d(0, 0, 1, -45deg)
}

.toggle-menu {
    align-items: center;
    display: flex;
    float: right;
    height: 100%;
    text-decoration: none
}

@media all and (min-width: 64em) {
    .toggle-menu {
        display:none
    }
}

.toggle-search {
    font-size: 0;
    height: 5rem;
    padding: .65rem;
    position: fixed;
    right: 50px;
    top: 0;
    transition: none;
    width: 3.125rem
}

@media all and (min-width: 64em) {
    .toggle-search {
        height:1rem;
        padding: 0;
        position: static;
        z-index: 2
    }
}

.toggle-search .svg {
    fill: #fbba00;
    height: 100%;
    width: 100%
}

.toggle-search .svg.close {
    display: none
}

.toggle-search.active {
    background: #d3cfcf
}

.toggle-search.active .close {
    display: block
}

.toggle-search.active .search {
    display: none
}

@media all and (min-width: 64em) {
    .toggle-search.active {
        background:none
    }

    .toggle-search.active .svg {
        fill: #fff
    }
}

.main-header {
    background: #fff;
    border-bottom: .1875rem solid #706f6f;
    height: 5rem;
    left: 0;
    padding: .325rem;
    position: fixed;
    right: 0;
    top: 0;
    transition: .6s;
    width: 100%;
    z-index: 99
}

@media all and (min-width: 48em) {
    .main-header {
        padding:.65rem
    }
}

@media all and (min-width: 64em) {
    .main-header {
        display:flex;
        height: 5.625rem;
        justify-content: space-between;
        padding: 0 .65rem
    }
}

@media all and (min-width: 106.3em) {
    .main-header {
        padding:0 calc((100% - 105rem)/2)
    }
}

.main-header.visible-menu .main-nav-container {
    left: 0;
    transition: .6s
}

.main-header.visible-menu .language-selector {
    transform: translateY(0);
    transition: transform .6s .6s
}

.admin-bar .main-header {
    top: 2rem
}

.lity-active body {
    overflow: hidden
}

.lity .lity-wrap {
    padding: 1.3rem .65rem
}

.lity .lity-wrap::before {
    margin: 0
}

.lity .lity-content .up-video {
    max-width: 80vw
}

.nice-select {
    position: relative;
    transform: translate(0, 0);
    width: 100%
}

.nice-select .ns-label {
    cursor: pointer;
    height: auto;
    margin: 0;
    min-height: 3.475rem;
    padding: 1.3rem .975rem .65rem;
    position: relative;
    z-index: 2
}

@media all and (min-width: 48em) {
    .nice-select .ns-label {
        height:3.475rem
    }
}

.nice-select .ns-label::after {
    content: "";
    float: right;
    margin: .2em 0 0;
    transition: .6s
}

.nice-select .ns-options {
    border: .125rem solid #fbba00;
    box-shadow: 0 0 .3125rem rgba(112,111,111,.3);
    display: block;
    height: 0;
    min-width: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.nice-select .ns-value {
    overflow: hidden
}

@media all and (min-width: 48em) {
    .nice-select .ns-value {
        text-overflow:ellipsis;
        white-space: nowrap
    }
}

.nice-select .ns-value[data-ns-value=""] {
    color: #706f6f;
    font-style: italic
}

.nice-select .ns-label,.nice-select .ns-option {
    background: rgba(0,0,0,0);
    border: 0;
    color: #000;
    display: block;
    font-size: .875rem;
    text-decoration: none;
    width: 100%
}

.nice-select .ns-option {
    padding: .65rem .975rem
}

.nice-select .ns-option,.nice-select .ns-option:visited,.nice-select .ns-filter,.nice-select .ns-filter:focus {
    background: #fff;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis
}

.nice-select .ns-option:hover,.nice-select .ns-option:visited:hover,.nice-select .ns-filter:hover,.nice-select .ns-filter:focus:hover {
    background: #d3cfcf
}

.nice-select .ns-filter,.nice-select .ns-filter:focus {
    background: #d3cfcf;
    border: 0;
    left: .125rem;
    outline: none;
    padding: 0;
    position: fixed;
    right: 0;
    top: 3.475rem;
    transition: .6s;
    width: calc(100% - 0.25rem)
}

.nice-select .ns-reset-filter {
    padding: .65rem;
    position: fixed;
    right: 0;
    top: 3.475rem
}

.nice-select .ns-reset-filter:hover {
    color: #fbba00
}

.nice-select.active {
    z-index: 99
}

.nice-select.active .ns-value {
    color: #706f6f
}

.nice-select.active .ns-options {
    background: #fff;
    border-color: #d3cfcf;
    height: 13.8em;
    opacity: 1;
    overflow: auto;
    padding-top: 3.475rem;
    transition: .6s
}

.nice-select.active .ns-options.gender {
    height: 9em;
    padding-top: 1.3rem
}

.nice-select.active .ns-option.filtered {
    height: 0;
    padding: 0 .5em
}

.nice-select.active .ns-filter,.nice-select.active .ns-filter:focus {
    padding: 1.3rem .65rem
}

.nice-select.active .input-error {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0
}

.outdated {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.outdated .o-inner {
    background: #fff;
    left: 50%;
    padding: 2.6rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.outdated-title {
    font: bold 1.75rem /1 "Eurostile","Arial",sans-serif
}

.outdated-content {
    font-size: 1.125rem
}

.pagination {
    margin-bottom: .65rem
}

.pagination .p-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.pagination .p-dots,.pagination .p-link {
    display: block;
    padding: .5rem .625rem
}

.pagination .p-link {
    align-items: center;
    display: flex;
    height: 100%;
    line-height: 1;
    text-decoration: none
}

.pagination .p-link.current,.pagination .p-link:hover {
    background: #fbba00;
    color: #fff;
    fill: #fff
}

.pagination .next,.pagination .prev {
    height: 2.6875rem;
    width: 1.875rem
}

.pagination .next .svg,.pagination .prev .svg {
    height: 100%;
    width: 100%
}

.pagination .next .p-link,.pagination .prev .p-link {
    font-size: 0
}

.pagination .prev .svg {
    transform: scale(-1)
}

.social-icons {
    display: flex;
    justify-content: center;
    padding: .65rem;
    width: 100%
}

.social-icons .si-item:not(:first-child) {
    margin-left: .65rem
}

.social-icons .si-link {
    background: #fbba00;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 2.8125rem;
    padding: .65rem;
    transition: .3s;
    width: 2.8125rem
}

.social-icons .si-link:hover {
    box-shadow: 0 0 .3125rem rgba(112,111,111,.3);
    transform: scale(1.1)
}

.social-icons .si-link .svg {
    fill: #fff;
    height: 100%;
    transition: .4s;
    width: 100%
}

.social-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media all and (min-width: 48em) {
    .social-list {
        flex-direction:row
    }
}

@media all and (min-width: 64em) {
    .social-list {
        width:auto;
        margin: 30px 0 0 0;
    }
}

.social-list .sl-link {
    align-items: center;
    color: #fff;
    display: flex;
    line-height: 2.1875rem;
    padding: .65rem 1.3rem;
    text-decoration: none
}

.social-list .sl-link.linkedin {
    background: #0077b5
}

.social-list .sl-link.whatsapp {
    background: #43d854
}

.social-list .sl-link.email {
    background: #ff6400
}

.social-list .sl-link:hover {
    background: #fbba00
}

.social-list .sl-link:hover svg {
    transform: scale(1.15)
}

.social-list .sl-link svg {
    fill: #fff;
    height: 1.875rem;
    margin-right: .65rem;
    transition: .4s;
    width: 1.875rem
}

.social-list .sl-info {
    background: #d3cfcf;
    font-weight: 700;
    line-height: 2.1875rem;
    padding: .65rem 1.3rem
}

.title-and-text {
    margin: 0 auto .65rem
}

.title-and-text:last-child {
    margin-bottom: 0
}

@media all and (min-width: 48em) {
    .title-and-text {
        margin-bottom:1.3rem
    }
}

.title-and-text .tt-text {
    margin-top: .65rem
}

.title-and-text .tt-text:first-child {
    margin-top: 0
}

@media all and (min-width: 37.5em) {
    .title-and-text .tt-text[class*=col-] {
        column-count:2;
        column-gap: 1.3rem;
        text-align: justify
    }
}

@media all and (min-width: 48em) {
    .title-and-text .tt-text {
        margin-top:1.3rem
    }

    .title-and-text .tt-text.col-3 {
        column-count: 3
    }
}

.content-block.bg-dark .tt-header,.content-block.bg-dark .tt-text {
    color: #fff;
    fill: #fff
}

.content-block.bg-dark .tt-header *,.content-block.bg-dark .tt-text * {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.content-block.bg-dark .tt-header li::before,.content-block.bg-dark .tt-text li::before {
    border-left-color: #fff
}

.content-block.bg-brand .tt-header,.content-block.bg-brand .tt-text {
    color: #fff;
    fill: #fff
}

.content-block.bg-brand .tt-header *,.content-block.bg-brand .tt-text * {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.content-block.bg-brand .tt-header li::before,.content-block.bg-brand .tt-text li::before {
    border-left-color: #fff
}

.content-block.bg-brand .button {
    background-color: #706f6f
}

.content-block.bg-brand .button:hover {
    background-color: #fff;
    color: #706f6f
}

.content-block {
    position: relative;
    z-index: 1
}

.content-block.bg-light {
    background: #fff
}

.content-block.bg-light-medium {
    background: #ededed
}

.content-block.bg-medium {
    background: #d3cfcf
}

.content-block.bg-dark {
    background: #706f6f
}

.content-block.bg-brand {
    background: #fbba00
}

.client-logos {
    display: grid;
    grid-auto-rows: minmax(calc(50vw - 0.65rem / 2), max-content);
    grid-gap: .325rem;
    grid-template-columns: repeat(2, 1fr);
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .client-logos {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .client-logos {
        width:69.7833333333rem
    }
}

@media all and (min-width: 48em) {
    .client-logos {
        grid-auto-rows:minmax(calc(25vw - 0.65rem * 3 / 4), max-content);
        grid-gap: .65rem;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media all and (min-width: 87.5em) {
    .client-logos {
        grid-auto-rows:16.9583333333rem;
        grid-template-columns: repeat(4, minmax(auto, 16.9583333333rem));
        max-width: 105rem
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .client-logos {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .client-logos .cl-member {
        height: 17.4458333333rem;
        margin: 0 .325rem .65rem;
        width: calc(25% - 0.4875rem)
    }

    .client-logos .cl-member:first-child {
        margin-left: 0
    }

    .client-logos .cl-member:last-child {
        margin-right: 0
    }
}

.client-logos .cl-member {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.3rem
}

.client-logos .cl-member.linked:hover .cl-img {
    transform: scale(1.05)
}

.client-logos .cl-member.tile-bg-light {
    background: #fff
}

.client-logos .cl-member.tile-text-light {
    color: #fff
}

.client-logos .cl-member.tile-bg-light-medium {
    background: #ededed
}

.client-logos .cl-member.tile-text-light-medium {
    color: #ededed
}

.client-logos .cl-member.tile-bg-medium {
    background: #d3cfcf
}

.client-logos .cl-member.tile-text-medium {
    color: #d3cfcf
}

.client-logos .cl-member.tile-bg-dark {
    background: #706f6f
}

.client-logos .cl-member.tile-text-dark {
    color: #706f6f
}

.client-logos .cl-member.tile-bg-brand {
    background: #fbba00
}

.client-logos .cl-member.tile-text-brand {
    color: #fbba00
}

.client-logos .cl-img {
    max-height: 100%;
    object-fit: contain;
    transition: .4s
}

.column-layout {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .column-layout {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .column-layout {
        width:69.7833333333rem
    }
}

.column-layout .content-block {
    background: none;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.column-layout .content-block+.content-block {
    margin-top: 1.3rem
}

.column-layout .content-block.text {
    padding: .65rem
}

@media all and (min-width: 48em) {
    .column-layout .content-block.text {
        padding:1.3rem
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .column-layout .cl-columns.inverted {
        flex-direction: row-reverse
    }

    .column-layout .cl-columns.vertically-centered {
        align-items: center
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns .cl-col {
        width:50%
    }
}

.column-layout .cl-columns .cl-col>.content-block {
    margin: 0
}

.column-layout .cl-columns .cl-col>:nth-child(n+2) {
    padding-top: 0
}

.column-layout .cl-columns .cl-col:not(:last-child) {
    margin-bottom: .325rem
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns .cl-col:not(:last-child) {
        margin-bottom:0
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns.col-3 .cl-col {
        width:33.33%
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns.golden .col1 {
        width:61.8%
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns.golden .col2 {
        width:38.2%
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns.inverted-golden .col1 {
        width:38.2%
    }
}

@media all and (min-width: 48em) {
    .column-layout .cl-columns.inverted-golden .col2 {
        width:61.8%
    }
}

.contact-block {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .contact-block {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .contact-block {
        width:69.7833333333rem
    }
}

@supports(display: grid) {
    .contact-block {
        display:grid;
        grid-gap: .325rem;
        grid-template-columns: 1fr
    }

    @media all and (min-width: 48em) {
        .contact-block {
            grid-gap:.65rem
        }
    }

    @media all and (min-width: 64em) {
        .contact-block {
            grid-template-columns:repeat(2, 1fr)
        }
    }
}

.contact-block .cb-tile {
    padding: .65rem
}

@media all and (min-width: 48em) {
    .contact-block .cb-tile {
        padding:1.3rem
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .contact-block .cb-tile {
        margin-bottom: .65rem;
        width: calc(50% - 0.325rem)
    }
}

.contact-block .cb-tile.map-link {
    padding: 0;
    position: relative
}

.contact-block .cb-tile.map-link::before {
    background: #fbba00;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    z-index: 3
}

.contact-block .cb-tile.map-link::after {
    align-items: center;
    background: #fff;
    background-size: contain;
    border: .3125rem solid #706f6f;
    border-radius: 50%;
    color: #fbba00;
    content: "";
    display: flex;
    height: 6.25rem;
    left: 50%;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    transition: transform .4s;
    width: 6.25rem;
    z-index: 4
}

.contact-block .cb-tile.map-link:hover .cb-map,.contact-block .cb-tile.map-link:hover::after {
    fill: #fbba00;
    transform: translate(-50%, -50%) scale(1)
}

.contact-block .cb-tile.map-link:hover::before {
    opacity: .75
}

.contact-block .cb-tile.tile-bg-light {
    background: #fff;
    color: #706f6f
}

.contact-block .cb-tile.tile-bg-light-medium {
    background: #ededed;
    color: #706f6f
}

.contact-block .cb-tile.tile-bg-medium {
    background: #d3cfcf;
    color: #706f6f
}

.contact-block .cb-tile.tile-bg-dark {
    background: #706f6f;
    color: #fff
}

.contact-block .cb-tile.tile-bg-brand {
    background: #fbba00;
    color: #fff
}

.contact-block .cb-map {
    fill: #706f6f;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    transition: transform .4s,fill .4s;
    width: 3.75rem;
    z-index: 5
}

.contact-block .cb-image {
    object-fit: cover
}

.contact-block .cb-company {
    font-family: "Eurostile","Arial",sans-serif
}

.contact-block .cb-subline {
    display: block;
    font-family: "Arial",sans-serif
}

.contact-block .cb-block {
    color: inherit;
    display: block;
    text-decoration: none
}

.contact-block .cb-block[href]:hover {
    text-decoration: underline
}

.contact-block .cb-block-header {
    display: block
}

.contact-block .cb-block-header,.contact-block .cb-block.address,.contact-block .cb-block.phone,.contact-block .cb-block.email {
    margin-top: .65rem
}

.contact-form {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .contact-form {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .contact-form {
        width:69.7833333333rem
    }
}

.contact-form .cf-header {
    margin-bottom: .65rem;
    width: 100%
}

@media all and (min-width: 48em) {
    .contact-form .cf-header {
        margin-bottom:1.3rem
    }
}

.contact-form .cf-button {
    margin: 0 auto
}

.grid {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .grid {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .grid {
        width:105rem
    }
}

.grid {
    display: grid;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(calc(50vw - (0.325rem)), max-content);
    grid-gap: .325rem;
    grid-template-columns: repeat(2, 1fr)
}

@media all and (min-width: 48em) {
    .grid {
        grid-auto-rows:minmax(calc(25vw - (0.325rem)), max-content);
        grid-gap: .65rem;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media all and (min-width: 87.5em) {
    .grid {
        grid-auto-rows:16.9583333333rem;
        grid-template-columns: repeat(6, minmax(auto, 16.9583333333rem))
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .grid {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .grid .g-tile {
        margin-bottom: .65rem
    }

    .grid .g-tile.desktop-width-1 {
        width: 16.6666%
    }

    .grid .g-tile.desktop-width-2 {
        width: 33.3332%
    }

    .grid .g-tile.desktop-width-3 {
        width: 49.9998%
    }

    .grid .g-tile.desktop-width-4 {
        width: 66.6664%
    }

    .grid .g-tile.desktop-width-5 {
        width: 83.333%
    }

    .grid .g-tile.desktop-width-6 {
        width: 99.9996%
    }

    .grid .g-tile.desktop-height-1 {
        min-height: 17.49993rem
    }

    .grid .g-tile.desktop-height-2 {
        min-height: 34.99986rem
    }

    .grid .g-tile.desktop-height-3 {
        min-height: 52.49979rem
    }
}

.grid .g-tile {
    overflow: hidden;
    padding: 1.3rem;
    position: relative;
    text-decoration: none
}

.grid .g-tile * {
    position: relative;
    z-index: 1
}

.grid .g-tile.font-huge {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
}

@media all and (min-width: 48em) {
    .grid .g-tile.font-huge .g-title {
        font-size:2rem
    }

    .grid .g-tile.font-huge .g-subline {
        font-size: 1.2rem
    }
}

@media all and (max-width: 47.9375em) {
    .grid .g-tile.hide-on-mobile {
        display:none
    }
}

@media all and (min-width: 48em)and (max-width: 87.4375em) {
    .grid .g-tile.hide-on-tablet {
        display:none
    }
}

.grid .g-tile.tile-bg-light {
    background: #fff
}

.grid .g-tile.tile-text-light * {
    color: #fff
}

.grid .g-tile.tile-bg-light-medium {
    background: #ededed
}

.grid .g-tile.tile-text-light-medium * {
    color: #ededed
}

.grid .g-tile.tile-bg-medium {
    background: #d3cfcf
}

.grid .g-tile.tile-text-medium * {
    color: #d3cfcf
}

.grid .g-tile.tile-bg-dark {
    background: #706f6f
}

.grid .g-tile.tile-text-dark * {
    color: #706f6f
}

.grid .g-tile.tile-bg-brand {
    background: #fbba00
}

.grid .g-tile.tile-text-brand * {
    color: #fbba00
}

.grid .g-tile.mobile-width-1 {
    grid-column: span 1
}

.grid .g-tile.mobile-width-2 {
    grid-column: span 2
}

.grid .g-tile.mobile-width-3 {
    grid-column: span 3
}

.grid .g-tile.mobile-width-4 {
    grid-column: span 4
}

.grid .g-tile.mobile-width-5 {
    grid-column: span 5
}

.grid .g-tile.mobile-width-6 {
    grid-column: span 6
}

.grid .g-tile.mobile-height-1 {
    grid-row: span 1
}

.grid .g-tile.mobile-height-2 {
    grid-row: span 2
}

.grid .g-tile.mobile-height-3 {
    grid-row: span 3
}

@media all and (min-width: 48em) {
    .grid .g-tile.tablet-width-1 {
        grid-column:span 1
    }

    .grid .g-tile.tablet-width-2 {
        grid-column: span 2
    }

    .grid .g-tile.tablet-width-3 {
        grid-column: span 3
    }

    .grid .g-tile.tablet-width-4 {
        grid-column: span 4
    }

    .grid .g-tile.tablet-width-5 {
        grid-column: span 5
    }

    .grid .g-tile.tablet-width-6 {
        grid-column: span 6
    }

    .grid .g-tile.tablet-height-1 {
        grid-row: span 1
    }

    .grid .g-tile.tablet-height-2 {
        grid-row: span 2
    }

    .grid .g-tile.tablet-height-3 {
        grid-row: span 3
    }
}

@media all and (min-width: 64em) {
    .grid .g-tile.desktop-width-1 {
        grid-column:span 1
    }

    .grid .g-tile.desktop-width-2 {
        grid-column: span 2
    }

    .grid .g-tile.desktop-width-3 {
        grid-column: span 3
    }

    .grid .g-tile.desktop-width-4 {
        grid-column: span 4
    }

    .grid .g-tile.desktop-width-5 {
        grid-column: span 5
    }

    .grid .g-tile.desktop-width-6 {
        grid-column: span 6
    }

    .grid .g-tile.desktop-height-1 {
        grid-row: span 1
    }

    .grid .g-tile.desktop-height-2 {
        grid-row: span 2
    }

    .grid .g-tile.desktop-height-3 {
        grid-row: span 3
    }
}

.grid .g-title {
    font-size: 1.125rem;
    margin-bottom: 1.3rem
}

.grid .g-subline {
    display: block
}

.grid .g-tile-img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.grid .tile-link::before {
    background: #fbba00;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s;
    z-index: 3
}

.grid .tile-link::after {
    align-items: center;
    background: #fff;
    border: .3125rem solid #706f6f;
    border-radius: 50%;
    color: #fbba00;
    content: "+";
    display: flex;
    font-size: 3rem;
    font-weight: 100;
    height: 4rem;
    justify-content: center;
    left: 50%;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    transition: opacity .4s,transform .4s;
    width: 4rem;
    z-index: 4
}

.grid .tile-link:hover::before {
    opacity: .75
}

.grid .tile-link:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.grid .type-video {
    display: block
}

.grid .type-video .g-title,.grid .type-image .g-title {
    bottom: .65rem;
    left: .65rem;
    margin: 0;
    position: absolute;
    right: .65rem;
    text-align: center
}

.image {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .image {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .image {
        width:69.7833333333rem
    }
}

.image.bg-dark .i-caption {
    color: #fff;
    fill: #fff
}

.image.bg-dark .i-caption * {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.image.bg-dark .i-caption li::before {
    border-left-color: #fff
}

.image.bg-brand .i-caption {
    color: #fff;
    fill: #fff
}

.image.bg-brand .i-caption * {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.image.bg-brand .i-caption li::before {
    border-left-color: #fff
}

.image.bg-brand .button {
    background-color: #706f6f
}

.image.bg-brand .button:hover {
    background-color: #fff;
    color: #706f6f
}

.image {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative
}

.image.center {
    align-items: center
}

.image.right {
    align-items: flex-end
}

.image.padding {
    padding: .65rem
}

@media all and (min-width: 48em) {
    .image.padding {
        padding:1.3rem
    }
}

.image.border-bottom {
    border-bottom: .9375rem solid #fbba00
}

.image.overlay .i-caption {
    background: hsla(0,0%,100%,.7);
    bottom: 0;
    color: #706f6f;
    left: 0;
    padding: .65rem;
    position: absolute;
    right: 0
}

.image.hide-on-mobile {
    display: none
}

@media all and (min-width: 37.5em) {
    .image.hide-on-mobile {
        display:block
    }
}

.image .i-item {
    width: 100%
}

.image .i-item.linked {
    display: block;
    position: relative
}

.image .i-item.linked:hover .i-link-overlay {
    right: .65rem
}

.image .i-item.linked:hover .i-link-text {
    opacity: 1;
    transform: translateY(0)
}

.image .i-item .i-link-overlay {
    align-items: center;
    bottom: .65rem;
    display: flex;
    font-weight: 700;
    left: .65rem;
    opacity: 1;
    position: absolute;
    text-align: left;
    text-decoration: none;
    transition: .4s;
    z-index: 1
}

.image .i-item .i-link-overlay svg {
    background: #fbba00;
    fill: hsla(0,0%,100%,.4);
    height: 3.125rem;
    margin-right: .65rem;
    padding: .65rem;
    width: 3.125rem
}

.image .i-item .i-link-text {
    background: #706f6f;
    color: #fff;
    line-height: 3.125rem;
    opacity: 0;
    padding: 0 1.3rem;
    transform: translateY(-100%);
    transition: .4s
}

.image .i-img {
    width: 100%
}

.image .i-img,.image .i-caption {
    text-align: center
}

.image .i-caption {
    font-size: .85em;
    font-style: italic;
    margin-top: .2em
}

.image .i-caption .button-row {
    margin-top: .325rem
}

.job-archive {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .job-archive {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .job-archive {
        width:69.7833333333rem
    }
}

@media all and (min-width: 48em) {
    .job-archive {
        display:flex;
        flex-wrap: wrap
    }
}

@supports(display: grid) {
    .job-archive {
        display:grid;
        grid-gap: .325rem;
        grid-template-columns: 100%
    }

    @media all and (min-width: 37.5em) {
        .job-archive {
            grid-template-columns:repeat(3, 1fr)
        }
    }

    @media all and (min-width: 48em) {
        .job-archive {
            grid-gap:.65rem
        }
    }

    @media all and (min-width: 64em) {
        .job-archive {
            grid-template-columns:repeat(4, 1fr)
        }
    }
}

.job-archive .ja-image {
    display: block;
    margin-bottom: .325rem;
    object-fit: cover;
    width: 100%
}

@media all and (min-width: 37.5em) {
    .job-archive .ja-image {
        margin-right:.325rem;
        width: 33.3333%
    }
}

@media all and (min-width: 48em) {
    .job-archive .ja-image {
        margin:0 .65rem .65rem 0
    }
}

@media all and (min-width: 64em) {
    .job-archive .ja-image {
        width:25%
    }
}

@supports(display: grid) {
    .job-archive .ja-image {
        height:auto;
        margin: 0;
        width: 100%
    }
}

.job-archive .ja-info {
    margin-bottom: .325rem;
    padding: 1.3rem
}

@media all and (min-width: 37.5em) {
    .job-archive .ja-info {
        width:calc(33.3333% - 0.325rem)
    }
}

@media all and (min-width: 48em) {
    .job-archive .ja-info {
        width:calc(33.3333% - 0.65rem)
    }
}

@media all and (min-width: 64em) {
    .job-archive .ja-info {
        width:calc(75% - 0.65rem)
    }
}

@supports(display: grid) {
    .job-archive .ja-info {
        margin:0
    }

    @media all and (min-width: 37.5em) {
        .job-archive .ja-info {
            grid-column:span 2;
            width: 100%
        }
    }

    @media all and (min-width: 64em) {
        .job-archive .ja-info {
            grid-column:span 3
        }
    }
}

.job-archive .ja-info.tile-bg-light {
    background: #fff
}

.job-archive .ja-info.tile-bg-light .ja-title,.job-archive .ja-info.tile-bg-light .ja-link,.job-archive .ja-info.tile-bg-light .ja-teaser {
    color: #706f6f
}

.job-archive .ja-info.tile-bg-light-medium {
    background: #ededed
}

.job-archive .ja-info.tile-bg-light-medium .ja-title,.job-archive .ja-info.tile-bg-light-medium .ja-link,.job-archive .ja-info.tile-bg-light-medium .ja-teaser {
    color: #706f6f
}

.job-archive .ja-info.tile-bg-medium {
    background: #d3cfcf
}

.job-archive .ja-info.tile-bg-medium .ja-title,.job-archive .ja-info.tile-bg-medium .ja-link,.job-archive .ja-info.tile-bg-medium .ja-teaser {
    color: #706f6f
}

.job-archive .ja-info.tile-bg-dark {
    background: #706f6f
}

.job-archive .ja-info.tile-bg-dark .ja-title,.job-archive .ja-info.tile-bg-dark .ja-link,.job-archive .ja-info.tile-bg-dark .ja-teaser {
    color: #fff
}

.job-archive .ja-info.tile-bg-brand {
    background: #fbba00
}

.job-archive .ja-info.tile-bg-brand .ja-title,.job-archive .ja-info.tile-bg-brand .ja-link,.job-archive .ja-info.tile-bg-brand .ja-teaser {
    color: #fff
}

.job-archive .ja-title {
    font-size: 1.25rem;
    margin-bottom: .65rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-archive .ja-teaser {
    margin-bottom: .65rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.job-archive .ja-link {
    font-weight: 700;
    text-decoration: none
}

.product-card {
    border: 1px solid #d3cfcf;
    overflow: hidden;
    position: relative;
    transition: border-color .4s
}

.product-card:hover {
    border-color: #fbba00
}

.product-card:hover .pc-image {
    transform: scale(1.05)
}

.product-card:hover .pc-title {
    background-color: #fbba00;
    color: #fff
}

.product-card .pc-image {
    display: block;
    height: auto;
    transition: .4s;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.product-card .pc-title {
    background: hsla(0,0%,100%,.7);
    bottom: 0;
    font-family: "Arial",sans-serif;
    font-size: 1rem;
    left: 0;
    padding: .65rem;
    position: absolute;
    right: 0;
    text-decoration: none;
    transition: .4s
}

.product-grid {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .product-grid {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .product-grid {
        width:69.7833333333rem
    }
}

.product-grid .pg-filters,.product-grid .pg-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .325rem
}

@media all and (min-width: 37.5em) {
    .product-grid .pg-filters,.product-grid .pg-grid {
        margin-left:-0.1625rem;
        margin-right: -0.1625rem
    }
}

@supports(display: grid) {
    .product-grid .pg-filters,.product-grid .pg-grid {
        display:grid;
        grid-gap: .325rem;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 0 .325rem
    }

    @media all and (min-width: 48em) {
        .product-grid .pg-filters,.product-grid .pg-grid {
            grid-gap:.65rem;
            grid-template-columns: repeat(3, 1fr);
            margin: 0 0 .65rem
        }
    }

    @media all and (min-width: 64em) {
        .product-grid .pg-filters,.product-grid .pg-grid {
            grid-template-columns:repeat(5, 1fr)
        }
    }
}

.product-grid .pg-grid.loading {
    opacity: .5;
    pointer-events: none
}

.product-grid .pg-no-result {
    grid-column: 1 / -1
}

.product-grid .pg-filter,.product-grid .pg-el {
    margin: 0 .65rem;
    margin-bottom: 1.3rem;
    width: calc(50vw - 1.3rem*2)
}

@media all and (min-width: 48em) {
    .product-grid .pg-filter,.product-grid .pg-el {
        width:calc((100% - 1.3rem*2)/3 - 1.3rem)
    }
}

@media all and (min-width: 64em) {
    .product-grid .pg-filter,.product-grid .pg-el {
        width:calc((100% - 1.3rem*2)/5 - 1.3rem)
    }
}

@supports(display: grid) {
    .product-grid .pg-filter,.product-grid .pg-el {
        margin:0;
        width: auto
    }
}

.product-grid .pg-filter {
    align-items: center;
    background: #d3cfcf;
    display: flex;
    justify-content: space-between;
    text-decoration: none
}

.product-grid .pg-filter:hover {
    background: #706f6f
}

.product-grid .pg-filter:hover h1{
    color: #fbba00
}


.product-grid .pg-filter.on{
    color: #fbba00;
    background: #706f6f;
}


.product-grid .pg-filter.on h1 {
    color: #fbba00;
}

.product-grid .pg-filter.active::after,.product-grid .pg-filter.active::before {
    align-items: center;
    content: "";
    display: flex;
    height: 1.925rem;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: width .3s;
    width: 0
}

.product-grid .pg-filter.active::after {
    background: url("./images/loading.svg") center center no-repeat rgba(0,0,0,0);
    background-size: 60%
}

.product-grid .pg-filter.active::before {
    background: rgb(200,148.2071713147,0)
}

.product-grid .pg-filter.active.loading {
    padding-right: 1.925rem
}

.product-grid .pg-filter.active.loading::after,.product-grid .pg-filter.active.loading::before {
    width: 1.925rem
}

.product-grid .pg-filter.active.loading::after {
    animation: spin 1s infinite linear
}

.product-grid .pg-filter.active svg * {
    fill: #706f6f
}

.product-grid .pg-filter.active:not(.loading):hover::after {
    background-color: #706f6f;
    color: #fbba00
}

.product-grid .pg-filter.active:not(.loading)::after {
    background: rgb(200,148.2071713147,0);
    color: #fff;
    content: "×";
    font-size: 1.7em;
    line-height: .7;
    transition: .4s;
    width: 1.925rem
}

.product-grid .pg-filter svg {
    display: block;
    fill: #706f6f;
    height: 1.925rem;
    max-width: 100%;
    padding: .65rem;
    transition: .4s
}

.product-grid .pg-term-description {
    margin: 0 0 1.3rem
}

.product-grid .pg-term-logo {
    font-size: 0;
    height: 1.25rem;
    margin-bottom: .65rem
}

.product-grid .pg-term-logo svg {
    height: 100%
}

.product-grid .pg-button-row {
    display: none
}

.product-grid .pg-button-row.active {
    display: block
}

.team-grid {
    display: flex;
    flex-wrap: wrap;
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .team-grid {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .team-grid {
        width:69.7833333333rem
    }
}

@supports(display: grid) {
    .team-grid {
        display:grid;
        grid-gap: .325rem;
        grid-template-columns: 1fr
    }

    @media all and (min-width: 37.5em) {
        .team-grid {
            grid-gap:.65rem
        }
    }

    @media all and (min-width: 64em) {
        .team-grid {
            grid-auto-rows:11.3055555556rem;
            grid-template-columns: repeat(4, 1fr)
        }
    }
}

.team-grid .tg-department {
    background: #fbba00;
    color: #fff;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1.3rem;
    padding: 1.3rem;
    width: 100%
}

@media all and (min-width: 64em) {
    .team-grid .tg-department {
        margin:0 .65rem 1.3rem;
        width: calc(50% - 1.3rem)
    }
}

@supports(display: grid) {
    .team-grid .tg-department {
        grid-column:1/span 2;
        margin: 0
    }

    @media all and (min-width: 37.5em) {
        .team-grid .tg-department {
            margin:0;
            width: auto
        }
    }
}

.team-grid .tg-department-title {
    font-size: 1.25rem;
    margin-bottom: .65rem
}

.team-grid .tg-member {
    align-items: stretch;
    background: #d3cfcf;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.3rem;
    overflow: hidden
}

@media all and (min-width: 37.5em) {
    .team-grid .tg-member {
        flex-direction:row;
        height: auto;
        margin: 0 .65rem 1.3rem;
        width: calc(50% - 1.3rem)
    }
}

@supports(display: grid) {
    .team-grid .tg-member {
        grid-column:span 2;
        margin: 0
    }

    @media all and (min-width: 37.5em) {
        .team-grid .tg-member {
            margin:0;
            width: auto
        }
    }
}

.team-grid .tg-member-image {
    height: auto;
    width: 100%
}

@media all and (min-width: 37.5em) {
    .team-grid .tg-member-image {
        max-width:25%;
        width: auto
    }
}

@media all and (min-width: 64em) {
    @supports(display: grid) {
        .team-grid .tg-member-image {
            height:100%
        }
    }

    .team-grid .tg-member-image {
        max-width: none
    }
}

.team-grid .tg-member-title {
    font-size: 1.125rem
}

.team-grid .tg-member-info {
    padding: 1.3rem
}

.team-grid .tg-member-email {
    display: block
}

.team-grid .tg-member-phone {
    display: block
}

.text {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .text {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .text {
        width:69.7833333333rem
    }
}

.text {
    padding: .65rem
}

@media all and (min-width: 48em) {
    .text {
        padding:1.3rem
    }
}

.video {
    margin: .325rem auto;
    max-width: calc(100% - 0.65rem)
}

@media all and (min-width: 48em) {
    .video {
        margin:.65rem auto;
        max-width: calc(100% - 1.3rem)
    }
}

@media all and (min-width: 87.5em) {
    .video {
        width:69.7833333333rem
    }
}

.video.bg-dark .tt-text,.video.bg-dark .tt-header {
    color: #fff;
    fill: #fff
}

.video.bg-dark .tt-text *,.video.bg-dark .tt-header * {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.video.bg-dark .tt-text li::before,.video.bg-dark .tt-header li::before {
    border-left-color: #fff
}

.video.bg-brand .tt-text,.video.bg-brand .tt-header {
    color: #fff;
    fill: #fff
}

.video.bg-brand .tt-text *,.video.bg-brand .tt-header * {
    border-color: #fff;
    color: #fff;
    fill: #fff
}

.video.bg-brand .tt-text li::before,.video.bg-brand .tt-header li::before {
    border-left-color: #fff
}

.video.bg-brand .button {
    background-color: #706f6f
}

.video.bg-brand .button:hover {
    background-color: #fff;
    color: #706f6f
}

.video .v-link {
    display: block;
    position: relative;
    width: 100%
}

.video .title-and-text {
    margin-bottom: 1.3rem
}

.cookie-consent {
    align-items: center;
    backdrop-filter: grayscale(1) blur(3px);
    background: rgba(0,0,0,.6);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 .65rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999
}

@media all and (min-width: 64em) {
    .cookie-consent {
        padding:1.3rem 2.6rem
    }
}

.cookie-consent .cc-inner {
    background: #fff;
    border-radius: 2px;
    color: #706f6f;
    max-height: 100%;
    max-width: 46.875rem;
    overflow-y: auto;
    padding: 1.3rem;
    width: 100%
}

@media all and (min-width: 64em) {
    .cookie-consent .cc-inner {
        padding:1.3rem
    }
}

.cookie-consent .cc-title {
    font-size: 1.125rem;
    margin: 0 0 1.3rem;
    text-transform: uppercase
}

.cookie-consent .cc-more {
    list-style: none;
    margin: 1.3rem 0;
    padding: 0
}

.cookie-consent .cc-more-el {
    display: inline
}

.cookie-consent .cc-more-el::after {
    content: " | "
}

.cookie-consent .cc-more-el a {
    color: #706f6f
}

.cookie-consent .cc-more-el:first-child::after,.cookie-consent .cc-more-el:last-child::after {
    content: ""
}

.cookie-consent .cc-options {
    display: flex;
    font-size: 1.2em;
    flex-direction: column;
    gap: .65rem
}

@media all and (min-width: 48em) {
    .cookie-consent .cc-options {
        flex-direction:row;
        gap: 1.3rem
    }
}

.cookie-consent .cc-option {
    cursor: pointer;
    margin: 0 0 .65rem
}

@media all and (min-width: 48em) {
    .cookie-consent .cc-option {
        margin:0 1.3rem 0 0
    }
}

.cookie-consent .cc-option .checkbox {
    marign: 0
}

.cookie-consent .cc-button-link {
    background: none;
    border: 0;
    color: #706f6f;
    cursor: pointer;
    display: block;
    font-family: "Arial",sans-serif;
    font-size: .8rem;
    margin: 0 0 .65rem;
    outline: none;
    padding: 0
}

.cookie-consent .cc-button-link:hover {
    text-decoration: underline
}

.cookie-consent .cc-button-link.cc-save {
    margin: .65rem 0 0
}

.cookie-consent .cc-details {
    margin: .65rem 0
}

.cookie-consent .cc-dl,.cookie-consent .cc-dt,.cookie-consent .cc-dd {
    display: block;
    float: none
}

.cookie-consent .cc-dl {
    background: #eee;
    border-radius: 3px;
    padding: .65rem
}

.cookie-consent .cc-dt {
    font-weight: bold;
    line-height: 1
}

.cookie-consent .cc-dd {
    font-size: .8em
}

.cookie-consent .cc-dd:not(:last-child) {
    margin: 0 0 1.3rem
}

.cookie-consent .cc-buttons {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    margin: 1.3rem 0 0
}

.cc-toggle-button {
    background: #fbba00;
    border: 0;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    box-shadow: 0 0 3px #706f6f;
    color: #706f6f;
    cursor: pointer;
    font-size: 0;
    height: 45px;
    padding: 10px 10px 8px;
    position: fixed;
    right: 2.6rem;
    transition: .3s;
    width: 45px;
    z-index: 99999999
}

.cc-toggle-button.hidden {
    transform: translateY(101%)
}

.cc-toggle-button:hover {
    background: #eee;
    color: #706f6f
}