.logo img {
    max-width: 250px;
}
.footer-logo img {
    max-width: 400px;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: initial;
    color: #a6a6a6;
    font-style: normal;
    font-weight: 400;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.uppercase {
    text-transform: uppercase;
}
.fontSize-0_6 {
    font-size: .6em;
    line-height: 1;
}
.fontSize-0_7 {
    font-size: .7em;
    line-height: 1.1;
}
.fontSize-1 {
    font-size: 1em;
    line-height: 1.2;
}
.fontSize-1_2 {
    font-size: 1.2em;
    line-height: 1.15;
}
.fontSize-2_2 {
    font-size: 2.2em;
    line-height: 1.1;
}
.fontSize-3_2 {
    font-size: 3em;
    line-height: 1.1;
}
.fontSize-5_2 {
    font-size: 4.75em;
    line-height: 1.05;
}
.fontSize-6_4 {
    font-size: 6.4em;
    line-height: 1.05;
}
.fontSize-8 {
    font-size: 8em;
    line-height: 1.1;
}
.fontSize-14 {
    font-size: 11.5em;
    line-height: 1.1;
    letter-spacing: -.03em;
}
.fontSize-18 {
    font-size: 18em;
    line-height: 1.1;
    letter-spacing: -.03em;
}
@media only screen and (max-width:1024px) {
    .fontSize-1_2 {
    font-size: 1.15em;
}
.fontSize-2_2 {
    font-size: 1.25em;
}
.fontSize-3_2 {
    font-size: 1.85em;
}
.fontSize-5_2 {
    font-size: 3.05em;
}
.fontSize-6_4 {
    font-size: 4.25em;
}
.fontSize-8 {
    font-size: 4.65em;
}
.fontSize-14 {
    font-size: 8em;
}
}@media only screen and (max-width:550px) {
    .fontSize-0_7 {
    font-size: .9em;
}
.fontSize-1 {
    font-size: 1.1em;
}
.fontSize-2_2 {
    font-size: 1.25em;
}
.fontSize-3_2 {
    font-size: 1.75em;
}
.fontSize-5_2 {
    font-size: 2.25em;
}
.fontSize-6_4 {
    font-size: 2.35em;
}
.fontSize-8 {
    font-size: 3em;
}
.fontSize-14 {
    font-size: 4.25em;
}
}html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    font-size: 1.05vw;
}
:root {
    --black: #1c1c21;
    --black-backdrop: rgba(0,  0,  0,  0.3);
    --white: #fff;
    --white-backdrop: rgba(255,  255,  255,  0.8);
    --white-mid: #f2f3f0;
    --white-mid-backdrop: rgba(242,  243,  240,  0.8);
    --grey: #b0b0b0;
    --light-grey: #e6e7e4;
    --light-grey-backdrop: rgba(230,  231,  228,  0.8);
    --B-primary: #263166;
    --family: "Neuzeit",  "Helvetica",  sans-serif;
    --main-gap: 1.66vw;
    --size: 1rem;
    --main-gap: 1.66vw;
}
body {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    font-size: var(--size);
    font-family: "Poppins", Sans-serif !important;
    color: var(--black);
    cursor: none;
    opacity: 0;
    transition-property: opacity, background-color;
    transition-duration: .8s;
    transition-timing-function: ease;
}
body.loaded {
    opacity: 1;
}
body.footer-inview {
    background-color: var(--light-grey);
}
* {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
*:focus {
    outline: none;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
::selection {
    background: #000;
    color: #fff;
}
::-moz-selection {
    background: #000;
    color: #fff;
}
p:not(:last-child) {
    margin-bottom: 1.5em;
}
a, a:hover, a:link {
    text-decoration: none;
    cursor: none;
}
img, video {
    display: block;
}
.lazy-picture {
    transition: opacity .2s ease;
    opacity: 0;
}
.lazy-picture.lazyloaded {
    opacity: 1;
}
.invisible {
    visibility: hidden;
}
.label-title {
    text-transform: uppercase;
    margin-bottom: 3.65vw;
}
.fullscreen {
    max-height: 65vw;
}
.container, .component {
    width: 100%;
    clear: both;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.container_66 {
    max-width: 66vw;
}
.absolute-position {
    position: absolute;
}
.relative-position {
    position: relative;
}
.padded-block {
    padding-left: var(--main-gap);
    padding-right: var(--main-gap);
}
.full-width-image img {
    width: 100%;
    height: auto;
}
.full-height-image img {
    height: 100%;
    width: auto;
}
.absolute-left-gap {
    left: var(--main-gap);
}
.absolute-right-gap {
    right: var(--main-gap);
}
.absolute-top-gap {
    top: var(--main-gap);
}
.absolute-bottom-gap {
    bottom: var(--main-gap);
}
.absolute-centered-vertical {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.absolute-centered-horizontal {
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.absolute-centered {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.holder-block {
    overflow: hidden;
}
.holder-block:after {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    pointer-events: none;
}
.holder_40:after {
    padding-bottom: 40%}
.holder_50:after {
    padding-bottom: 50%}
.holder_55:after {
    padding-bottom: 55%}
.holder_60:after {
    padding-bottom: 62.5%}
.holder_70:after {
    padding-bottom: 70%}
.holder_75:after {
    padding-bottom: 75%}
.holder_120:after {
    padding-bottom: 120%}
.holder_130:after {
    padding-bottom: 130%}
.holder_140:after {
    padding-bottom: 140%}
.holder_155:after {
    padding-bottom: 140%}
.holder-block .holder-fit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.holder-fit img, .holder-fit video {
    object-fit: cover;
    position: relative;
    width: 100%;
    height: 100%}
.transition {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
}
.slowTransition {
    transition: all .8s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .8s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .8s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.split-text.split-words {
    overflow: hidden;
}
.revealElement {
    -webkit-transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
.revealElement.slowReveal {
    -webkit-transition: opacity .8s ease, transform .8s ease;
    transition: opacity .8s ease, transform .8s ease;
}
.revealElement.swipeReveal {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: none;
    transition: none;
    overflow: hidden;
    line-height: 1.2;
}
.revealElement.scaleReveal {
    -webkit-transform: scale(.85);
    transform: scale(.85);
}
.revealElement.swipeReveal>span {
    display: block;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
}
.revealElement.revealed, .revealElement.swipeReveal.revealed>span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.revealElement.scaleReveal.revealed {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.component-structure-space {
    pointer-events: none;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-center {
    align-items: center;
    justify-content: center;
}
.rounded_0-5 {
    border-radius: .5vw;
}
.rounded-style-1 {
    border-radius: 1.5vw;
}
.rounded_5 {
    border-radius: 5vw;
}
.background_white {
    background: var(--white);
}
.background_white-mid {
    background: var(--white-mid);
}
.background_grey {
    background: var(--grey);
}
.background_light-grey {
    background: var(--light-grey);
}
.tax-label {
    display: block;
    width: auto;
    padding: .55vw 1vw .35vw;
    background-color: var(--white-mid-backdrop);
    -webkit-backdrop-filter: blur(.25vw);
    backdrop-filter: blur(.25vw);
    transition-property: color, background-color;
    transition-duration: .25s;
    transition-timing-function: ease;
}
.tax-label:hover {
    background: #263166 !important;
    color: #fff !important;
}
.rounded-button {
    background: var(--grey);
    color: var(--black);
    padding: .6vw .85vw .5vw;
    border-radius: 10vw;
    overflow: hidden;
    transition: background-color .25s ease;
}
.compare-button {
    background: var(--black);
    color: var(--white);
    padding: .6vw .85vw;
    border-radius: 10vw;
    overflow: hidden;
    transition: background-color .25s ease;
    align-items: center;
}
.compare-button.disabled {
    opacity: .35;
    pointer-events: none;
}
.compare-button:hover, .rounded-button:hover {
    background-color: var(--B-primary);
}
.compare-button span, .rounded-button span {
    margin-right: 2.1vw;
    transition-property: color, margin;
    transition-duration: .25s;
    transition-timing-function: ease;
    pointer-events: none;
}
.compare-button span {
    margin-right: 1.55vw;
}
.rounded-button:hover span {
    margin: 0 .55vw 0 1.55vw;
    color: var(--white);
}
.compare-button:hover span {
    margin: 0 0 0 1.55vw;
}
.rounded-button figure.rounded-button-arrow {
    background: url(../img/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: .8vw;
    height: .8vw;
    -webkit-transition: transform .25s ease;
    transition: transform .25s ease;
    pointer-events: none;
    margin-bottom: .1vw;
}

.rounded-button.download-btn figure.rounded-button-arrow {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rounded-button.download-btn:hover figure.rounded-button-arrow {
    -webkit-transform: rotate(135deg)scale(0);
    transform: rotate(135deg)scale(0);
}
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 20px var(--main-gap);
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    transition-property: transform, background-color;
    transition-duration: .6s;
    transition-timing-function: ease;
}
body.hiddenHeader header {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
body.filters-relocation header {
    background-color: var(--white);
}
body.filters-opened header {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: var(--white);
}
header>* {
    pointer-events: visible;
}
header .logo svg {
    width: 270px;
    height: auto;
}
header .logo svg path.path {
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease;
}
header.light-theme .logo svg path.path {
    fill: var(--white);
}
body.menu-opened header.light-theme svg path.path {
    fill: #1c1c21;
}
.headerLinks {
    gap: 1vw;
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
    transition-delay: .6s;
}
body.filters-opened .headerLinks {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
    transition-delay: 0s;
}
.header-btn {
    background: var(--black);
    color: var(--white);
    padding: 12px 20px 10px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    transition-property: background-color, color;
    transition-duration: .4s;
    transition-timing-function: ease;
}
header>.headerTgglr {
    right: var(--main-gap);
    pointer-events: none;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
    transition-property: background-color, color, transform;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
body.filters-opened header>.headerTgglr {
    pointer-events: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: .6s;
}
#comparator.header-btn {
    gap: 20px;
}
#comparator.header-btn svg path {
    fill: var(--white);
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease;
}
.header-btn:hover {
    background-color: var(--B-primary);
    color: var(--white);
}
header.light-theme .header-btn {
    color: var(--black);
    background: var(--white);
}
body.menu-opened header.light-theme .header-btn {
    background: var(--black);
    color: var(--white);
}
header.light-theme #comparator.header-btn svg path {
    fill: var(--black);
}
body.menu-opened header.light-theme #comparator.header-btn svg path {
    fill: var(--white);
}
.header-btn:hover {
    background-color: var(--B-primary)!important;
    color: var(--white)!important;
}
#comparator.header-btn:hover svg path {
    fill: var(--white)!important;
}
.headerTogglr .filters-tggl .cross, .hamburger {
    display: block;
    margin-left: 12px;
    width: 20px;
    height: 7px;
    position: relative;
    transition-property: height;
    transition-duration: .25s;
    transition-timing-function: ease;
    margin-bottom: 1px;
}
.headerTogglr .filters-tggl .cross, body.menu-opened .hamburger {
    height: 12px;
}
.headerTogglr .filters-tggl .cross:before, .headerTogglr .filters-tggl .cross:after, .hamburger:before, .hamburger:after {
    content: "";
    display: block;
    background: var(--white-mid);
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    transition-property: left, top, bottom, width, transform, background-color;
    transition-duration: .25s;
    transition-timing-function: ease;
}
header.light-theme .hamburger:before, header.light-theme .hamburger:after {
    background: var(--black);
}
body.menu-opened header.light-theme .hamburger:before, body.menu-opened header.light-theme .hamburger:after {
    background: var(--white);
}
.headerTogglr .filters-tggl .cross:before, .hamburger:before {
    top: 0;
}
.headerTogglr .filters-tggl .cross:after, .hamburger:after {
    bottom: 0;
}
.headerTogglr .filters-tggl .cross:before, .headerTogglr .filters-tggl .cross:after, body.menu-opened .hamburger:before, body.menu-opened .hamburger:after {
    left: 50%;
    width: 15px;
}
.headerTogglr .filters-tggl .cross:before, body.menu-opened .hamburger:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(45deg);
    transform: translate3d(-50%, -50%, 0)rotate(45deg);
}
.headerTogglr .filters-tggl .cross:after, body.menu-opened .hamburger:after {
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 50%, 0)rotate(-45deg);
    transform: translate3d(-50%, 50%, 0)rotate(-45deg);
}
.headerTgglr .filters-tggl:hover .cross:before, .headerTgglr .filters-tggl:hover .cross:after, #hamburger:hover .hamburger:before, #hamburger:hover .hamburger:after {
    background: var(--white)!important;
}
header .header-inferior {
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
#menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-mid-backdrop);
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    z-index: 9;
    padding: 5.33vw var(--main-gap)var(--main-gap);
    justify-content: space-between;
}
body.menu-opened #menu {
    opacity: 1;
    pointer-events: visible;
}
.upper-menu {
    padding-top: 3vw;
    padding-bottom: 3vw;
    justify-content: space-between;
}
#menu .upper-menu {
    overflow: visible;
}
.lower-menu {
    border-top: 1px solid var(--grey);
    padding-top: var(--main-gap);
    padding-bottom: 4.66vw;
}
.main-navigation {
    width: 66.66%}
#menu nav ul.sub-menu {
    width: 70%}
#menu nav ul.sub-menu {
    left: 50%;
    top: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0, 1vw, 0);
    transform: translate3d(0, 1vw, 0);
    transition-property: opacity, transform;
    transition-duration: .4s;
    transition-timing-function: ease;
}
#menu nav ul.sub-menu.show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: visible;
}
#menu nav ul.sub-menu>li {
    width: 100%}
#menu a {
    color: var(--black);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
#menu nav ul.sub-menu>li:not(:last-child)>a {
    padding-bottom: 1vw;
    display: block;
}
#menu a.out-of-focus {
    color: var(--grey);
}
#menu nav>ul>li a {
    position: relative;
}
#menu a.has-submenu:after {
    opacity: 0;
    content: "";
    display: block;
    background: var(--B-primary);
    -webkit-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
    background: url(../img/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1vw;
    height: 1.5vw;
    position: absolute;
    top: 55%;
    right: -2vw;
    transition-property: opacity, transform;
    transition-duration: .25s;
    transition-timing-function: ease;
}
#menu a.has-submenu:not(.on-focus):hover:after {
    opacity: .35;
    -webkit-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
}
#menu a.has-submenu.on-focus:after {
    opacity: 1;
    -webkit-transform: translate3d(1vw, -70%, 0);
    transform: translate3d(1vw, -70%, 0);
}
#menu nav .terciary-menu {
    display: block;
}
#menu nav .terciary-menu>span {
    font-size: 1rem;
    line-height: 1;
    display: block;
    margin-bottom: 1vw;
}
#menu nav .terciary-menu>ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1vw;
}
#menu nav .terciary-menu>ul li {
    width: 25%;
    padding-right: 2vw;
}
#menu nav .terciary-menu>ul li a {
    color: var(--grey);
    padding-bottom: .5vw;
    display: block;
}
#menu nav .terciary-menu>ul li a:hover {
    color: var(--black);
}
.navigation-images {
    width: 33.33%}
.navigation-images .holder-fit img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate3d(-50%, -50%, 0)scale(1.1);
    transform: translate3d(-50%, -50%, 0)scale(1.1);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: ease;
}
.navigation-images .holder-fit img.hide {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0)scale(1);
    transform: translate3d(-50%, -50%, 0)scale(1);
    transition: none;
}
#filtersMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-mid-backdrop);
    -webkit-backdrop-filter: blur(1vw);
    backdrop-filter: blur(1vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    z-index: 9;
    padding: 140px 0;
    justify-content: flex-start;
}
body.filters-opened #filtersMenu {
    opacity: 1;
    pointer-events: visible;
}
.filters-showcase {
    height: 8.75vw;
}
.header-inferior {
    transition-property: opacity, background-color;
    transition-duration: .6s;
    transition-timing-function: ease;
}
body.menu-opened .header-inferior, body.filters-opened .header-inferior {
    opacity: 0;
    pointer-events: none;
}
body.filters-relocation .header-inferior {
    padding: .5vw var(--main-gap)0;
    background: var(--white);
}
.inner-filters-showcase {
    justify-content: space-between;
    align-items: flex-start;
    gap: 10vw;
    padding-top: .85vw;
    padding-bottom: 1.5vw;
}
.filters-showcase .inner-filters-showcase {
    position: absolute;
    top: 0;
    left: 0;
}
header .inner-filters-showcase {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid transparent;
}
body:not(.hiddenHeader) header .inner-filters-showcase {
    border-top: 1px solid var(--grey);
}
.inner-filters-showcase .column:first-child {
    width: 100%;
    column-gap: var(--main-gap);
    row-gap: .4vw;
    flex-wrap: wrap;
}
.inner-filters-showcase a {
    color: var(--black);
}
.inner-filters-showcase a.filters-toggl {
    padding-left: 1vw;
    position: relative;
}
.inner-filters-showcase a.filters-tggl:hover {
    color: var(--B-primary);
}
#filtersMenu .filters::-webkit-scrollbar {
    display: none;
}
#filtersMenu .filters {
    width: 100%;
    margin-top: 3.25vw;
    padding-top: .5vw;
    row-gap: 5.5vw;
    column-gap: var(--main-gap);
    height: auto;
    max-height: 100%;
    overflow-y: scroll;
    flex-wrap: wrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.filter-block {
    width: -webkit-calc(33.33% - var(--main-gap) * 2/3);
    width: calc(33.33% - var(--main-gap) * 2/3);
}
.filter-block>.flex-row {
    margin-top: 1.25vw;
    flex-wrap: wrap;
    gap: .6vw;
}
.filter-btn {
    color: var(--black);
    background: var(--light-grey);
}
body.touchDevice .filter-btn:hover {
    background: var(--light-grey);
}
body:not(.touchDevice) .filter-btn:hover, .filter-btn.active, body.touchDevice .filter-btn.active {
    color: var(--white);
    background: var(--black);
}
.inner-filters-showcase .filter-row {
    display: none;
}
.inner-filters-showcase .filter-row.show {
    display: flex;
}
.inner-filters-showcase .filter-row>span {
    color: var(--grey);
}
.inner-filters-showcase .filter-row.filter-row-initial>span {
    margin-right: 1vw;
}
.inner-filters-showcase .filter-row .filter-pitch, .inner-filters-showcase .filter-row .filter-brightness, .inner-filters-showcase .filter-row .filter-btn {
    background: 0 0;
    padding-left: 1vw;
    padding-right: .5vw;
    position: relative;
    display: none;
}
.inner-filters-showcase .filters-tggl {
    display: block;
    padding-left: 1vw;
    position: relative;
}
.inner-filters-showcase .filter-row .filter-pitch, .inner-filters-showcase .filter-row .filter-brightness, .inner-filters-showcase .filter-row .filter-pitch .flex-row, .inner-filters-showcase .filter-row .filter-brightness .flex-row {
    gap: .4vw;
}
.inner-filters-showcase .filter-row .filter-pitch, .inner-filters-showcase .filter-row .filter-brightness {
    display: flex;
}
.inner-filters-showcase .filter-row .flex-row {
    flex-wrap: wrap;
}
.inner-filters-showcase .filter-row .filter-btn.active {
    color: var(--black);
    background: 0 0!important;
    display: block;
}
.inner-filters-showcase .filter-row .filter-pitch:hover, .inner-filters-showcase .filter-row .filter-brightness:hover, .inner-filters-showcase .filter-row .filter-btn.active:hover {
    color: var(--B-primary);
}
.inner-filters-showcase .filter-row .filter-pitch .cross, .inner-filters-showcase .filter-row .filter-brightness .cross, .inner-filters-showcase .filter-row .filter-btn .cross, .inner-filters-showcase .filters-tggl .cross {
    position: absolute;
    width: .6vw;
    height: .6vw;
    left: .2vw;
    top: 40%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
.inner-filters-showcase .filter-row .filter-pitch .cross:after, .inner-filters-showcase .filter-row .filter-brightness .cross:after, .inner-filters-showcase .filter-row .filter-pitch .cross:before, .inner-filters-showcase .filter-row .filter-brightness .cross:before, .inner-filters-showcase .filter-row .filter-btn .cross:after, .inner-filters-showcase .filter-row .filter-btn .cross:before, .inner-filters-showcase .filters-tggl .cross:after, .inner-filters-showcase .filters-tggl .cross:before {
    content: "";
    display: block;
    background: var(--black);
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
}
.inner-filters-showcase .filter-row .filter-pitch:hover .cross:after, .inner-filters-showcase .filter-row .filter-brightness:hover .cross:after, .inner-filters-showcase .filter-row .filter-pitch:hover .cross:before, .inner-filters-showcase .filter-row .filter-brightness:hover .cross:before, .inner-filters-showcase .filter-row .filter-btn:hover .cross:after, .inner-filters-showcase .filter-row .filter-btn:hover .cross:before, .inner-filters-showcase .filters-tggl:hover .cross:after, .inner-filters-showcase .filters-tggl:hover .cross:before {
    background-color: var(--B-primary);
}
.inner-filters-showcase .filter-row .filter-pitch .cross:after, .inner-filters-showcase .filter-row .filter-brightness .cross:after, .inner-filters-showcase .filter-row .filter-btn .cross:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(45deg);
    transform: translate3d(-50%, -50%, 0)rotate(45deg);
}
.inner-filters-showcase .filters-tggl .cross:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(90deg);
    transform: translate3d(-50%, -50%, 0)rotate(90deg);
}
.inner-filters-showcase .filter-row .filter-pitch .cross:before, .inner-filters-showcase .filter-row .filter-brightness .cross:before, .inner-filters-showcase .filter-row .filter-btn .cross:before {
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 50%, 0)rotate(-45deg);
    transform: translate3d(-50%, 50%, 0)rotate(-45deg);
}
.inner-filters-showcase .filters-tggl .cross:before {
    bottom: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
}
#specialCursor {
    position: fixed;
    border-radius: 100%;
    width: .65vw;
    height: .65vw;
    top: 0;
    left: 0;
    text-align: center;
    background-color: initial;
    border: 1px solid var(--black);
    z-index: 999;
    pointer-events: none;
    transition-property: width, height, opacity, border-width, border-radius, border-color, background-color, background-color;
    transition-duration: .25s;
    transition-timing-function: ease;
}
body.touchDevice #specialCursor {
    display: none!important;
}
#specialCursor.dark-mode {
    border-color: var(--white);
}
#specialCursor.hoverEntry {
    width: 11.45vw;
    height: 2.7vw;
    border-radius: 1.35vw;
    border-color: transparent;
}
#specialCursor.hoverLink, #specialCursor.hoverCompare, #specialCursor.hoverSlider, #specialCursor.hoverDefaultSlider, #specialCursor.hoverToggle, #specialCursor.hoverTab, #specialCursor.hoverDownload {
    width: 5vw;
    height: 5vw;
    border: 1px solid var(--B-primary);
    border-radius: 100%}
#specialCursor.hoverDefaultSlider[color=white], #specialCursor.hoverLink[color=white], #specialCursor.hoverCompare[color=white], #specialCursor.hoverToggle[color=white], #specialCursor.hoverTab {
    background-color: var(--white-backdrop)!important;
    -webkit-backdrop-filter: blur(.25vw);
    backdrop-filter: blur(.25vw);
}
#specialCursor.hoverDefaultSlider[color=white-mid], #specialCursor.hoverLink[color=white-mid], #specialCursor.hoverToggle[color=white-mid], #specialCursor.hoverEntry {
    background-color: var(--white-mid-backdrop);
    -webkit-backdrop-filter: blur(.25vw);
    backdrop-filter: blur(.25vw);
}
#specialCursor.hoverLink[color=light-grey] {
    background-color: var(--light-grey-backdrop);
    -webkit-backdrop-filter: blur(.25vw);
    backdrop-filter: blur(.25vw);
}
#specialCursor.hoverDownload {
    background-color: var(--black-backdrop);
    -webkit-backdrop-filter: blur(.25vw);
    backdrop-filter: blur(.25vw);
}
#specialCursor #cursorArrow, #specialCursor #cursorCompare, #specialCursor #cursorToggle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 0;
    height: 0;
    transition-property: width, height, transform;
    transition-duration: .25s;
    transition-timing-function: ease;
}
#specialCursor.hoverDefaultSlider #cursorArrow, #specialCursor.hoverSlider #cursorArrow, #specialCursor.hoverLink #cursorArrow, #specialCursor.hoverDownload #cursorArrow {
    width: 2vw;
    height: 2.15vw;
}
#specialCursor.hoverCompare #cursorCompare {
    width: 2.65vw;
    height: 2.65vw;
}
#specialCursor.hoverToggle #cursorToggle, #specialCursor.hoverTab #cursorToggle {
    width: 2.65vw;
    height: 2.65vw;
}
#specialCursor.hoverToggle_close #cursorToggle {
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(45deg);
    transform: translate3d(-50%, -50%, 0)rotate(45deg);
}
#specialCursor.hoverDefaultSlider.rightSlider #cursorArrow, #specialCursor.hoverSlider.rightSlider #cursorArrow {
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(0);
    transform: translate3d(-50%, -50%, 0)rotate(0);
}
#specialCursor.hoverDefaultSlider.leftSlider #cursorArrow, #specialCursor.hoverSlider.leftSlider #cursorArrow {
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(180deg);
    transform: translate3d(-50%, -50%, 0)rotate(180deg);
}
#specialCursor.hoverLink #cursorArrow {
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(-45deg)!important;
    transform: translate3d(-50%, -50%, 0)rotate(-45deg)!important;
}
#specialCursor.hoverDownload #cursorArrow {
    -webkit-transform: translate3d(-50%, -50%, 0)rotate(90deg)!important;
    transform: translate3d(-50%, -50%, 0)rotate(90deg)!important;
}
#specialCursor.hoverDefaultSlider #cursorArrow path, #specialCursor.hoverSlider #cursorArrow path, #specialCursor.hoverLink #cursorArrow path, #specialCursor.hoverDownload #cursorArrow path {
    fill: var(--B-primary);
}
#specialCursor.hoverToggle #cursorToggle:before, #specialCursor.hoverToggle #cursorToggle:after, #specialCursor.hoverTab #cursorToggle:before, #specialCursor.hoverTab #cursorToggle:after {
    content: "";
    position: absolute;
    background: var(--B-primary);
}
#specialCursor.hoverToggle #cursorToggle:before, #specialCursor.hoverTab #cursorToggle:before {
    top: -webkit-calc(50% - 1px);
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    left: 0;
}
#specialCursor.hoverToggle #cursorToggle:after, #specialCursor.hoverTab #cursorToggle:after {
    left: -webkit-calc(50% - 1px);
    left: calc(50% - 1px);
    height: 100%;
    width: 2px;
    top: 0;
}
#specialCursor.hoverTab #cursorToggle:after {
    -webkit-transition: height .25s ease;
    transition: height .25s ease;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
#specialCursor.hoverTab.hoverTab_close #cursorToggle:after {
    height: 2px;
}
#specialCursor #cursorLabel {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    overflow: hidden;
    line-height: 1.2;
}
#specialCursor #cursorLabel span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
}
#specialCursor.showLabel #cursorLabel span {
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
    transition-delay: .2s;
}
#specialCursor.hoverLink #cursorLabel span {
    opacity: 0;
    transition: none;
}
footer {
    padding-bottom: 2vw;
    pointer-events: none;
}
#contact {
    padding-top: 15vw;
    padding-bottom: 20vw;
    pointer-events: none;
}

#contact form {
    width: 100%;
    max-width: 40vw;
    pointer-events: visible;
}
.inner-footer {
    pointer-events: visible;
}
.lower-footer {
    margin-top: 14vw;
}
.inner-footer .footer-logo {
    margin-bottom: 3.9vw;
}
.inner-footer .footer-logo svg {
    width: 270px;
    height: auto;
}
.inner-footer ul {
    list-style: none;
}
.inner-footer ul li:not(:last-child) {
    margin-bottom: .25vw;
}
.inner-footer a {
    color: var(--black);
}
.inner-footer a:after {
    content: "";
    height: 1px;
    width: 0;
    background: var(--black);
    position: absolute;
    left: 0;
    -webkit-transition: width .25s ease;
    transition: width .25s ease;
}
.inner-footer .footer-column a:after {
    bottom: .1vw;
}
.inner-footer:not(.lower-footer) .footer-column:last-child a:after {
    bottom: .25vw;
}
.inner-footer a:hover:after {
    width: 100%}
.footer-column:first-child, .inner-footer:not(.lower-footer) .footer-column:last-child ul:first-child {
    width: 40%}
.footer-column:last-child, .inner-footer:not(.lower-footer) .footer-column:last-child ul:last-child {
    width: 60%}
.lower-footer .footer-column:last-child {
    justify-content: space-between;
}
.lower-footer .footer-column:last-child ul {
    gap: var(--main-gap);
}

#e404 {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    padding: 0 var(--main-gap);
}
#e404 h2 {
    max-width: 37.5vw;
}
#e404 .rounded-btn {
    margin-top: 2vw;
}
.scroll-indicator {
    bottom: 3.5vw;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    z-index: 2;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}
.scrolled .scroll-indicator, .hide-indicator .scroll-indicator {
    opacity: 0;
}
.scroll-indicator span {
    display: block;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: -12px;
    animation: indicator 1.65s infinite;
}
.scroll-indicator.white span {
    border-bottom: 2px solid var(--white);
    border-right: 2px solid var(--white);
}
.scroll-indicator.black span {
    border-bottom: 2px solid var(--black);
    border-right: 2px solid var(--black);
}
.scroll-indicator span:nth-child(2) {
    animation-delay: -.2s;
}
.scroll-indicator span:nth-child(3) {
    animation-delay: -.4s;
}
@keyframes indicator {
    0% {
    opacity: 0;
    transform: rotate(45deg)translate3d(-10px, -10px, 0);
    -webkit-transform: rotate(45deg)translate3d(-10px, -10px, 0);
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: rotate(45deg)translate3d(10px, 10px, 0);
    -webkit-transform: rotate(45deg)translate3d(10px, 10px, 0);
}
}.cmplz-cookiebanner.cmplz-show {
    box-shadow: none!important;
}
#regionPopup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .25);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    z-index: 998;
}
body.show-region-popup #regionPopup {
    display: block;
}
#regionPopup .inner-popup {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    background-color: var(--white-mid);
    border-radius: 12px;
    padding: 24px 20px;
    width: 460px;
    gap: 17px;
}
#regionPopup .inner-popup .fontSize-2_2 {
    font-size: 32px!important;
}
#regionPopup .inner-popup .fontSize-1_2 {
    font-size: 20px;
}
#regionPopup .popup-options {
    width: 100%;
    justify-content: space-between;
}
#regionPopup .popup-options-select {
    width: calc(75% - 6px);
    width: -webkit-calc(75% - 6px);
}
#regionPopup select {
    background: var(--grey);
    border: 0;
    width: 100%;
    font-size: 20px;
    padding: 5px 20px;
    border-radius: 10vw;
    height: 30px;
}
.popup-options-select:after {
    width: 15px!important;
    height: 15px!important;
    top: 30%;
    right: 20px!important;
}
#regionPopup button {
    width: calc(25% - 6px);
    width: -webkit-calc(25% - 6px);
    border: 0;
    color: var(--white);
    background: var(--black);
    transition: background-color .25s ease;
    -webkit-transition: background-color .25s ease;
    cursor: none;
    padding: 5px;
    font-size: 11px;
    height: 30px;
    font-family: gordita, sans-serif;
}
#regionPopup button:hover {
    background: var(--B-primary);
}
@media only screen and (max-width:1024px) {
    html {
    font-size: 1.85vw;
}
:root {
    --main-gap: 2.75vw;
}
.fullscreen {
    max-height: unset;
}
.rounded-style-1 {
    border-radius: 1.25vw;
}
.rounded_5 {
    border-radius: 7.5vw;
}
.compare-button, .rounded-button {
    padding: 1.25vw 2.15vw 1.22vw;
}
.rounded-button figure.rounded-button-arrow {
    width: 1.25vw;
    height: 1.25vw;
}
.compare-button figure.compare-button-arrow {
    width: 2vw;
    height: 1.5vw;
}
.tax-label {
    padding: .8vw 1.35vw .45vw;
    border-radius: 10vw;
}
.header-btn {
    padding: 10px 15px 8px;
    font-size: 12px;
}
#comparator.header-btn svg {
    width: 20px;
    height: auto;
    display: block;
}
#specialCursor #cursorLabel {
    font-size: .65em;
}
header .logo svg {
    width: 190px;
}
#menu {
    padding: 10vw var(--main-gap);
}
.main-navigation {
    font-size: 2.5em;
    width: 100%}
#menu nav ul.sub-menu>li:not(:last-child) a {
    padding-bottom: 1vw;
}
#menu nav ul.sub-menu.show a {
    color: var(--black)!important;
}
.inner-footer .footer-logo svg {
    width: 190px;
}
.inner-footer ul.fontSize-1, .inner-footer ul.fontSize-2_2 {
    font-size: 1.3em;
}
#newsletter {
    padding-top: 12.5vw;
    padding-bottom: 20vw;
}
body.page-template-compare #newsletter, body.page-template-series #newsletter, body.single-projects #newsletter, body.single-series #newsletter {
    padding-top: 20vw;
}
.lower-footer {
    margin-top: 15vw;
    font-size: .8em;
}
#newsletter .contact-form {
    max-width: 55vw;
}
.contact-form .row {
    margin-bottom: 1.5vw;
}
.contact-form input:not([type=checkbox]), .contact-form textarea, .contact-form select {
    border-radius: 1.25vw;
    font-size: 1.25vw;
}
.contact-form textarea {
    height: 10vw;
}
.contact-form .row .full.privacy-div {
    font-size: 1.15vw;
    padding-left: .25vw;
}
.contact-form .wpcf7-acceptance input[type=checkbox] {
    margin-right: .8vw;
}
.contact-form .row .full.submit-div {
    padding-top: 0;
}
.contact-form input[type=submit] {
    padding: .55vw 3.25vw;
}
.contact-form .wpcf7 form .wpcf7-response-output {
    padding-left: 2vw;
    font-size: 1.15vw;
}
.contact-form .wpcf7-not-valid-tip {
    font-size: .95vw;
}
.form-popup {
    padding-left: 5vw;
    padding-right: 9vw;
}
.form-popup>.column.flex-column {
    max-width: 25vw;
}
.filters-showcase {
    height: 12vw;
}
.inner-filters-showcase .filters-tggl {
    padding-left: 2vw;
}
.inner-filters-showcase .filter-row .filter-pitch .cross, .inner-filters-showcase .filter-row .filter-brightness .cross, .inner-filters-showcase .filter-row .filter-btn .cross, .inner-filters-showcase .filters-tggl .cross {
    width: 1vw;
    height: 1vw;
    left: .5vw;
    top: 35%}
#filtersMenu .filters {
    padding-top: 3.5vw;
    row-gap: 10vw;
}
.filter-block.filter-big {
    width: 100%}
.filter-block>.flex-row {
    gap: 1vw;
    margin-top: 2.2vw;
}
.inner-filters-showcase {
    padding-top: 1.5vw;
}
.inner-filters-showcase .filter-row .filter-pitch, .inner-filters-showcase .filter-row .filter-brightness, .inner-filters-showcase .filter-row .filter-btn {
    padding-left: 2vw;
    padding-right: .8vw;
}
#filtersMenu .filter-btn {
    padding: 1.25vw 2.15vw .7vw;
}
#e404 h1 {
    font-size: 9.5em;
}
#e404 h2 {
    font-size: 2.85em;
    max-width: 65vw;
}
#e404 .rounded-btn {
    margin-top: var(--main-gap);
}
.scroll-indicator {
    bottom: 6.5vw;
}
#regionPopup .popup-options-select {
    width: calc(60% - 6px);
    width: -webkit-calc(60% - 6px);
}
#regionPopup button {
    height: 30px;
    padding: 5px;
    font-size: 11px;
    width: calc(40% - (var(--main-gap) * .5));
    width: -webkit-calc(40% - (var(--main-gap) * .5));
}
}@media only screen and (max-width:768px) {
    #regionPopup .inner-popup {
    left: var(--main-gap);
    top: var(--main-gap);
    width: -webkit-calc(100% - var(--main-gap) * 2);
    width: calc(100% - var(--main-gap) * 2);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
}@media only screen and (max-width:550px) {
    html {
    font-size: 3.5vw;
}
:root {
    --main-gap: 4vw;
}
.rounded-style-1 {
    border-radius: 3vw;
}
.rounded_5 {
    border-radius: 10vw;
}
.compare-button, .rounded-button {
    padding: 2.25vw 3.25vw 1.95vw;
}
.rounded-button figure.rounded-button-arrow {
    width: 2.4vw;
    height: 2.4vw;
}
.compare-button figure.compare-button-arrow {
    width: 3.5vw;
    height: 2.85vw;
}
.compare-button span, .rounded-button span {
    margin-right: 3vw;
}
.tax-label {
    padding: 1.85vw 2vw .85vw;
}
header .logo svg {
    width: 110px;
}
.header-btn {
    padding: 10px 14px 8px;
    font-size: 10px;
}
.hamburger {
    height: 5px;
}
#comparator.header-btn {
    gap: 10px;
}
header .logo svg {
    width: 145px;
}
.headerLinks #contactBtn, .headerLinks #comparator {
    display: none;
}
.hamburger {
    margin-left: 6px;
}
.hamburger:before, .hamburger:after {
    height: 1px;
}
#menu {
    padding: 20vw var(--main-gap);
}
#menu nav ul {
    width: 100%}
.main-navigation {
    font-size: 2.4em;
}
#menu nav ul.sub-menu>li {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
#menu nav ul.sub-menu {
    display: none;
    left: 0;
    position: relative;
    padding: var(--main-gap)0;
    padding-left: calc(var(--main-gap) * 2);
    font-size: .8em;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#menu nav ul.sub-menu.show {
    display: block;
}
#menu a.has-submenu:after {
    -webkit-transform: translate3d(-100%, -70%, 0);
    transform: translate3d(-100%, -70%, 0);
    width: 3vw;
    height: 5.5vw;
    right: 0;
    top: 47%}
#menu a.has-submenu:not(.on-focus):hover:after {
    opacity: 0;
}
#menu a.has-submenu.on-focus:after {
    -webkit-transform: translate3d(5vw, -50%, 0);
    transform: translate3d(5vw, -50%, 0);
}
#menu nav .terciary-menu>ul li {
    width: 25%;
    padding-right: 10px;
}
#menu nav ul.sub-menu>li:not(:last-child) a {
    padding-bottom: 3vw;
}
#menu nav .terciary-menu>ul {
    margin-bottom: 2vw;
}
#menu nav .terciary-menu>ul li a {
    padding-bottom: 1vw;
}
#menu nav .terciary-menu>span {
    margin-bottom: 3vw;
    text-decoration: underline;
}
.footer-column {
    flex-direction: column;
}
.inner-footer:not(.lower-footer) {
    flex-direction: column;
    gap: 15vw;
}
.inner-footer:not(.lower-footer) .footer-column:first-child {
    justify-content: space-between;
}
.inner-footer:not(.lower-footer) .footer-column {
    width: 100%}
.inner-footer .footer-logo, .inner-footer:not(.lower-footer) .footer-column ul {
    width: 50%!important;
}
.inner-footer:not(.lower-footer) .footer-column {
    flex-direction: row;
}
.inner-footer .footer-logo {
    margin-bottom: 0;
}
.inner-footer .footer-logo svg {
    width: 120px;
}
.inner-footer ul {
    width: 100%!important;
}
.inner-footer ul li {
    margin-bottom: 2.5vw!important;
}
.lower-footer {
    margin-top: 15vw;
    flex-direction: column;
    font-size: 1em;
    position: relative;
}
.lower-footer .footer-column {
    width: 100%!important;
}
.lower-footer .footer-column:first-child, .lower-footer .footer-column:last-child span {
    font-size: .75em;
}
.lower-footer .footer-column:first-child {
    position: absolute;
    bottom: 0;
    left: 0;
}
.lower-footer .footer-column:last-child {
    align-items: flex-end;
    gap: 15vw;
}
.lower-footer .footer-column:last-child ul, .lower-footer .footer-column:last-child span {
    width: 50%!important;
}
.lower-footer .footer-column:last-child ul {
    font-size: 1.3em;
    flex-direction: column;
    gap: 0;
}
#newsletter {
    padding-top: 25vw;
    padding-bottom: 40vw;
}
body.page-template-compare #newsletter, body.page-template-series #newsletter, body.single-projects #newsletter, body.single-series #newsletter {
    padding-top: 45vw;
}
#newsletter .fontSize-8 {
    max-width: 85%}
#newsletter .contact-form {
    max-width: 100%}
.contact-form .row {
    margin-bottom: 3.5vw;
}
.contact-form input:not([type=checkbox]), .contact-form textarea, .contact-form select {
    border-radius: 3vw;
    font-size: 3vw;
    padding: 2vw 3vw .6vw;
}
.contact-form textarea {
    height: 24vw;
}
.contact-form .row .full.privacy-div {
    font-size: 3.5vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.contact-form .wpcf7-acceptance input[type=checkbox] {
    margin-right: 2.5vw;
}
.contact-form input[type=checkbox]:before, .contact-form input[type=checkbox]:after {
    top: 45%}
.contact-form input[type=checkbox]:before {
    width: 20px;
    height: 20px;
}
.contact-form input[type=checkbox]:after {
    width: 12px;
    height: 12px;
}
.contact-form .row .full.submit-div {
    padding-top: 0;
}
.contact-form input[type=submit] {
    padding: 1.5vw 6vw;
}
.contact-form .wpcf7 form .wpcf7-response-output {
    width: -webkit-calc(100% - 22vw);
    width: calc(100% - 22vw);
    font-size: 2.4vw;
}
.contact-form .wpcf7-not-valid-tip {
    font-size: 2.4vw;
    right: 3vw;
}
.contact-form .select-block:after, .popup-options-select:after {
    width: 1.5vw;
    height: 1.5vw;
    right: var(--main-gap);
}
#registerPopup .form-popup {
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0);
}
#registerPopup .forms-popup:after {
    padding-bottom: 100%}
#registerPopup .form-popup .contact-form {
    padding-top: 2vw;
}
#registerPopup .contact-form .row {
    flex-direction: column;
    gap: var(--main-gap);
}
#registerPopup .contact-form .row .column {
    width: 100%;
    margin-right: 0!important;
}
.form-popup {
    padding-left: var(--main-gap);
    padding-right: var(--main-gap);
    flex-direction: column;
    gap: var(--main-gap);
}
.form-popup>* {
    max-width: 100%!important;
    width: 100%!important;
}
.popup-close {
    width: 8vw;
    height: 8vw;
}
.filters-showcase {
    height: 15vw;
}
.inner-filters-showcase {
    justify-content: flex-end;
    font-size: 1.25em;
    padding-top: var(--main-gap);
    padding-bottom: var(--main-gap);
}
.inner-filters-showcase .column:first-child {
    display: none;
}
.inner-filters-showcase .filters-tggl {
    padding-left: 4vw;
}
.inner-filters-showcase .filter-row .filter-pitch .cross, .inner-filters-showcase .filter-row .filter-brightness .cross, .inner-filters-showcase .filter-row .filter-btn .cross, .inner-filters-showcase .filters-tggl .cross {
    width: 3vw;
    height: 3vw;
}
#filtersMenu {
    padding: 105px 0 10vw;
}
#filtersMenu .filters {
    margin-top: 10vw;
}
.filter-block {
    width: 100%}
.filter-block>.flex-row {
    margin-top: var(--main-gap);
    gap: 2.5vw;
}
#filtersMenu .filter-btn {
    padding: 2.25vw 3.25vw 1.95vw;
}
.selection-name {
    height: 20vw;
    justify-content: space-between;
}
.carousel-selection-swiper .swiper-slide .column-products {
    padding-top: 10vw;
}
.swiper-navigation-column .column-labels {
    margin-top: 100.8vw;
}
#e404 {
    padding-bottom: 20vw;
    justify-content: flex-end;
}
#e404 h1 {
    font-size: 4.8em;
}
#e404 h2 {
    font-size: 2em;
    max-width: 85vw;
    margin-top: var(--main-gap);
}
#e404 .rounded-btn {
    margin-top: var(--main-gap);
}
.scroll-indicator {
    bottom: 14vw;
}
.scroll-indicator span {
    width: 15px;
    height: 15px;
    margin: -8px;
}
@keyframes indicator {
    0% {
    opacity: 0;
    transform: rotate(45deg)translate3d(-5px, -5px, 0);
    -webkit-transform: rotate(45deg)translate3d(-5px, -5px, 0);
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: rotate(45deg)translate3d(5px, 5px, 0);
    -webkit-transform: rotate(45deg)translate3d(5px, 5px, 0);
}
}#regionPopup .inner-popup .fontSize-2_2 {
    font-size: 22px!important;
}
#regionPopup .inner-popup .fontSize-1_2, #regionPopup select {
    font-size: 16px;
}
#regionPopup select {
    padding-top: 8px;
}
.lower-footer .footer-column:last-child {
    padding-bottom: 15vw;
}
}

:root {
    --swiper-theme-color: #007aff;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none!important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
}
.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%}
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    100% {
    transform: rotate(360deg);
}
}.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
[data-class=wpcf7cf_group], .wpcf7cf_remove, .wpcf7cf_add {
    display: none;
}
.wpcf7cf_repeater_sub {
    margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step {
    width: 100%}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
    display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
    display: inline-block;
    border-radius: 50%;
    background: #dfdfdf;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
    border-bottom: 5px solid #dfdfdf;
    text-align: center;
    flex: 1;
    padding: 15px;
    min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
    border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
    border-bottom: 5px solid #333;
    font-weight: 700;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
    background-color: #333;
    color: #fff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
    background-color: #333;
    color: #fff;
}
.wpcf7cf_step_controls .disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}
@keyframes plyr-progress {
    to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
}
}@keyframes plyr-popup {
    0% {
    opacity: .5;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}@keyframes plyr-fade-in {
    from {
    opacity: 0;
}
to {
    opacity: 1;
}
}.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0;
}
.plyr audio, .plyr iframe, .plyr video {
    display: block;
    height: 100%;
    width: 100%}
.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}
.plyr:focus {
    outline: 0;
}
.plyr--full-ui {
    box-sizing: border-box;
}
.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
    box-sizing: inherit;
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    touch-action: manipulation;
}
.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}
.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%}
.plyr__captions span:empty {
    display: none;
}
@media(min-width:480px) {
    .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(10px * 2);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
}
}@media(min-width:768px) {
    .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
}
}.plyr--captions-active .plyr__captions {
    display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(10px * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap;
}
.plyr__caption div {
    display: inline;
}
.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(10px * .7);
    padding: calc(var(--plyr-control-spacing, 10px) * .7);
    position: relative;
    transition: all .3s ease;
}
.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
    outline: 0;
}
.plyr__control.plyr__tab-focus {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}
a.plyr__control {
    text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
    display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none;
}
.plyr--full-ui ::-webkit-media-controls {
    display: none;
}
.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center;
}
.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0;
}
.plyr__controls .plyr__controls__item {
    margin-left: calc(10px/4);
    margin-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(10px/4);
    padding-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(10px/2);
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}
.plyr__controls:empty {
    display: none;
}
.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
    display: none;
}
.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block;
}
.plyr__menu {
    display: flex;
    position: relative;
}
.plyr__menu .plyr__control svg {
    transition: transform .3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none;
}
.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, .9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, .9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}
.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
}
.plyr__menu__container::after {
    border: 4px solid transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
    content: '';
    height: 0;
    position: absolute;
    right: calc(((18px/2) + calc(10px * .7)) - (4px/2));
    right: calc(((var(--plyr-control-icon-size, 18px)/2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px)/2));
    top: 100%;
    width: 0;
}
.plyr__menu__container [role=menu] {
    padding: calc(10px * .7);
    padding: calc(var(--plyr-control-spacing, 10px) * .7);
}
.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
    margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0;
}
.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding-bottom: calc(calc(10px * .7)/1.5);
    padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7)/1.5);
    padding-left: calc(calc(10px * .7) * 1.5);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
    padding-right: calc(calc(10px * .7) * 1.5);
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
    padding-top: calc(calc(10px * .7)/1.5);
    padding-top: calc(calc(var(--plyr-control-spacing, 10px) * .7)/1.5);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%}
.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%}
.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
    padding-right: calc(calc(10px * .7) * 4);
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: calc((calc(10px * .7) * 1.5) - 4px);
    right: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(10px * .7);
    margin: calc(var(--plyr-control-spacing, 10px) * .7);
    margin-bottom: calc(calc(10px * .7)/2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7)/2);
    padding-left: calc(calc(10px * .7) * 4);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
    position: relative;
    width: calc(100% - (calc(10px * .7) * 2));
    width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * .7) * 2));
}
.plyr__menu__container .plyr__control--back::after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: calc((calc(10px * .7) * 1.5) - 4px);
    left: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: '';
    height: 1px;
    left: 0;
    margin-top: calc(calc(10px * .7)/2);
    margin-top: calc(calc(var(--plyr-control-spacing, 10px) * .7)/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(10px * .7);
    padding-left: calc(var(--plyr-control-spacing, 10px) * .7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: '';
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #00b3ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(35, 40, 47, .1);
}
.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc((calc(10px * .7) - 2) * -1);
    margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2) * -1);
    overflow: hidden;
    padding-left: calc(calc(10px * .7) * 3.5);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 3.5);
    pointer-events: none;
}
.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: calc(13px * 2);
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    display: block;
    height: calc((3px * 2) + 13px);
    height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px/2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor 0, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    margin-top: calc(((13px - 5px)/2) * -1);
    margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2) * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px/2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(5px/2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px/2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: calc(5px/2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: calc(5px/2);
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none;
}
.plyr--full-ui input[type=range]:focus {
    outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}
.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}
.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time+.plyr__time::before {
    content: '\2044';
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
}
@media(max-width:calc(768px - 1)) {
    .plyr__time+.plyr__time {
    display: none;
}
}.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(10px/2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/2) * 2);
    opacity: 0;
    padding: calc(10px/2) calc(calc(10px/2) * 1.5);
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(calc(var(--plyr-control-spacing, 10px)/2) * 1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2;
}
.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    bottom: calc(4px * -1);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: calc((18px/2) + calc(10px * .7));
    left: calc((var(--plyr-control-icon-size, 18px)/2) + calc(var(--plyr-control-spacing, 10px) * .7));
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc((18px/2) + calc(10px * .7));
    right: calc((var(--plyr-control-icon-size, 18px)/2) + calc(var(--plyr-control-spacing, 10px) * .7));
    transform: translateX(50%);
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1);
}
.plyr__progress {
    left: calc(13px * .5);
    left: calc(var(--plyr-range-thumb-height, 13px) * .5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: calc(13px * -.5);
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    margin-right: calc(13px * -.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}
.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0;
}
.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((5px/2) * -1);
    margin-top: calc((var(--plyr-range-track-height, 5px)/2) * -1);
    padding: 0;
    position: absolute;
    top: 50%}
.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease;
}
.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease;
}
.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25));
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6));
}
.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%}
.plyr__volume input[type=range] {
    margin-left: calc(10px/2);
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(10px/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    position: relative;
    z-index: 2;
}
.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto;
}
.plyr--audio {
    display: block;
}
.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1));
}
.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6));
}
.plyr--video {
    background: #000;
    overflow: hidden;
}
.plyr--video.plyr--menu-open {
    overflow: visible;
}
.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0;
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(10px/2);
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(10px * 2);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3;
}
@media(min-width:480px) {
    .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(10px * 3.5);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
}
}.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(10px * 1.5);
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2;
}
.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5));
}
.plyr--video .plyr__progress__buffer {
    color: rgba(255, 255, 255, .25);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25));
}
.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%}
.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%}
.plyr:fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%}
.plyr:-webkit-full-screen video {
    height: 100%}
.plyr:-ms-fullscreen video {
    height: 100%}
.plyr:fullscreen video {
    height: 100%}
.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}
@media(min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
.plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
.plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
}.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%}
.plyr:-webkit-full-screen video {
    height: 100%}
.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}
@media(min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
}.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%}
.plyr:-moz-full-screen video {
    height: 100%}
.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}
@media(min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
}.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%}
.plyr:-ms-fullscreen video {
    height: 100%}
.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}
@media(min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
}.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0!important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000;
}
.plyr--fullscreen-fallback video {
    height: 100%}
.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}
@media(min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
}
}.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.plyr__ads>div, .plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%}
.plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3;
}
.plyr__ads::after:empty {
    display: none;
}
.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin: -var(--plyr-range-track-height, 5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3;
}
.plyr__preview-thumb {
    background-color: rgba(255, 255, 255, .9);
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    margin-bottom: calc(calc(10px/2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/2) * 2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius, 3px);
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2;
}
.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
    bottom: calc(4px * -1);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}
.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(3px - 1px);
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%}
.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3;
}
.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: calc(3px - 1px);
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px;
}
.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
    opacity: 1;
}
.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%}
.plyr--no-transition {
    transition: none!important;
}
.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0!important;
    height: 1px!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
}
.plyr [hidden] {
    display: none!important;
}
.hero-background.holder-fit {
    height: 100%;
    display: none;
}
.hero-background.holder-fit.show {
    display: block;
}
.hero-background.holder-fit img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.hero-background.holder-fit video {
    object-fit: cover;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.hero-background .iphone-cover {
    display: none;
    position: absolute;
}
.hero-background.show .iphone-cover {
    display: block;
}
.hero-background .iphone-cover, .hero-background .video-poster {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.hero-background:not(.ready) .video-poster, .hero-background:not(.ready) .iphone-cover {
    opacity: 0;
    pointer-events: none;
    transition-delay: .35s;
}
.hero-background .iphone-cover:after, .hero-background .video-poster:after {
    content: "Play video";
    text-transform: uppercase;
    font-size: 1.45em;
    color: var(--white);
    font-family: var(--family);
    display: block;
    position: absolute;
    bottom: 15%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-transition: transform .25s ease;
    transition: transform .25s ease;
}
.hero-background .iphone-cover:hover:after, .hero-background .video-poster:hover:after {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
    transform: translate3d(-50%, -50%, 0) scale(0);
}
body.touchDevice .hero-background .iphone-cover:after, body.touchDevice .hero-background .video-poster:after {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
}
.hero-background .hero-player.unitialized {
    display: none;
}
.plyr--video .plyr__controls {
    padding: 20px;
    padding-top: 30px;
}
.plyr--video.plyr--paused .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
}
.plyr--full-ui input[type=range] {
    transition: none;
    height: 10px;
    border-radius: 0;
    color: var(--plyr-color-main);
    cursor: pointer;
}
.plyr__progress__buffer {
    border-radius: 0;
    height: 1px;
    margin-top: 0;
    top: 0;
}
.plyr__progress__buffer::-webkit-progress-bar, .plyr__progress__buffer::-webkit-progress-value {
    border-radius: 0;
}
.plyr__progress__buffer:focus {
    opacity: 0;
    pointer-events: none;
}
.plyr--full-ui input[type=range], .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    height: 1px;
    border-radius: 0;
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    width: 7px;
    height: 7px;
    top: 1px;
}
.plyr__control {
    background: 0 0!important;
    padding: 0!important;
    height: auto;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.plyr__control--overlaid {
    background-color: transparent!important;
}
.plyr [data-plyr=fullscreen] {
    margin-left: 25px;
}
.plyr__control svg {
    display: none;
}
.plyr__sr-only {
    clip: unset;
    overflow: visible;
    position: relative!important;
    font-size: .7em;
    line-height: 1.1;
    height: auto!important;
    width: auto!important;
    text-transform: uppercase;
}
.plyr__controls__item.plyr__control {
    position: absolute;
    top: 0;
}
.plyr__controls__item.plyr__control[data-plyr=play] {
    left: 24px;
}
.plyr__controls__item.plyr__control[data-plyr=fullscreen] {
    right: 20px;
}
.plyr__volume {
    max-width: 90px;
    justify-content: flex-end;
}
@media only screen and (max-width:551px) {
    .plyr__sr-only {
    font-size: .75em!important;
}
.plyr--video .plyr__controls {
    padding: 20px;
}
.hero-background .iphone-cover:after, .hero-background .video-poster:after {
    bottom: 18%}
}.component-structure-centered-text {
    text-align: center;
}
.component-structure-centered-text .container.title {
    overflow: visible;
}
.component-structure-centered-text .container:not(.button), .component-structure-centered-text .container.button>.flex-row {
    padding: 1.5vw 0;
}
.container.title>*, .container.text>* {
    text-wrap: balance;
}
.container.title .fontSize-5_2 {
    max-width: 85vw;
}
.container.text .fontSize-1_2 {
    text-transform: uppercase;
}
.container.text .fontSize-1.narrow, .container.text .fontSize-3_2.narrow {
    max-width: 37.5vw;
}
.container.text .fontSize-1.wide, .container.text .fontSize-3_2.wide {
    max-width: 75vw;
}
.container.text .fontSize-1_2.narrow {
    max-width: 34.5vw;
}
.container.text .fontSize-1_2.wide {
    max-width: 65vw;
}
.container.button .rounded-button {
    background: var(--black);
}
.container.button .rounded-button:hover {
    background: var(--B-primary);
}
.container.button .rounded-button {
    min-width: 6.5vw;
}
.container.button .rounded-button span {
    margin-right: 0;
    color: var(--white);
}
.container.button .rounded-button:hover span {
    margin: 0;
}
.container.space {
    height: 2vw;
}
@media only screen and (max-width:1024px) {
    .component-structure-centered-text .container:not(.button), .component-structure-centered-text .container.button>.flex-row {
    padding: 1.75vw 0;
}
.container.text .fontSize-1.narrow, .container.text .fontSize-3_2.narrow {
    max-width: 45.5vw;
}
.container.text .fontSize-1.wide, .container.title .fontSize-5_2, .container.text .fontSize-3_2.wide {
    max-width: 90vw;
}
.container.text .fontSize-1_2.narrow {
    max-width: 42vw;
}
.container.text .fontSize-1_2.wide {
    max-width: 80vw;
}
}@media only screen and (max-width:550px) {
    .component-structure-centered-text .container:not(.button) {
    padding: 2.25vw 0;
}
.component-structure-centered-text .container.button>.flex-row {
    padding: 5vw 0;
}
.container.text .fontSize-1.narrow, .container.text .fontSize-3_2.narrow, .container.text .fontSize-1_2.narrow {
    max-width: 68vw;
}
.container.text .fontSize-1.wide, .container.title .fontSize-5_2, .container.text .fontSize-3_2.wide, .container.text .fontSize-1_2.wide {
    max-width: 100%}
}.carousel-series-swiper.animating {
    pointer-events: none;
}
.carousel-series-swiper .swiper-slide {
    opacity: 0!important;
}
.carousel-series-swiper .swiper-slide.block-opacity {
    opacity: 1!important;
}
.carousel-series-image {
    width: 100%;
    height: 100%}
.carousel-series-image img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.carousel-series-image img.show {
    opacity: 1;
}
.carousel-series-info {
    z-index: 2;
    top: 0;
    left: -webkit-calc(var(--main-gap) * 2);
    left: calc(var(--main-gap) * 2);
    bottom: 0;
    height: 100%;
    width: 19vw;
}
.series-info {
    align-items: flex-start;
    width: 100%;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.series-info:not(.show) {
    opacity: 0;
    pointer-events: none;
}
.series-info>div {
    margin: 1.45vw 0 2.2vw;
}
@media only screen and (max-width:1024px) {
    .carousel-series-info {
    width: 24vw;
}
.series-info>div {
    margin: 1.85vw 0 2.2vw;
}
}@media only screen and (max-width:550px) {
    .component-carousel-series .inner-component {
    height: auto;
    background: 0 0;
    border-radius: 0;
    background: var(--white-mid);
    border-radius: 3vw;
}
.component-carousel-series .inner-component:after {
    content: none;
}
.component-carousel-series .carousel-series-swiper {
    position: relative;
    height: auto;
}
.carousel-series-swiper .swiper-slide {
    height: auto;
    position: relative;
}
.carousel-series-swiper .swiper-slide:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%}
.carousel-series-info {
    margin-top: 0;
    position: relative;
    width: 100%;
    bottom: unset;
    left: unset;
    top: unset;
    height: 50vw;
    padding: 0 var(--main-gap);
}
.series-info {
    top: unset;
    bottom: 6vw;
    width: -webkit-calc(100% - var(--main-gap) * 2);
    width: calc(100% - var(--main-gap) * 2);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.series-info>div {
    margin: var(--main-gap) 0;
    max-width: 66vw;
}
}.component-structure-media span {
    margin-top: .5vw;
    width: -webkit-calc(50% - var(--main-gap) * 0.5);
    width: calc(50% - var(--main-gap) * 0.5);
    text-wrap: balance;
}
.component-structure-media a.holder-fit img, .component-structure-media a.holder-fit video {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: transform 2s ease;
    transition: transform 2s ease;
}
.component-structure-media a.holder-fit:hover img, .component-structure-media a.holder-fit:hover video {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
@media only screen and (max-width:1024px) {
    .component-structure-media span {
    margin-top: .8vw;
    width: 100%}
}@media only screen and (max-width:550px) {
    body:not(.single-projects) .component-structure-media .holder-block:after, body:not(.single-post) .component-structure-media .holder-block:after {
    padding-bottom: 85%}
.component-structure-media .holder-block.holder_40:after, body.single-projects .component-structure-media .holder-block:after, body.single-post .component-structure-media .holder-block:after {
    padding-bottom: 55%!important;
}
.component-structure-media span {
    margin-top: 2vw;
}
}.component-cards-title {
    margin-bottom: 3.65vw;
}
.component-cards-title.featured {
    margin-bottom: 6.75vw;
    text-align: center;
}
.component-showcase-cards .inner-component {
    column-gap: var(--main-gap);
    justify-content: space-between;
}
.component-showcase-cards .inner-component.grid {
    flex-wrap: wrap;
    row-gap: 7.85vw;
}
.cards-swiper {
    width: 100%}
.grid .component-card {
    width: -webkit-calc(50% - var(--main-gap) * 0.5);
    width: calc(50% - var(--main-gap) * 0.5);
}
.component-card .flex-column {
    gap: 1.05vw;
    bottom: 2.6vw;
    color: var(--white);
}
.grid .component-card .flex-column {
    bottom: unset;
    margin-top: var(--main-gap);
    align-items: flex-start;
}
.component-card .flex-column.dark {
    color: var(--black);
}
.grid .component-card .flex-column .fontSize-1 {
    max-width: 27.5vw;
}
a.component-card .holder-fit img, a.component-card .holder-fit video {
    -webkit-transition: transform 2s ease;
    transition: transform 2s ease;
}
a.component-card:hover .holder-fit img, a.component-card:hover .holder-fit video {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@media only screen and (max-width:1024px) {
    .grid .component-card .flex-column .fontSize-1 {
    max-width: 38.5vw;
}
.component-card .flex-column {
    gap: 1.25vw;
}
.inner-component:not(.grid) .component-card .flex-column {
    height: -webkit-calc(100% - var(--main-gap) * 2);
    height: calc(100% - var(--main-gap) * 2);
    justify-content: space-between;
}
.inner-component:not(.grid) .component-card .flex-column .fontSize-1 {
    font-size: .8em;
}
}@media only screen and (min-width:551px) {
    .cards-swiper .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}
.cards-swiper .swiper-pagination {
    display: none;
}
.cards-swiper .swiper-slide {
    width: -webkit-calc(33.33% - var(--main-gap) * 3/4);
    width: calc(33.33% - var(--main-gap) * 3/4);
}
.cards-swiper .component-card {
    width: 100%;
    display: block;
}
}@media only screen and (max-width:550px) {
    .component-showcase-cards .inner-component.grid {
    row-gap: 10vw;
}
.grid .component-card {
    width: 100%}
.component-card .flex-column {
    gap: var(--main-gap);
}
.grid .component-card .flex-column .fontSize-1 {
    max-width: 100%;
    width: 100%}
.cards-swiper .component-card {
    width: 100%;
    display: block;
}
.inner-component:not(.grid) .component-card .flex-column {
    height: auto;
    bottom: var(--main-gap);
}
.inner-component:not(.grid) .component-card .flex-column .fontSize-1 {
    font-size: 1.1em;
    max-width: 70vw;
}
}.component-showcase-display {
    height: 50vw;
    margin: 10vw 0;
    overflow: visible;
    z-index: 3;
    background: var(--white);
}
.showcase-display-column {
    height: 100%;
    z-index: 1;
}
.showcase-display-column.big-column {
    width: 22vw!important;
}
.showcase-display-column:hover {
    mix-blend-mode: difference;
}
.showcase-display-column a {
    width: 100%;
    height: 100%;
    display: block;
}
.showcase-display-column a span {
    width: 45vw;
    padding-left: 6vw;
    color: var(--grey);
    line-height: .85;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: bottom left;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 100%;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}
.showcase-display-column.big-column a span {
    height: 22vw!important;
}
.showcase-display-column:hover a span {
    color: var(--white);
}
.showcase-display-card {
    width: 10vw;
    opacity: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s ease, width .25s ease;
    transition: opacity .2s ease, width .25s ease;
    overflow: hidden;
}
.showcase-display-card.show {
    width: 27.5vw;
    opacity: 1;
}
.showcase-display-card .holder-fit.hide img {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
@media only screen and (max-width:1024px) {
    .component-showcase-display {
    height: auto;
    flex-direction: column;
    gap: 9.5vw;
    padding: 50vw 0;
    overflow: hidden;
}
.showcase-display-column.big-column, .showcase-display-column {
    width: 100%!important;
    height: auto;
    padding: 10vw 0;
}
.showcase-display-column:nth-child(2) {
    padding-top: 16vw;
}
.showcase-display-column:last-child {
    padding-bottom: 16vw;
}
.showcase-display-column a span {
    position: relative;
    transform: rotate(0deg);
    left: unset;
    bottom: unset;
    padding-left: 0;
    width: 100%;
    height: auto!important;
    display: block;
    font-size: 10em;
    text-align: center;
}
.showcase-display-column.big-column a span {
    height: auto!important;
}
.showcase-display-card {
    width: 78vw!important;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
    top: 50vw;
}
.showcase-display-column.active {
    mix-blend-mode: difference;
}
.showcase-display-column.active a span {
    color: var(--white);
}
}@media only screen and (max-width:550px) {
    .component-showcase-display {
    overflow: hidden;
    z-index: 8;
}
.showcase-display-column a span {
    font-size: 3em;
}
}
.component-showcase-projects-title {
    margin-bottom: 2vw;
}
.projects-horizontal {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
body.touchDevice .projects-horizontal {
    height: auto;
}
.projects-holder {
    flex-wrap: wrap;
    width: auto;
    height: 100%;
    align-items: center;
}
body.touchDevice .projects-holder {
    padding: 5vw var(--main-gap) 12.5vw;
    column-gap: var(--main-gap);
    row-gap: -webkit-calc(var(--main-gap) * 2);
    row-gap: calc(var(--main-gap) * 2);
}
.component-showcase-projects .project-entry {
    width: -webkit-calc(50vw - var(--main-gap) * 1.5);
    width: calc(50vw - var(--main-gap) * 1.5);
    margin-right: var(--main-gap);
    color: var(--black);
}
body.touchDevice .component-showcase-projects .project-entry {
    margin-right: 0;
    width: -webkit-calc(50% - var(--main-gap) * 0.5);
    width: calc(50% - var(--main-gap) * 0.5);
}
.component-showcase-projects .gallery-entry {
    width: auto;
    height: 45vw;
}
.component-showcase-projects .gallery-entry .showcase-project-image, .component-showcase-projects .gallery-entry img {
    height: 100%;
    width: auto;
}
.component-showcase-projects .gallery-entry .showcase-project-image {
    overflow: hidden;
}
.component-showcase-projects .gallery-entry img {
    object-fit: cover;
}
body:not(.touchDevice) .component-showcase-projects .project-entry:nth-child(1) {
    margin-left: var(--main-gap);
}
.component-showcase-projects .project-entry .showcase-project-text {
    height: 7vw;
}
body.touchDevice .component-showcase-projects .project-entry .showcase-project-text {
    height: auto;
}
.component-showcase-projects .project-entry h3 {
    margin-top: .85vw;
    margin-bottom: .5vw;
    line-height: 1.2;
}
.component-showcase-projects .project-entry h3 span {
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.component-showcase-projects .project-entry .tax-labels {
    width: 100%;
    padding: 1.05vw;
    left: 0;
    bottom: 0;
    gap: .7vw;
    z-index: 1;
    flex-wrap: wrap;
}
.component-showcase-projects .project-entry .tax-labels .tax-label-holder {
    opacity: 1 !important;
    -webkit-transform: translate3d(1vw, 0, 0);
    transform: translate3d(1vw, 0, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.component-showcase-projects .project-entry .tax-labels .tax-label-holder:nth-child(1) {
    transition-delay: .3s;
}
.component-showcase-projects .project-entry .tax-labels .tax-label-holder:nth-child(2) {
    transition-delay: .4s;
}
.component-showcase-projects .project-entry .tax-labels .tax-label-holder:nth-child(3) {
    transition-delay: .5s;
}
.component-showcase-projects .project-entry .showcase-project-image.revealed .tax-labels .tax-label-holder {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media only screen and (max-aspect-ratio:5/4) {
    body:not(.touchDevice) .component-showcase-projects .projects-horizontal:not(.noTween) .project-entry {
    width: -webkit-calc(65vw - var(--main-gap) * 2);
    width: calc(65vw - var(--main-gap) * 2);
}
body:not(.touchDevice) .component-showcase-projects .projects-horizontal:not(.noTween) .gallery-entry {
    max-width: -webkit-calc(100vw - var(--main-gap) * 2);
    max-width: calc(100vw - var(--main-gap) * 2);
    width: auto;
    height: 80vw;
}
body:not(.touchDevice) .projects-horizontal:not(.noTween) .showcase-project-image:after {
    padding-bottom: 70%}
}@media only screen and (max-aspect-ratio:1/1) {
    body:not(.touchDevice) .component-showcase-projects .projects-horizontal:not(.noTween) .project-entry {
    width: -webkit-calc(80vw - var(--main-gap) * 2);
    width: calc(80vw - var(--main-gap) * 2);
}
body:not(.touchDevice) .component-showcase-projects .projects-horizontal:not(.noTween) .gallery-entry {
    max-width: -webkit-calc(100vw - var(--main-gap) * 2);
    max-width: calc(100vw - var(--main-gap) * 2);
    width: auto;
    height: 80vw;
}
body:not(.touchDevice) .projects-horizontal:not(.noTween) .showcase-project-image:after {
    padding-bottom: 80%}
}@media only screen and (max-aspect-ratio:4/5) {
    body:not(.touchDevice) .component-showcase-projects .projects-horizontal:not(.noTween) .project-entry {
    width: -webkit-calc(80vw - var(--main-gap) * 2);
    width: calc(80vw - var(--main-gap) * 2);
}
body:not(.touchDevice) .component-showcase-projects .projects-horizontal:not(.noTween) .gallery-entry {
    max-width: -webkit-calc(100vw - var(--main-gap) * 2);
    max-width: calc(100vw - var(--main-gap) * 2);
    width: auto;
    height: 110vw;
}
body:not(.touchDevice) .projects-horizontal:not(.noTween) .showcase-project-image:after {
    padding-bottom: 125%}
}
@media only screen and (max-width:1024px) {
    .component-showcase-projects-title.noTween {
    margin-bottom: 7.5vw;
}
.projects-horizontal.noTween {
    height: auto;
    margin-bottom: 15vw;
}
.projects-horizontal.noTween .projects-holder {
    align-items: flex-start;
}
.component-showcase-projects .projects-horizontal.noTween .project-entry .showcase-project-text {
    height: auto;
}
.component-showcase-projects .gallery-entry img {
    max-width: 100%;
    width: auto;
}
body.touchDevice .component-showcase-projects .gallery-entry img {
    width: 100%}
.component-showcase-projects .project-entry h3 {
    margin-top: 1.75vw;
    margin-bottom: 1vw;
}
.component-showcase-projects .project-entry .tax-labels {
    padding: 1.6vw;
    flex-wrap: wrap-reverse;
    align-items: flex-end;
    justify-content: flex-start;
}
.component-showcase-projects .project-entry .showcase-project-text {
    height: 15vw;
}
}@media only screen and (max-width:550px) {
    .component-showcase-projects-title.noTween {
    margin-top: 12vw;
}
.projects-horizontal.noTween {
    margin-bottom: 30vw;
}
.projects-horizontal.noTween .projects-holder {
    flex-direction: column;
    padding-left: var(--main-gap);
    padding-right: var(--main-gap);
    gap: 10vw;
}
body.touchDevice .projects-holder {
    padding: 12.5vw var(--main-gap) 25vw;
    flex-direction: column;
    row-gap: -webkit-calc(var(--main-gap) * 2);
    row-gap: calc(var(--main-gap) * 2);
}
.component-showcase-projects .project-entry {
    width: -webkit-calc(100vw - var(--main-gap) * 2);
    width: calc(100vw - var(--main-gap) * 2);
    height: 130vw;
}
body.touchDevice .component-showcase-projects .project-entry {
    width: 100%;
    height: auto;
}
.component-showcase-projects .projects-horizontal.noTween .project-entry {
    margin-right: 0!important;
    margin-left: 0!important;
    width: 100%}
.component-showcase-projects .project-entry h3 {
    margin-top: var(--main-gap);
    margin-bottom: 1.65vw;
}
.component-showcase-projects .gallery-entry img {
    width: 100%}
.component-showcase-projects .project-entry .tax-labels {
    display: none;
}
.component-showcase-projects .project-entry .showcase-project-text {
    height: 30vw;
}
}.component-structure-media-double {
    justify-content: space-between;
}
.component-structure-media-double.half>.flex-column {
    width: 43vw;
}
.component-structure-media-double.six_three>.flex-column:last-child, .component-structure-media-double.three_six>.flex-column:first-child {
    width: 31vw;
}
.component-structure-media-double.six_three>.flex-column:first-child, .component-structure-media-double.three_six>.flex-column:last-child {
    width: 55vw;
}
.component-structure-media-double span {
    margin-top: .5vw;
}
@media only screen and (max-width:1024px) {
    .component-structure-media-double.half>.flex-column {
    width: -webkit-calc(50% - 3vw);
    width: calc(50% - 3vw);
}
.component-structure-media-double.six_three>.flex-column:last-child, .component-structure-media-double.three_six>.flex-column:first-child {
    width: -webkit-calc(33.33% - 3vw);
    width: calc(33.33% - 3vw);
}
.component-structure-media-double.six_three>.flex-column:first-child, .component-structure-media-double.three_six>.flex-column:last-child {
    width: -webkit-calc(66.66% - 3vw);
    width: calc(66.66% - 3vw);
}
}@media only screen and (max-width:550px) {
    .component-structure-media-double {
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--main-gap);
}
.component-structure-media-double.half>.flex-column, .component-structure-media-double.six_three>.flex-column:last-child, .component-structure-media-double.three_six>.flex-column:first-child, .component-structure-media-double.six_three>.flex-column:first-child, .component-structure-media-double.three_six>.flex-column:last-child {
    width: 100%}
.component-structure-media-double>.flex-column {
    padding-top: 0!important;
}
.component-structure-media-double.hideMobile {
    display: none;
}
}.component-structure-column-text.row-mode {
    flex-direction: column;
    padding-left: var(--main-gap);
    padding-right: var(--main-gap);
}
.structure-column {
    padding-right: var(--main-gap);
    padding-left: var(--main-gap);
}
.add_images .structure-column {
    padding-top: 25vw;
}
.row-mode .structure-column {
    width: 100%!important;
    flex-direction: row;
    padding-top: 2.6vw;
    padding-bottom: 4.15vw;
    padding-left: 0;
    padding-right: 0;
}
.structure-column:not(:first-child) {
    border-left: 1px solid var(--grey);
}
.row-mode .structure-column:last-child {
    border-bottom: 1px solid var(--grey);
}
.row-mode .structure-column:not(:first-child) {
    border-left: 0;
    border-top: 1px solid var(--grey);
}
.structure-column>.flex-column {
    align-items: flex-start;
}
.row-mode .structure-column>span {
    width: 20vw;
}
.structure-column-title {
    margin-top: 2.6vw;
    margin-bottom: 2.6vw;
}
.structure-column>.flex-column .rounded-button {
    margin-top: var(--main-gap);
}
.row-mode .structure-column-title {
    margin-top: 0;
    margin-bottom: 1vw;
    font-size: 3.2em;
    height: auto!important;
}
.row-mode .fontSize-1 {
    max-width: 32vw;
    height: auto!important;
}
.column-text-image {
    width: -webkit-calc(100% - var(--main-gap) * 2);
    width: calc(100% - var(--main-gap) * 2);
    top: 0;
    left: var(--main-gap);
}
.row-mode .column-text-image {
    width: 12.5vw;
    left: unset;
    right: var(--main-gap);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
@media only screen and (max-width:1024px) {
    .row-mode .structure-column>span {
    width: 15vw;
}
.row-mode .structure-column-title {
    font-size: 2.15em;
}
.row-mode .fontSize-1 {
    max-width: 50vw;
}
.row-mode .column-text-image {
    width: 16.5vw;
}
}@media only screen and (max-width:550px) {
    .component-structure-column-text {
    flex-direction: column;
    padding-left: var(--main-gap);
    padding-right: var(--main-gap);
}
.structure-column {
    width: 100%!important;
    padding: var(--main-gap) 0;
    flex-direction: row;
}
.row-mode .structure-column {
    padding: var(--main-gap) 0;
}
.add_images .structure-column {
    padding-top: var(--main-gap);
}
.structure-column:not(:first-child) {
    border-left: 0;
    border-top: 1px solid var(--grey);
}
.structure-column>span {
    width: 15vw;
}
.structure-column>.flex-column {
    width: -webkit-calc(100% - 15vw);
    width: calc(100% - 15vw);
}
.structure-column-title, .row-mode .structure-column-title {
    margin-top: 0;
    margin-bottom: var(--main-gap);
}
.row-mode .structure-column-title {
    font-size: 1.25em;
}
.row-mode .fontSize-1 {
    max-width: 100%}
.column-text-image {
    display: none;
}
.structure-column-title, .structure-column-text {
    height: auto!important;
}
.structure-column>.flex-column .rounded-button {
    margin-top: calc(var(--main-gap) * 2);
}
}.component-showcase-posts {
    align-items: flex-start;
}
.component-showcase-posts h2 {
    margin-bottom: var(--main-gap);
}
.component-showcase-posts .inner-container {
    column-gap: var(--main-gap);
    margin-top: 5.5vw;
}
.component-post-entry {
    width: -webkit-calc(33.33% - var(--main-gap) * 3/4);
    width: calc(33.33% - var(--main-gap) * 3/4);
    color: var(--black);
}
.component-post-entry span.fontSize-1 {
    margin: 1.2vw 0 .65vw;
}
@media only screen and (max-width:1024px) {
    .component-showcase-posts .inner-container {
    margin-top: 3.75vw;
}
.component-post-entry span.fontSize-1 {
    font-size: .8em;
    margin: 2vw 0 1vw;
}
.component-post-entry span.fontSize-1_2 {
    font-size: .9em;
}
}@media only screen and (max-width:550px) {
    .component-showcase-posts h2 {
    margin-bottom: 0;
}
.component-showcase-posts>.rounded-button {
    position: absolute;
    right: var(--main-gap);
}
.component-showcase-posts .inner-container {
    row-gap: 10vw;
    flex-direction: column;
    margin-top: 5vw;
}
.component-post-entry {
    width: 100%}
.component-post-entry span.fontSize-1 {
    font-size: 1em;
    margin: var(--main-gap) 0 2vw;
}
.component-post-entry span.fontSize-1_2 {
    font-size: 1.1em;
    text-transform: none;
}
}
#contact form {
    margin-top: 25px;
}
#contact .box-container, #rdv .box-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.box-full {
    margin-bottom: 15px;
}
#contact .bow-row, #rdv .bow-row  {
    width: 45%;
}
div#contact label, div#rdv label {
    display: block;
    padding-bottom: 15px;
}
div#contact input, div#rdv input {
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 1.05vw;
    color: var(--black);
    border: 1px solid var(--black);
    background: transparent;
    text-transform: uppercase;
    font-family: var(--family);
    /*font-size: .8vw;*/
    line-height: 1.2;
    padding: .55vw 1vw .25vw;
    width: 100%;
    transition-property: background-color;
    transition-duration: .8s;
    transition-timing-function: ease;
}

textarea {
    width: 100%;
    border-radius: 20px;
    background: transparent;
    border: 1px solid var(--black);
    text-transform: uppercase;
    /*font-size: .8vw;*/
    line-height: 1.2;
    padding: .55vw 1vw .25vw;
    transition-property: background-color;
    transition-duration: .8s;
    transition-timing-function: ease;
}

div#contact input[type="submit"], div#rdv input[type="submit"] {
    background: var(--B-primary) !important;
    color: #fff !important;
}

ul.bridge-links {
    display: flex;
}
ul.bridge-links li {
    width: 10%;
}
ul.bridge-links i {
    font-size: 25px;
}

#project-header {
    padding-top: 15.75vw;
    padding-bottom: 12vw;
    height: 100vh;
}

#project-header h1 {
    text-align: center;
    margin-bottom: 8.3vw;
    overflow: visible;
}

#project-header h2 {
    text-align: center;
    max-width: 50vw;
}

#project-archive-grid {
    gap: 7.8vw;
    margin-bottom: 15vw;
}

.project-archive-line {
    gap: 10vw;
    align-items: flex-start;
    justify-content: space-between;
}

.project-entry {
    color: var(--black);
}

.project-archive-line:nth-child(odd) .project-entry:nth-child(1),.project-archive-line:nth-child(even) .project-entry:nth-child(2) {
    width: -webkit-calc(55% - 5vw);
    width: calc(55% - 5vw);
}

.project-archive-line:nth-child(even) .project-entry:nth-child(1),.project-archive-line:nth-child(odd) .project-entry:nth-child(2) {
    width: -webkit-calc(45% - 5vw);
    width: calc(45% - 5vw);
}

.project-entry h3 {
    margin-top: .85vw;
    line-height: 1.2;
}

.project-entry .tax-labels {
    width: 100%;
    padding: 1.05vw;
    left: 0;
    bottom: 0;
    gap: .7vw;
    z-index: 1;
    flex-wrap: wrap;
}

.project-entry .tax-labels .tax-label-holder {
    opacity: 0;
    -webkit-transform: translate3d(1vw,0,0);
    transform: translate3d(1vw,0,0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.project-entry .tax-labels .tax-label-holder:nth-child(1) {
    transition-delay: .3s;
}

.project-entry .tax-labels .tax-label-holder:nth-child(2) {
    transition-delay: .4s;
}

.project-entry .tax-labels .tax-label-holder:nth-child(3) {
    transition-delay: .5s;
}

.project-entry .showcase-project-image.revealed .tax-labels .tax-label-holder {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.tax-label:hover {
    background-color: var(--white-mid-backdrop);
    color: var(--black);
}

@media only screen and (max-width: 1024px) {
    #project-header {
        padding-top:20vw;
        padding-bottom: 20vw;
    }

    #project-header h2 {
        max-width: 55vw;
    }

    #project-archive-grid {
        margin-bottom: 20vw;
    }

    .project-archive-line {
        gap: var(--main-gap);
    }

    .project-archive-line .project-entry {
        width: -webkit-calc(50% - var(--main-gap) * .5)!important;
        width: calc(50% - var(--main-gap) * .5)!important;
    }

    .project-entry h3 {
        margin-top: 1.6vw;
    }

    .project-entry .tax-labels {
        padding: 1.6vw;
        flex-wrap: wrap-reverse;
        align-items: flex-end;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 550px) {
    #project-header {
        padding-top:30vw;
        padding-bottom: 30vw;
    }

    #project-header h1 {
        margin-bottom: 6vw;
    }

    #project-header h2 {
        max-width: 80vw;
        font-size: 1em;
    }

    #project-archive-grid {
        gap: 10vw;
        margin-bottom: 25vw;
    }

    .project-entry .tax-labels {
        display: none;
    }

    .project-entry h3 {
        margin-top: 2vw;
    }
}

#news-archive-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr);
    column-gap: var(--main-gap);
    row-gap: 5.75vw;
    margin-bottom: 15vw
}

#news-archive-grid .post-entry {
    width: 100%;
    color: var(--black)
}

#news-archive-grid .post-entry:first-child {
    grid-column: span 2;
    grid-row: 1/span 2
}

#news-archive-grid .post-entry span.fontSize-1 {
    margin: 1.2vw 0 .65vw
}

@media only screen and (max-width: 1024px) {
    #project-header {
        padding-top:20vw;
        padding-bottom: 20vw
    }

    #project-header h2 {
        max-width: 55vw
    }

    #news-archive-grid {
        margin-bottom: 20vw;
        row-gap: var(8vw)
    }

    #news-archive-grid .post-entry span.fontSize-1 {
        font-size: .8em;
        margin: 2vw 0 1vw
    }

    #news-archive-grid .post-entry span.fontSize-1_2 {
        font-size: .9em
    }
}

@media only screen and (max-width: 550px) {
    #project-header {
        padding-top:30vw;
        padding-bottom: 30vw
    }

    #project-header h1 {
        margin-bottom: 6vw
    }

    #project-header h2 {
        max-width: 80vw;
        font-size: 1em
    }

    #news-archive-grid {
        margin-bottom: 25vw;
        row-gap: 10vw;
        grid-template-columns: repeat(2,1fr)
    }

    #news-archive-grid .post-entry span.fontSize-1 {
        font-size: 1em;
        margin: var(--main-gap)0 2vw
    }

    #news-archive-grid .post-entry span.fontSize-1_2 {
        font-size: 1.1em;
        text-transform: none
    }
}

#post-header {
    padding: 15.75vw 10vw 5.25vw
}

#post-header h1 {
    text-align: left
}

#post-header>span {
    padding-top: 3.125vw
}

#post-header .project-data {
    align-items: flex-end;
    justify-content: space-between
}

body.single-post .component-post-text {
    padding: 6.75vw var(--main-gap);
    justify-content: center
}

body.single-post .component-post-text .inner-component {
    max-width: 46.875vw
}

body.single-post .component-post-text .inner-component>*:not(h2) {
    width: 100%;
    max-width: 100%
}

body.single-post .component-post-media .inner-component {
    flex-direction: row!important;
    justify-content: center
}

body.single-post .post-media-block {
    width: 100%;
    max-width: 55vw
}

body.single-post .component-post-media .post-media-text {
    display: none!important
}

body.single-post .post-media-inner.relative-position img {
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1024px) {
    #post-header {
        padding-top:20vw;
        padding-bottom: 5vw
    }

    #post-header>span {
        font-size: 1em;
        padding-top: 5vw
    }

    body.single-post .component-post-text {
        padding: 10vw var(--main-gap)
    }

    body.single-post .component-post-text .inner-component,body.single-post .post-media-block {
        max-width: 66vw
    }

    body.single-post #newsletter {
        margin-top: 20vw
    }
}

@media only screen and (max-width: 550px) {
    #post-header {
        padding-top:30vw;
        padding-bottom: 8vw;
        padding-left: var(--main-gap);
        padding-right: var(--main-gap)
    }

    #post-header h1 {
        font-size: 1.4em
    }

    #post-header>span.fontSize-1_2 {
        padding-top: 8vw
    }

    body.single-post .component-post-text {
        padding: 15vw var(--main-gap)
    }

    body.single-post .component-post-text .inner-component,body.single-post .post-media-block {
        max-width: 100%
    }

}
div#contact br {
    display: none;
}
body {
    font-family: "Poppins", Sans-serif !important;
}
.elementor-widget-bridge_repeater_widget .component-structure-column-text.component.flex-row > div:first-child {
    padding-left: 0;
}

.component-structure-vertical {
    padding-top: 12.5vw;
    height: 300vh
}

.component-structure-vertical h1 {
    width: 100%;
    text-align: center;
    padding: 0 var(--main-gap)
}

.sticky-container {
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    max-height: unset!important
}

.sticky-background-holder {
    top: 100%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0) scale(.35);
    transform: translate3d(-50%,-50%,0) scale(.35);
    width: 100%;
    overflow: hidden
}

.sticky-background-media {
    width: 100%;
    height: 100%;
    opacity: 1!important;
    -webkit-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
    transition: none
}

.sticky-background-media img,.sticky-background-media video {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    transition-property: opacity,transform;
    transition-duration: .65s;
    transition-timing-function: ease
}

.sticky-background-media video:not(.active) {
    display: none
}

.sticky-background-media picture:last-child img {
    display: none
}

.sticky-background-media.revealed img,.sticky-background-media.revealed video {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.foreground-layout {
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center
}

.foreground-layout>* {
    padding: var(--main-gap);
    width: 100%;
    height: 100%
}

.foreground-layout .foreground-intro {
    padding-top: 10%;
    color: var(--white)
}

.foreground-showcase-info {
    -webkit-transform: scale(.4);
    transform: scale(.4);
    bottom: 15vh;
    transform-origin: top
}

.foreground-showcase-info h2 {
    overflow: hidden
}

.foreground-showcase-info h2 span {
    display: block;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease
}

.foreground-showcase-info h2.reveal span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.foreground-showcase-info>span {
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.foreground-showcase-info.reveal-info>span {
    opacity: 1
}

.foreground-intro>span {
    top: 7.8vw
}

.foreground-intro h2 {
    margin-bottom: 3.9vw
}

.scrollTo-next-btn {
    margin-top: 3.125vw
}

.scrollTo-next-btn span,.scrollTo-next-btn:hover span {
    margin-right: 0;
    margin-left: 0
}

.vertical-scrollable-item:not(h2) {
    opacity: 0;
    -webkit-transform: translate3d(0,2vw,0);
    transform: translate3d(0,2vw,0);
    pointer-events: none;
    transition-property: opacity,transform,background-color;
    transition-duration: .25s;
    transition-timing-function: ease
}

.vertical-scrollable-item:not(h2).reveal {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    pointer-events: visible
}

h2.vertical-scrollable-item>span {
    overflow: hidden
}

h2.vertical-scrollable-item>span>span {
    display: block;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
    pointer-events: none
}

h2.vertical-scrollable-item.reveal>span>span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

h2.vertical-scrollable-item.reveal>span:nth-child(2)>span {
    transition-delay: .15s
}

h2.vertical-scrollable-item.reveal>span:nth-child(3)>span {
    transition-delay: .3s
}

@media only screen and (max-width: 1024px) and (orientation:portrait) {
}

@media only screen and (max-width: 1024px) {
    .component-structure-vertical {
        padding-top:25vh;
        height: 300vh
    }

    .foreground-showcase-info {
        gap: 2vw
    }

    .foreground-showcase-info>span {
        max-width: 60vw
    }
}

@media only screen and (max-width: 550px) {
    .foreground-intro>span {
        top:25vw
    }

    .foreground-showcase-info {
        gap: 3.5vw;
        max-width: 75vw
    }

    .foreground-intro h2 {
        margin-bottom: 6vw;
        font-size: 2em
    }

    .vertical-scrollable-item:not(h2) {
        max-width: 55vw
    }

    .scrollTo-next-btn {
        margin-top: 6.5vw
    }
}

@media only screen and (orientation: portrait) {
    .sticky-background-media picture:first-child img {
        display:none
    }

    .sticky-background-media picture:last-child img {
        display: block
    }
}


.component-interactive-tabs>h2 {
    margin-bottom: 5.5vw
}

.component-interactive-tabs>span {
    display: block;
    margin-bottom: 3.65vw
}

.tab {
    padding: 1.35vw 0 .5vw;
    border-bottom: 1px solid var(--grey)
}

.tab:first-child {
    border-top: 1px solid var(--grey)
}

.tab-label,.tab-text {
    padding: 0 9.5vw
}

.key-tabs .tab-label {
    padding: 0;
    padding-right: 9.5vw
}

.tab-text {
    height: 0
}

.key-tabs .tab-text {
    padding: 0
}

.tab.active .tab-text {
    height: auto
}

.key-tabs .holder-block {
    background-color: var(--white-mid)
}

.key-tabs .tab-position {
    display: none
}

.tab-cross {
    width: 1.8vw;
    height: 1.8vw;
    right: 0;
    top: 1.85vw;
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease
}

body:not(.touchDevice) .tab:hover .tab-cross {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.tab-cross:before,.tab-cross:after {
    content: "";
    position: absolute;
    background: var(--black);
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.tab-cross:before {
    width: 100%;
    height: 2px
}

.tab-cross:after {
    height: 100%;
    width: 2px;
    -webkit-transition: height .25s ease;
    transition: height .25s ease
}

.tab.active .tab-cross:after {
    height: 2px
}

.tab-text {
    overflow: hidden;
    height: 0
}

.tab.active .tab-text {
    margin-top: 2.2vw;
    margin-bottom: 6vw
}


.spacer-top  {
    height: 13vw;
    }
    @media only screen and (max-width: 1024px) {
    .spacer-top {
    height: 18vw;
    }
    }
    @media only screen and (max-width: 550px) {
    .spacer-top {
    height: 30vw;
    }
    } 

    .spacer-bottom {
        height: 7vw;
        }
        @media only screen and (max-width: 1024px) {
            .spacer-bottom {
        height: 13vw;
        }
        }
        @media only screen and (max-width: 550px) {
        .spacer-bottom {
        height: 20vw;
        }
        } 

        .component-showcase-markets .inner-container {
            margin-top:5.85vw;
            flex-wrap:wrap;
            justify-content:space-between;
            row-gap:5.85vw;
        }

.component-market-entry {
    width:-webkit-calc(50% - var(--main-gap) * 0.5);
    width:calc(50% - var(--main-gap) * 0.5);
    color:var(--black);
}
.component-market-entry h3 {
    margin-top:var(--main-gap);
}
.component-market-entry .fontSize-1 {
    padding-top:1vw;
}
.component-market-entry div.fontSize-1 {
    width:100%;
    max-width:100%;
}
.component-market-entry video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
}
.component-market-entry:hover video {
    opacity:1;
}
@media only screen and (max-width:1024px) {
    .component-showcase-markets .inner-container {
    margin-top:5vw;
    row-gap:4vw;
}
.component-market-entry div.fontSize-1 {
    max-width:100%}
}@media only screen and (max-width:550px) {
    .component-showcase-markets .inner-container {
    flex-direction:column;
    row-gap:10vw;
}
.component-market-entry {
    width:100%}
}.component-structure-centered-text {
    text-align:center;
}
.component-structure-centered-text .container.title {
    overflow:visible;
}
.component-structure-centered-text .container:not(.button), .component-structure-centered-text .container.button>.flex-row {
    padding:1.5vw 0;
}

.component-market-entry {
    width:-webkit-calc(50% - var(--main-gap) * 0.5);
    width:calc(50% - var(--main-gap) * 0.5);
    color:var(--black);
}
.component-market-entry h3 {
    margin-top:var(--main-gap);
}
.component-market-entry .fontSize-1 {
    padding-top:1vw;
}
.component-market-entry div.fontSize-1 {
    width:100%;
    max-width:100%;
}
.component-market-entry video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
}
.component-market-entry:hover video {
    opacity:1;
}
.component-packs-vertical {
    height: 100vh;
    padding: 144px 31.872px;
    text-align: center;
}
.component-packs-vertical h2.fontSize-3_2 {
    width: 50vw;
    text-align: center;
    margin: 0 auto;
}
.component-packs-vertical div.fontSize-1_2 {
    width: 34.375vw;
    text-align: center;
    margin-top: 1.15vw !important;
    transition-delay: .4s;
    text-wrap: balance;
    margin: 0 auto;
}
.flex-row.group-btn {
    margin: 0 auto !important;
    width: max-content;
    gap: 20px;
   
}
.flex-row.group-btn a {
    font-weight: bold;
    line-height: 10px;
    padding: 15px 20px;
}
.fontSize-pack {
    font-size: 7.5em;
    line-height: 1.1;
    letter-spacing: -.03em;
    margin-bottom: 45px;
}

div#rdv {
    padding-top: 100px;
    padding-bottom: 100px;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
}
div#rdv .fontSize-1_2 {
    font-size: 50px;
}
div#rdv .fontSize-1 p {
    font-size: 35px;
    font-weight: 300;
    margin-top: 35px;
}
.rdv-entry {
    width: 40%;
}
.rdv-form {
    width: 40%;
}
@media only screen and (max-width:1024px) {
    .component-showcase-markets .inner-container {
    margin-top:5vw;
    row-gap:4vw;
}
.component-market-entry div.fontSize-1 {
    max-width:100%}
    .product-grid {
        gap: 10vw var(--main-gap);
    }

    .fontSize-3_2 {
        font-size: 1.85em;
    }
}
@media only screen and (max-width:550px) {

    .component-showcase-markets .inner-container {
    flex-direction:column;
    row-gap:10vw;
    }
    .component-market-entry {
        width:100%
    }

    .product-grid .product {
        width: -webkit-calc(50% - var(--main-gap)* .5) !important;
        width: calc(50% - var(--main-gap)* .5) !important;
    }
    .fontSize-3_2 {
        font-size: 1.75em;
    }
}
.component-market-entry img {
    border-radius: 50px !important;
}
.component-structure-media-double img {
    object-fit: cover !important;
    height: 100% !important;
    border-radius: 30px !important;
} 

.component-showcase-markets {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    --main-gap: 1.66vw;
    --size: 1rem;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    line-height: 1;
    cursor: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

.inner-post img {
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50px !important;
}

div#project-archive-grid .project-archive-line .holder-fit img {
    object-fit: cover !important;
    height: 100% !important;
    border-radius: 40px !important;
}

.single-pack div#contact {
    display: none;
}
div#rdv input[type="submit"] {
    margin-top: 20px;
}
@media (max-width: 767px) {

    .fontSize-pack {
        font-size: 40px;
    }
    .component-packs-vertical h2.fontSize-3_2 {
        width: 100%;
    }
    div#rdv {
        flex-direction: column;
    }
    .rdv-entry, .rdv-form {
        width: 100%;
    }
    div#rdv .fontSize-1_2 {
        font-size: 31px;
    }
    div#rdv .fontSize-1 p {
        font-size: 25px;
    }
    .e-con.e-flex {
        --flex-wrap: auto !important;
    }
    #contact form {
        width: 100%;
        max-width: 100% !important;
        pointer-events: visible;
    }
    #contact .box-container, #rdv .box-container {
        display: block;
       
    }
    #contact .bow-row, #rdv .bow-row {
        width: 100% !important;
    }
    div#contact input, div#rdv input {
        padding: 20px;
        border-radius: 20px;
    }
    div#contact input[type="submit"], div#rdv input[type="submit"] {
        font-size: 15px;
        padding: 10px;
    }
    .box-full textarea {
        min-height: 150px;
    }
    .box-container > div:first-child {
        margin-bottom: 15px;
    }
    .inner-footer.flex-row .footer-column.flex-column {
        display: block;
    }
    .footer-logo img {
        max-width: 260px;
    }
    .inner-footer:not(.lower-footer) .footer-column ul {
        width: 100% !important;
        justify-content: space-between;
        margin-top: 35px;
    }
    .inner-footer:not(.lower-footer) {
        flex-direction: column;
        gap: 0vw;
    }
    .lower-footer .footer-column:last-child span {
        font-size: 16px;
        width: 100% !important;
    }
    .lower-footer .footer-column:last-child {
        padding-bottom: 4vw;
    }
}

span.bridge-tag.tax-label {
    background: #edbe56;
    color: #263166;
    border-radius: 20px;
}

.justify-text p {
    text-align: justify;
}
.parent-pageid-3725 #post-header h1 {
    text-align: center !important;
}
.component-showcase-markets .component-market-entry div {
    text-align: justify;
}
.container-404{
    width:100vw;
    height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    position: relative;
    left:6vmin;
    text-align: center;
  }
  
  .container-404 .cog-wheel1, .container-404 .cog-wheel2{
    transform:scale(0.7);
  }
  
  .container-404 .cog1, .container-404 .cog2{
    width:40vmin;
    height:40vmin;
    border-radius:50%;
    border:6vmin solid #edbe56;
    position: relative;
  }
  
  
  .container-404 .cog2{
    border:6vmin solid #263166;
  }
  
  .container-404 .top, .container-404 .down, .container-404 .left, .container-404 .right, .container-404 .left-top, .container-404 .left-down, .container-404 .right-top, .container-404 .right-down{
    width:10vmin;
    height:10vmin;
    background-color: #edbe56;
    position: absolute;
  }
  
  .container-404 .cog2 .top,.container-404 .cog2  .down,.container-404 .cog2  .left,.container-404 .cog2  .right,.container-404 .cog2  .left-top,.container-404 .cog2  .left-down,.container-404 .cog2  .right-top,.container-404 .cog2  .right-down{
    background-color: #263166;
  }
  
  .container-404 .top{
    top:-14vmin;
    left:9vmin;
  }
  
  .container-404 .down{
    bottom:-14vmin;
    left:9vmin;
  }
  
  .container-404 .left{
    left:-14vmin;
    top:9vmin;
  }
  
  .container-404 .right{
    right:-14vmin;
    top:9vmin;
  }
  
  .container-404 .left-top{
    transform:rotateZ(-45deg);
    left:-8vmin;
    top:-8vmin;
  }
  
  .container-404 .left-down{
    transform:rotateZ(45deg);
    left:-8vmin;
    top:25vmin;
  }
  
  .container-404 .right-top{
    transform:rotateZ(45deg);
    right:-8vmin;
    top:-8vmin;
  }
  
  .container-404 .right-down{
    transform:rotateZ(-45deg);
    right:-8vmin;
    top:25vmin;
  }
  
  .container-404 .cog2{
    position: relative;
    left:-10.2vmin;
    bottom:10vmin;
  }
  
  .container-404 h1{
    color:#252c5e;
  }
  
  .container-404 .first-four{
    position: relative;
    left:6vmin;
    font-size:40vmin;
  }
  
  .container-404 .second-four{
    position: relative;
    right:18vmin;
    z-index: -1;
    font-size:40vmin;
  }
  
  .container-404 .wrong-para{
    position: absolute;
    bottom:15vmin;
    padding:3vmin 12vmin 3vmin 3vmin;
    font-weight:600;
    color:#252c5e;
  }
  .single-projet #project-header {
    padding-top: 15.75vw;
    padding-bottom: 2.5vw;
    align-items: center;
    justify-content: space-between;
    min-height: 52.5vw;
    max-height: unset;
}

  #project-header .project-data {
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}
.project-data .project-metadata {
    gap: .25vw;
}
#project-header .tax-labels {
    gap: .7vw;
    flex-wrap: wrap;
}
.project-metadata .flex-row span {
    min-width: 17vw;
}

.rounded_1-5 img {
    border-radius: 1.5vw !important;
}

.product-grid {
    gap: 5.7vw var(--main-gap);
    flex-wrap: wrap;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    transition-delay: .4s;
    justify-content: space-between;
}
.product-grid .product {
    align-items: flex-start;
}
.product-grid .product {
    width: -webkit-calc(33.33% - var(--main-gap)* 2 / 3);
    width: calc(33.33% - var(--main-gap)* 2 / 3);
    color: var(--black);
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}
.product-grid .product-image {
    -webkit-transition: background-color 2s ease;
    transition: background-color 2s ease;
    margin-bottom: 35px;
}
.product-grid .product:hover {
    color: var(--B-primary);
}

.product-grid .product h2 {
    margin-bottom: .4vw;
    font-size: 40px;
}

.rounded_1-5 {
    border-radius: 1.5vw;
}
.product-grid .product-image img {
    height: 100%;
}
.component-showcase-projects .gallery-entry {
    width: auto;
    height: 45vw;
}
.component-showcase-projects .gallery-entry .showcase-project-image {
    overflow: hidden;
}
.component-showcase-projects .gallery-entry img {
    object-fit: cover;
}
.bridge-player > div {
    border-radius: 30px !important;
}
@media only screen and (max-width: 1024px) {
    .single-projet #project-header {
        padding-top: 20vw;
        padding-bottom: var(--main-gap);
        height: auto !important;
        min-height: unset;
        max-height: unset;
    }
    .scroll-indicator {
        display: none;
    }
    #project-header .project-data {
        flex-direction: column;
        align-items: flex-start;
    }
    .project-data .project-metadata {
        width: 100%;
    }
    .project-data .project-metadata>.flex-row:not(:last-child) {
        margin-bottom: 1.25vw;
    }
    #project-header .tax-labels {
        gap: 1.25vw;
        margin-top: var(--main-gap);
    }
    .project-metadata .flex-row span:first-child {
        width: 20vw;
    }
}

@media only screen and (max-width: 550px) {
    :root {
        --main-gap: 4vw;
    }
    .single-projet #project-header {
        padding-top: 30vw;
    }
    #project-header h1 {
        margin-bottom: 25vw;
    }
    .project-data .project-metadata {
        gap: 2vw;
    }
    #project-header .tax-labels {
        gap: var(--main-gap);
    }
    .project-metadata .flex-row span:first-child {
        width: 35vw;
    }
}


.grecaptcha-badge {
    visibility: hidden;
    }
/*
.calc::after {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    opacity: 0.7;
}
*/
.wpcf7-not-valid-tip {
    margin-top: 10px;
}

.rdv-form select {
    width: 100%;
    padding: 10px;
    border-radius: 20px;
    background: transparent;
}


section.bridge-team {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 50px;
    row-gap: 70px;
    padding: 50px 0px;
  }
   section.bridge-team .profile {
    display: flex;
    justify-content: center;
    position: relative;
  }
   section.bridge-team .profile figure {
    width: 85%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
  }
   section.bridge-team .profile figure img {
    width: 80%;
  }
   section.bridge-team .profile figure figcaption {
    font-size: 25px;
    font-weight: 500;
    margin-top: 12px;
    text-transform: capitalize;
    cursor: pointer;
  }
   section.bridge-team .profile figure::after {
    content: attr(data-value);
    width: 100%;
    transform-origin: 0 0;
    transform: rotate(90deg);
    position: absolute;
    text-transform: uppercase;
    font-size: 20px;
    right: -92%;
  }
   section.bridge-team .profile:nth-child(2) {
    margin-top: 70px;
  }
   
  
    section.bridge-team .profile:not(:nth-child(-n + 3)):nth-child(3n+1) {
        margin-top: -70px;
    }

    section.bridge-team .profile:not(:nth-child(-n + 3)):nth-child(3n+3)  {
        margin-top: -70px;
    }
    
  

  .profile .social-links {
    width: 80%;
    display: flex;
    gap: 30px;
    margin-top: 15px;
}

.profile .social-links i{
    color: var(--B-primary) !important;
}


.profile .social-links a {
    
    position: relative;
   
}
.profile .social-links a:after {
    content: "";
    height: 1px;
    width: 0;
    background: var(--black);
    position: absolute;
    left: 0;
    bottom: -5px;
    -webkit-transition: width .25s ease;
    transition: width .25s ease;
}

.profile .social-links a:hover:after{
    width: 100%;
}
.tag-new:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 50px;
    margin: 20px;
    animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    50% {opacity: 0;}
  }

  @media screen and (max-width: 1440px) {
    
     section.bridge-team {
      column-gap: 50px;
    }
  }
  @media screen and (max-width: 1024px) {
    
     section.bridge-team {
      column-gap: 35px;
    }
  }
  @media screen and (max-width: 768px) {
     
     section.bridge-team {
      column-gap: 25px;
    }

    section.bridge-team .profile figure::after {
        font-size: 15px;
        right: -100%;
    }
    .product-grid .product h2 {
        margin-bottom: 20px;
        font-size: 25px;
    }
    body.page-id-4228 .sticky-background-media img {
        object-position: 70%;
    }

    .tag-new:after {
        
        margin: 0 10px;
       
        
    }
  }
 
  @media screen and (max-width: 600px) {
     
     section.bridge-team {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 0px;
      row-gap: 0px;
    }
   
    section.bridge-team .profile:not(:nth-child(-n + 1)):nth-child(2n+0) {
        margin-top: 50px !important;
    }
    section.bridge-team .profile:not(:nth-child(-n + 2)):nth-child(2n+1) {
      margin-top: 0px;
    }

   
  }