@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=3e066215-e8d5-4996-b001-8cb15810a990);

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

span.unicorn:before {
    content: "@"
}

span.unicorn>span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.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 {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: 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%;
    -o-object-fit: contain;
    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;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/*! nouislider - 14.6.3 - 11/19/2020 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3FB8AF
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

@charset "UTF-8";

.row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5)
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

@media (min-width:750px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

@media (min-width:1050px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-10,
.gx-10 {
    --bs-gutter-x: 1rem
}

.g-10,
.gy-10 {
    --bs-gutter-y: 1rem
}

.g-20,
.gx-20 {
    --bs-gutter-x: 2rem
}

.g-20,
.gy-20 {
    --bs-gutter-y: 2rem
}

.g-30,
.gx-30 {
    --bs-gutter-x: 3rem
}

.g-30,
.gy-30 {
    --bs-gutter-y: 3rem
}

.g-40,
.gx-40 {
    --bs-gutter-x: 4rem
}

.g-40,
.gy-40 {
    --bs-gutter-y: 4rem
}

.g-50,
.gx-50 {
    --bs-gutter-x: 5rem
}

.g-50,
.gy-50 {
    --bs-gutter-y: 5rem
}

.g-70,
.gx-70 {
    --bs-gutter-x: 7rem
}

.g-70,
.gy-70 {
    --bs-gutter-y: 7rem
}

@media (min-width:750px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-10,
    .gx-md-10 {
        --bs-gutter-x: 1rem
    }

    .g-md-10,
    .gy-md-10 {
        --bs-gutter-y: 1rem
    }

    .g-md-20,
    .gx-md-20 {
        --bs-gutter-x: 2rem
    }

    .g-md-20,
    .gy-md-20 {
        --bs-gutter-y: 2rem
    }

    .g-md-30,
    .gx-md-30 {
        --bs-gutter-x: 3rem
    }

    .g-md-30,
    .gy-md-30 {
        --bs-gutter-y: 3rem
    }

    .g-md-40,
    .gx-md-40 {
        --bs-gutter-x: 4rem
    }

    .g-md-40,
    .gy-md-40 {
        --bs-gutter-y: 4rem
    }

    .g-md-50,
    .gx-md-50 {
        --bs-gutter-x: 5rem
    }

    .g-md-50,
    .gy-md-50 {
        --bs-gutter-y: 5rem
    }

    .g-md-70,
    .gx-md-70 {
        --bs-gutter-x: 7rem
    }

    .g-md-70,
    .gy-md-70 {
        --bs-gutter-y: 7rem
    }
}

@media (min-width:1050px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-10,
    .gx-lg-10 {
        --bs-gutter-x: 1rem
    }

    .g-lg-10,
    .gy-lg-10 {
        --bs-gutter-y: 1rem
    }

    .g-lg-20,
    .gx-lg-20 {
        --bs-gutter-x: 2rem
    }

    .g-lg-20,
    .gy-lg-20 {
        --bs-gutter-y: 2rem
    }

    .g-lg-30,
    .gx-lg-30 {
        --bs-gutter-x: 3rem
    }

    .g-lg-30,
    .gy-lg-30 {
        --bs-gutter-y: 3rem
    }

    .g-lg-40,
    .gx-lg-40 {
        --bs-gutter-x: 4rem
    }

    .g-lg-40,
    .gy-lg-40 {
        --bs-gutter-y: 4rem
    }

    .g-lg-50,
    .gx-lg-50 {
        --bs-gutter-x: 5rem
    }

    .g-lg-50,
    .gy-lg-50 {
        --bs-gutter-y: 5rem
    }

    .g-lg-70,
    .gx-lg-70 {
        --bs-gutter-x: 7rem
    }

    .g-lg-70,
    .gy-lg-70 {
        --bs-gutter-y: 7rem
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-10 {
    gap: 1rem !important
}

.gap-20 {
    gap: 2rem !important
}

.gap-30 {
    gap: 3rem !important
}

.gap-40 {
    gap: 4rem !important
}

.gap-50 {
    gap: 5rem !important
}

.gap-70 {
    gap: 7rem !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-10 {
    margin: 1rem !important
}

.m-20 {
    margin: 2rem !important
}

.m-30 {
    margin: 3rem !important
}

.m-40 {
    margin: 4rem !important
}

.m-50 {
    margin: 5rem !important
}

.m-70 {
    margin: 7rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-10 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-20 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-30 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-40 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-50 {
    margin-right: 5rem !important;
    margin-left: 5rem !important
}

.mx-70 {
    margin-right: 7rem !important;
    margin-left: 7rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

.my-70 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

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

.mt-10 {
    margin-top: 1rem !important
}

.mt-20 {
    margin-top: 2rem !important
}

.mt-30 {
    margin-top: 3rem !important
}

.mt-40 {
    margin-top: 4rem !important
}

.mt-50 {
    margin-top: 5rem !important
}

.mt-70 {
    margin-top: 7rem !important
}

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

.me-0 {
    margin-right: 0 !important
}

.me-10 {
    margin-right: 1rem !important
}

.me-20 {
    margin-right: 2rem !important
}

.me-30 {
    margin-right: 3rem !important
}

.me-40 {
    margin-right: 4rem !important
}

.me-50 {
    margin-right: 5rem !important
}

.me-70 {
    margin-right: 7rem !important
}

.me-auto {
    margin-right: auto !important
}

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

.mb-10 {
    margin-bottom: 1rem !important
}

.mb-20 {
    margin-bottom: 2rem !important
}

.mb-30 {
    margin-bottom: 3rem !important
}

.mb-40 {
    margin-bottom: 4rem !important
}

.mb-50 {
    margin-bottom: 5rem !important
}

.mb-70 {
    margin-bottom: 7rem !important
}

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

.ms-0 {
    margin-left: 0 !important
}

.ms-10 {
    margin-left: 1rem !important
}

.ms-20 {
    margin-left: 2rem !important
}

.ms-30 {
    margin-left: 3rem !important
}

.ms-40 {
    margin-left: 4rem !important
}

.ms-50 {
    margin-left: 5rem !important
}

.ms-70 {
    margin-left: 7rem !important
}

.ms-auto {
    margin-left: auto !important
}

.m-n10 {
    margin: -1rem !important
}

.m-n20 {
    margin: -2rem !important
}

.m-n30 {
    margin: -3rem !important
}

.m-n40 {
    margin: -4rem !important
}

.m-n50 {
    margin: -5rem !important
}

.m-n70 {
    margin: -7rem !important
}

.mx-n10 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.mx-n20 {
    margin-right: -2rem !important;
    margin-left: -2rem !important
}

.mx-n30 {
    margin-right: -3rem !important;
    margin-left: -3rem !important
}

.mx-n40 {
    margin-right: -4rem !important;
    margin-left: -4rem !important
}

.mx-n50 {
    margin-right: -5rem !important;
    margin-left: -5rem !important
}

.mx-n70 {
    margin-right: -7rem !important;
    margin-left: -7rem !important
}

.my-n10 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.my-n20 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important
}

.my-n30 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.my-n40 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important
}

.my-n50 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important
}

.my-n70 {
    margin-top: -7rem !important;
    margin-bottom: -7rem !important
}

.mt-n10 {
    margin-top: -1rem !important
}

.mt-n20 {
    margin-top: -2rem !important
}

.mt-n30 {
    margin-top: -3rem !important
}

.mt-n40 {
    margin-top: -4rem !important
}

.mt-n50 {
    margin-top: -5rem !important
}

.mt-n70 {
    margin-top: -7rem !important
}

.me-n10 {
    margin-right: -1rem !important
}

.me-n20 {
    margin-right: -2rem !important
}

.me-n30 {
    margin-right: -3rem !important
}

.me-n40 {
    margin-right: -4rem !important
}

.me-n50 {
    margin-right: -5rem !important
}

.me-n70 {
    margin-right: -7rem !important
}

.mb-n10 {
    margin-bottom: -1rem !important
}

.mb-n20 {
    margin-bottom: -2rem !important
}

.mb-n30 {
    margin-bottom: -3rem !important
}

.mb-n40 {
    margin-bottom: -4rem !important
}

.mb-n50 {
    margin-bottom: -5rem !important
}

.mb-n70 {
    margin-bottom: -7rem !important
}

.ms-n10 {
    margin-left: -1rem !important
}

.ms-n20 {
    margin-left: -2rem !important
}

.ms-n30 {
    margin-left: -3rem !important
}

.ms-n40 {
    margin-left: -4rem !important
}

.ms-n50 {
    margin-left: -5rem !important
}

.ms-n70 {
    margin-left: -7rem !important
}

.p-0 {
    padding: 0 !important
}

.p-10 {
    padding: 1rem !important
}

.p-20 {
    padding: 2rem !important
}

.p-30 {
    padding: 3rem !important
}

.p-40 {
    padding: 4rem !important
}

.p-50 {
    padding: 5rem !important
}

.p-70 {
    padding: 7rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-10 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-20 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-30 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.px-40 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.px-50 {
    padding-right: 5rem !important;
    padding-left: 5rem !important
}

.px-70 {
    padding-right: 7rem !important;
    padding-left: 7rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-10 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-30 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.py-40 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.py-50 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.py-70 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-10 {
    padding-top: 1rem !important
}

.pt-20 {
    padding-top: 2rem !important
}

.pt-30 {
    padding-top: 3rem !important
}

.pt-40 {
    padding-top: 4rem !important
}

.pt-50 {
    padding-top: 5rem !important
}

.pt-70 {
    padding-top: 7rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-10 {
    padding-right: 1rem !important
}

.pe-20 {
    padding-right: 2rem !important
}

.pe-30 {
    padding-right: 3rem !important
}

.pe-40 {
    padding-right: 4rem !important
}

.pe-50 {
    padding-right: 5rem !important
}

.pe-70 {
    padding-right: 7rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 1rem !important
}

.pb-20 {
    padding-bottom: 2rem !important
}

.pb-30 {
    padding-bottom: 3rem !important
}

.pb-40 {
    padding-bottom: 4rem !important
}

.pb-50 {
    padding-bottom: 5rem !important
}

.pb-70 {
    padding-bottom: 7rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-10 {
    padding-left: 1rem !important
}

.ps-20 {
    padding-left: 2rem !important
}

.ps-30 {
    padding-left: 3rem !important
}

.ps-40 {
    padding-left: 4rem !important
}

.ps-50 {
    padding-left: 5rem !important
}

.ps-70 {
    padding-left: 7rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    color: #0d6efd !important
}

.text-secondary {
    color: #6c757d !important
}

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0dcaf0 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}

.text-dark {
    color: #212529 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    color: inherit !important
}

.bg-primary {
    background-color: #0d6efd !important
}

.bg-secondary {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #198754 !important
}

.bg-info {
    background-color: #0dcaf0 !important
}

.bg-warning {
    background-color: #ffc107 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

.bg-dark {
    background-color: #212529 !important
}

.bg-body {
    background-color: #fff !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

.user-select-auto {
    user-select: auto !important
}

.user-select-none {
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: 0.25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: 0.2rem !important
}

.rounded-2 {
    border-radius: 0.25rem !important
}

.rounded-3 {
    border-radius: 0.3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important
}

.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:750px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-10 {
        gap: 1rem !important
    }

    .gap-md-20 {
        gap: 2rem !important
    }

    .gap-md-30 {
        gap: 3rem !important
    }

    .gap-md-40 {
        gap: 4rem !important
    }

    .gap-md-50 {
        gap: 5rem !important
    }

    .gap-md-70 {
        gap: 7rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-10 {
        margin: 1rem !important
    }

    .m-md-20 {
        margin: 2rem !important
    }

    .m-md-30 {
        margin: 3rem !important
    }

    .m-md-40 {
        margin: 4rem !important
    }

    .m-md-50 {
        margin: 5rem !important
    }

    .m-md-70 {
        margin: 7rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-10 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-20 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-md-30 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-40 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-md-50 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .mx-md-70 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-10 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-20 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-md-30 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-40 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-md-50 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .my-md-70 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

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

    .mt-md-10 {
        margin-top: 1rem !important
    }

    .mt-md-20 {
        margin-top: 2rem !important
    }

    .mt-md-30 {
        margin-top: 3rem !important
    }

    .mt-md-40 {
        margin-top: 4rem !important
    }

    .mt-md-50 {
        margin-top: 5rem !important
    }

    .mt-md-70 {
        margin-top: 7rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-10 {
        margin-right: 1rem !important
    }

    .me-md-20 {
        margin-right: 2rem !important
    }

    .me-md-30 {
        margin-right: 3rem !important
    }

    .me-md-40 {
        margin-right: 4rem !important
    }

    .me-md-50 {
        margin-right: 5rem !important
    }

    .me-md-70 {
        margin-right: 7rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

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

    .mb-md-10 {
        margin-bottom: 1rem !important
    }

    .mb-md-20 {
        margin-bottom: 2rem !important
    }

    .mb-md-30 {
        margin-bottom: 3rem !important
    }

    .mb-md-40 {
        margin-bottom: 4rem !important
    }

    .mb-md-50 {
        margin-bottom: 5rem !important
    }

    .mb-md-70 {
        margin-bottom: 7rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-10 {
        margin-left: 1rem !important
    }

    .ms-md-20 {
        margin-left: 2rem !important
    }

    .ms-md-30 {
        margin-left: 3rem !important
    }

    .ms-md-40 {
        margin-left: 4rem !important
    }

    .ms-md-50 {
        margin-left: 5rem !important
    }

    .ms-md-70 {
        margin-left: 7rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .m-md-n10 {
        margin: -1rem !important
    }

    .m-md-n20 {
        margin: -2rem !important
    }

    .m-md-n30 {
        margin: -3rem !important
    }

    .m-md-n40 {
        margin: -4rem !important
    }

    .m-md-n50 {
        margin: -5rem !important
    }

    .m-md-n70 {
        margin: -7rem !important
    }

    .mx-md-n10 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-md-n20 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .mx-md-n30 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-md-n40 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .mx-md-n50 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .mx-md-n70 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .my-md-n10 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-md-n20 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-md-n30 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-md-n40 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .my-md-n50 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .my-md-n70 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .mt-md-n10 {
        margin-top: -1rem !important
    }

    .mt-md-n20 {
        margin-top: -2rem !important
    }

    .mt-md-n30 {
        margin-top: -3rem !important
    }

    .mt-md-n40 {
        margin-top: -4rem !important
    }

    .mt-md-n50 {
        margin-top: -5rem !important
    }

    .mt-md-n70 {
        margin-top: -7rem !important
    }

    .me-md-n10 {
        margin-right: -1rem !important
    }

    .me-md-n20 {
        margin-right: -2rem !important
    }

    .me-md-n30 {
        margin-right: -3rem !important
    }

    .me-md-n40 {
        margin-right: -4rem !important
    }

    .me-md-n50 {
        margin-right: -5rem !important
    }

    .me-md-n70 {
        margin-right: -7rem !important
    }

    .mb-md-n10 {
        margin-bottom: -1rem !important
    }

    .mb-md-n20 {
        margin-bottom: -2rem !important
    }

    .mb-md-n30 {
        margin-bottom: -3rem !important
    }

    .mb-md-n40 {
        margin-bottom: -4rem !important
    }

    .mb-md-n50 {
        margin-bottom: -5rem !important
    }

    .mb-md-n70 {
        margin-bottom: -7rem !important
    }

    .ms-md-n10 {
        margin-left: -1rem !important
    }

    .ms-md-n20 {
        margin-left: -2rem !important
    }

    .ms-md-n30 {
        margin-left: -3rem !important
    }

    .ms-md-n40 {
        margin-left: -4rem !important
    }

    .ms-md-n50 {
        margin-left: -5rem !important
    }

    .ms-md-n70 {
        margin-left: -7rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-10 {
        padding: 1rem !important
    }

    .p-md-20 {
        padding: 2rem !important
    }

    .p-md-30 {
        padding: 3rem !important
    }

    .p-md-40 {
        padding: 4rem !important
    }

    .p-md-50 {
        padding: 5rem !important
    }

    .p-md-70 {
        padding: 7rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-10 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-20 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-md-30 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-md-40 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .px-md-50 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .px-md-70 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-10 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-md-30 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-md-40 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .py-md-50 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .py-md-70 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-10 {
        padding-top: 1rem !important
    }

    .pt-md-20 {
        padding-top: 2rem !important
    }

    .pt-md-30 {
        padding-top: 3rem !important
    }

    .pt-md-40 {
        padding-top: 4rem !important
    }

    .pt-md-50 {
        padding-top: 5rem !important
    }

    .pt-md-70 {
        padding-top: 7rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-10 {
        padding-right: 1rem !important
    }

    .pe-md-20 {
        padding-right: 2rem !important
    }

    .pe-md-30 {
        padding-right: 3rem !important
    }

    .pe-md-40 {
        padding-right: 4rem !important
    }

    .pe-md-50 {
        padding-right: 5rem !important
    }

    .pe-md-70 {
        padding-right: 7rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-10 {
        padding-bottom: 1rem !important
    }

    .pb-md-20 {
        padding-bottom: 2rem !important
    }

    .pb-md-30 {
        padding-bottom: 3rem !important
    }

    .pb-md-40 {
        padding-bottom: 4rem !important
    }

    .pb-md-50 {
        padding-bottom: 5rem !important
    }

    .pb-md-70 {
        padding-bottom: 7rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-10 {
        padding-left: 1rem !important
    }

    .ps-md-20 {
        padding-left: 2rem !important
    }

    .ps-md-30 {
        padding-left: 3rem !important
    }

    .ps-md-40 {
        padding-left: 4rem !important
    }

    .ps-md-50 {
        padding-left: 5rem !important
    }

    .ps-md-70 {
        padding-left: 7rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1050px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-10 {
        gap: 1rem !important
    }

    .gap-lg-20 {
        gap: 2rem !important
    }

    .gap-lg-30 {
        gap: 3rem !important
    }

    .gap-lg-40 {
        gap: 4rem !important
    }

    .gap-lg-50 {
        gap: 5rem !important
    }

    .gap-lg-70 {
        gap: 7rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-10 {
        margin: 1rem !important
    }

    .m-lg-20 {
        margin: 2rem !important
    }

    .m-lg-30 {
        margin: 3rem !important
    }

    .m-lg-40 {
        margin: 4rem !important
    }

    .m-lg-50 {
        margin: 5rem !important
    }

    .m-lg-70 {
        margin: 7rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-10 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-20 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .mx-lg-30 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-40 {
        margin-right: 4rem !important;
        margin-left: 4rem !important
    }

    .mx-lg-50 {
        margin-right: 5rem !important;
        margin-left: 5rem !important
    }

    .mx-lg-70 {
        margin-right: 7rem !important;
        margin-left: 7rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-10 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-20 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .my-lg-30 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-40 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important
    }

    .my-lg-50 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important
    }

    .my-lg-70 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

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

    .mt-lg-10 {
        margin-top: 1rem !important
    }

    .mt-lg-20 {
        margin-top: 2rem !important
    }

    .mt-lg-30 {
        margin-top: 3rem !important
    }

    .mt-lg-40 {
        margin-top: 4rem !important
    }

    .mt-lg-50 {
        margin-top: 5rem !important
    }

    .mt-lg-70 {
        margin-top: 7rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-10 {
        margin-right: 1rem !important
    }

    .me-lg-20 {
        margin-right: 2rem !important
    }

    .me-lg-30 {
        margin-right: 3rem !important
    }

    .me-lg-40 {
        margin-right: 4rem !important
    }

    .me-lg-50 {
        margin-right: 5rem !important
    }

    .me-lg-70 {
        margin-right: 7rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

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

    .mb-lg-10 {
        margin-bottom: 1rem !important
    }

    .mb-lg-20 {
        margin-bottom: 2rem !important
    }

    .mb-lg-30 {
        margin-bottom: 3rem !important
    }

    .mb-lg-40 {
        margin-bottom: 4rem !important
    }

    .mb-lg-50 {
        margin-bottom: 5rem !important
    }

    .mb-lg-70 {
        margin-bottom: 7rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-10 {
        margin-left: 1rem !important
    }

    .ms-lg-20 {
        margin-left: 2rem !important
    }

    .ms-lg-30 {
        margin-left: 3rem !important
    }

    .ms-lg-40 {
        margin-left: 4rem !important
    }

    .ms-lg-50 {
        margin-left: 5rem !important
    }

    .ms-lg-70 {
        margin-left: 7rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n10 {
        margin: -1rem !important
    }

    .m-lg-n20 {
        margin: -2rem !important
    }

    .m-lg-n30 {
        margin: -3rem !important
    }

    .m-lg-n40 {
        margin: -4rem !important
    }

    .m-lg-n50 {
        margin: -5rem !important
    }

    .m-lg-n70 {
        margin: -7rem !important
    }

    .mx-lg-n10 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-lg-n20 {
        margin-right: -2rem !important;
        margin-left: -2rem !important
    }

    .mx-lg-n30 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .mx-lg-n40 {
        margin-right: -4rem !important;
        margin-left: -4rem !important
    }

    .mx-lg-n50 {
        margin-right: -5rem !important;
        margin-left: -5rem !important
    }

    .mx-lg-n70 {
        margin-right: -7rem !important;
        margin-left: -7rem !important
    }

    .my-lg-n10 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-lg-n20 {
        margin-top: -2rem !important;
        margin-bottom: -2rem !important
    }

    .my-lg-n30 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .my-lg-n40 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important
    }

    .my-lg-n50 {
        margin-top: -5rem !important;
        margin-bottom: -5rem !important
    }

    .my-lg-n70 {
        margin-top: -7rem !important;
        margin-bottom: -7rem !important
    }

    .mt-lg-n10 {
        margin-top: -1rem !important
    }

    .mt-lg-n20 {
        margin-top: -2rem !important
    }

    .mt-lg-n30 {
        margin-top: -3rem !important
    }

    .mt-lg-n40 {
        margin-top: -4rem !important
    }

    .mt-lg-n50 {
        margin-top: -5rem !important
    }

    .mt-lg-n70 {
        margin-top: -7rem !important
    }

    .me-lg-n10 {
        margin-right: -1rem !important
    }

    .me-lg-n20 {
        margin-right: -2rem !important
    }

    .me-lg-n30 {
        margin-right: -3rem !important
    }

    .me-lg-n40 {
        margin-right: -4rem !important
    }

    .me-lg-n50 {
        margin-right: -5rem !important
    }

    .me-lg-n70 {
        margin-right: -7rem !important
    }

    .mb-lg-n10 {
        margin-bottom: -1rem !important
    }

    .mb-lg-n20 {
        margin-bottom: -2rem !important
    }

    .mb-lg-n30 {
        margin-bottom: -3rem !important
    }

    .mb-lg-n40 {
        margin-bottom: -4rem !important
    }

    .mb-lg-n50 {
        margin-bottom: -5rem !important
    }

    .mb-lg-n70 {
        margin-bottom: -7rem !important
    }

    .ms-lg-n10 {
        margin-left: -1rem !important
    }

    .ms-lg-n20 {
        margin-left: -2rem !important
    }

    .ms-lg-n30 {
        margin-left: -3rem !important
    }

    .ms-lg-n40 {
        margin-left: -4rem !important
    }

    .ms-lg-n50 {
        margin-left: -5rem !important
    }

    .ms-lg-n70 {
        margin-left: -7rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-10 {
        padding: 1rem !important
    }

    .p-lg-20 {
        padding: 2rem !important
    }

    .p-lg-30 {
        padding: 3rem !important
    }

    .p-lg-40 {
        padding: 4rem !important
    }

    .p-lg-50 {
        padding: 5rem !important
    }

    .p-lg-70 {
        padding: 7rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-10 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-20 {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .px-lg-30 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .px-lg-40 {
        padding-right: 4rem !important;
        padding-left: 4rem !important
    }

    .px-lg-50 {
        padding-right: 5rem !important;
        padding-left: 5rem !important
    }

    .px-lg-70 {
        padding-right: 7rem !important;
        padding-left: 7rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-10 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-20 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .py-lg-30 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .py-lg-40 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }

    .py-lg-50 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }

    .py-lg-70 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-10 {
        padding-top: 1rem !important
    }

    .pt-lg-20 {
        padding-top: 2rem !important
    }

    .pt-lg-30 {
        padding-top: 3rem !important
    }

    .pt-lg-40 {
        padding-top: 4rem !important
    }

    .pt-lg-50 {
        padding-top: 5rem !important
    }

    .pt-lg-70 {
        padding-top: 7rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-10 {
        padding-right: 1rem !important
    }

    .pe-lg-20 {
        padding-right: 2rem !important
    }

    .pe-lg-30 {
        padding-right: 3rem !important
    }

    .pe-lg-40 {
        padding-right: 4rem !important
    }

    .pe-lg-50 {
        padding-right: 5rem !important
    }

    .pe-lg-70 {
        padding-right: 7rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-10 {
        padding-bottom: 1rem !important
    }

    .pb-lg-20 {
        padding-bottom: 2rem !important
    }

    .pb-lg-30 {
        padding-bottom: 3rem !important
    }

    .pb-lg-40 {
        padding-bottom: 4rem !important
    }

    .pb-lg-50 {
        padding-bottom: 5rem !important
    }

    .pb-lg-70 {
        padding-bottom: 7rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-10 {
        padding-left: 1rem !important
    }

    .ps-lg-20 {
        padding-left: 2rem !important
    }

    .ps-lg-30 {
        padding-left: 3rem !important
    }

    .ps-lg-40 {
        padding-left: 4rem !important
    }

    .ps-lg-50 {
        padding-left: 5rem !important
    }

    .ps-lg-70 {
        padding-left: 7rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

@font-face {
    font-family: "Galano Grotesque W05";
    src: url(/assets/frontend/css/fonts/c08bd59d-6708-4ffd-8478-ca9691164a36.woff2) format("woff2"), url(/assets/frontend/css/fonts/9737b091-4894-485b-92e0-42cfb7b3d0b8.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: "Galano Grotesque W05";
    src: url(/assets/frontend/css/fonts/30ac4628-6698-4a77-976f-decddbe9bd38.woff2) format("woff2"), url(/assets/frontend/css/fonts/641140da-24ba-4cf6-9e1a-b90ea5b2f049.woff) format("woff");
    font-weight: 500
}

@font-face {
    font-family: "Galano Grotesque W05";
    src: url(/assets/frontend/css/fonts/bec0331e-19a5-47e6-8f62-15ac79e39c09.woff2) format("woff2"), url(/assets/frontend/css/fonts/d17e180c-29bd-4b5b-8805-567694ba4430.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: "Glyphter";
    src: url(/assets/frontend/css/fonts/neon.eot?v=4);
    src: url("/assets/frontend/css/fonts/neon.eot?v=4#iefix") format("embedded-opentype"), url(/assets/frontend/css/fonts/neon.woff?v=4) format("woff"), url(/assets/frontend/css/fonts/neon.ttf?v=4) format("truetype"), url("/assets/frontend/css/fonts/neon.svg?v=4#neon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=icon-]::before {
    display: inline-block;
    font-family: "Glyphter";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none !important
}

[class*=icon-].icon-block,
[class*=icon-].icon-block::before {
    display: block
}

.icon-android:before {
    content: "A"
}

.icon-apple:before {
    content: "B"
}

.icon-close:before {
    content: "C"
}

.icon-download:before {
    content: "D"
}

.icon-fb:before {
    content: "E"
}

.icon-id:before {
    content: "F"
}

.icon-in:before {
    content: "G"
}

.icon-insta:before {
    content: "H"
}

.icon-lupe:before {
    content: "I"
}

.icon-mail:before {
    content: "J"
}

.icon-mobile:before {
    content: "K"
}

.icon-neon_pfeil_kurz:before {
    content: "L"
}

.icon-neon_pfeil_links:before {
    content: "M"
}

.icon-neon_pfeil_rechts:before {
    content: "N"
}

.icon-neon_pfeil_unten:before {
    content: "O"
}

.icon-persoenliche_daten:before {
    content: "P"
}

.icon-pfeil_klein:before {
    content: "Q"
}

.icon-zugangsdaten:before {
    content: "R"
}

.icon-print:before {
    content: "S"
}

.icon-mobile:before {
    content: "T"
}

.icon-overview:before {
    content: "U"
}

.icon-share:before {
    content: "V"
}

.icon-linkedin:before {
    content: "W"
}

.icon-whatsapp:before {
    content: "X"
}

.icon-xing:before {
    content: "Y"
}

.icon-twitter:before {
    content: "Z"
}

.icon-evaluations:before {
    content: "a"
}

.icon-man:before {
    content: "b"
}

.icon-girl:before {
    content: "c"
}

.icon-gift-love:before {
    content: "d"
}

.icon-card:before {
    content: "e"
}

.icon-acc:before {
    content: "f"
}

.icon-save:before {
    content: "g"
}

.icon-payments:before {
    content: "h"
}

.icon-medal:before {
    content: "i"
}

.icon-featured:before {
    content: "j"
}

.icon-huawai:before {
    content: "k"
}

.icon-info:before {
    content: "l"
}

.icon-baum:before {
    content: "m"
}

.icon-chevron_navigation:before {
    content: "n"
}

.icon-chevron_accordion:before {
    content: "o"
}

@-webkit-keyframes bounceY {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-moz-keyframes bounceY {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-o-keyframes bounceY {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounceY {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.hidden {
    display: none !important
}

*,
input,
select,
textarea,
button {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit
}

*:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

html {
    font-family: "Galano Grotesque W05", Arial, sans-serif;
    height: 100%;
    overflow-y: scroll;
    font-size: 10px
}

@media (max-width:1049.98px) {
    html {
        font-size: .95238vw
    }
}

@media (max-width:749.98px) {
    html {
        font-size: 10px
    }
}

@media (max-width:375px) {
    html {
        font-size: 2.666666vw
    }
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

body,
input,
textarea,
select,
button {
    font-size: 18px;
    line-height: 1.444444;
    color: #1D1D1D
}

@media (max-width:749.98px) {

    body,
    input,
    textarea,
    select,
    button {
        font-size: 1.5rem
    }
}

body.hide-feedback-ribbon header .roundedButton::before {
    background: #E4E6E6
}

body.hide-feedback-ribbon .openFeedback {
    opacity: 0
}

a {
    text-decoration: none;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

article .text a {
    text-decoration: underline
}

article .text a:hover {
    text-decoration: none
}

.background-transparent .text a {
    color: #1D1D1D
}

img,
svg,
picture {
    display: block
}

img {
    max-width: 100%
}

picture>img {
    min-width: 100%
}

p {
    margin: 0
}

p+p {
    margin-top: 1em
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5 .h5 {
    font-weight: 400;
    margin: 0
}

h1,
.h1 {
    font-size: 5.2rem;
    line-height: 1.12;
    letter-spacing: -2%;
    font-weight: 600;
    margin-bottom: .576923em
}

@media (max-width:749.98px) {

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

h2,
.h2 {
    font-size: 3.6rem;
    line-height: 1.2;
    letter-spacing: -.01px;
    font-weight: 600;
    margin-bottom: .583333em
}

@media (max-width:749.98px) {

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

h3,
.h3,
.dateline {
    font-size: 2.4rem;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: .583333em
}

@media (max-width:749.98px) {

    h3,
    .h3,
    .dateline {
        font-size: 1.8rem
    }
}

h4,
.h4 {
    font-size: inherit;
    line-height: 1.2;
    letter-spacing: -.01px;
    font-weight: 600
}

.dateline {
    color: rgb(0, 0, 0);
    display: inline-block;
    margin-bottom: 1.23076em
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none
}

.text h3,
.text h4,
.text h5,
.text h6 {
    font-weight: 700;
    font-size: 1.38em;
    margin-bottom: 0
}

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

.text a {
    font-weight: 600
}

.text a:hover {
    color: rgb(0, 0, 0)
}

.text ul li {
    padding-left: .833em;
    position: relative
}

.text ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0
}

.text ul+p {
    margin-top: 1em
}

.text figure.table {
    max-width: 100%;
    margin: 1em 0
}

.text figure.table td {
    vertical-align: top
}

.text figure.image {
    max-width: 100%;
    margin: 1em 0
}

.text figure.image figcaption {
    margin-top: .25em
}

.text figure.image img {
    max-width: 100%;
    height: auto
}

.text figure.image.image-style-align-center {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

.text figure.image.image-style-align-right,
.text figure.image.image-style-align-left {
    max-width: 50%;
    margin-bottom: .5em;
    margin-top: .4em
}

.text figure.image.image-style-align-right img,
.text figure.image.image-style-align-left img {
    max-width: 100%
}

.text figure.image figcaption {
    font-size: .8em;
    line-height: 1.24em;
    padding-bottom: .5em
}

.text .image-style-align-left {
    float: left;
    margin-right: 1em
}

.text .image-style-align-right {
    float: right;
    margin-left: 1em
}

.text .responsive-table {
    overflow-x: auto;
    background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(255, 40, 90, .1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(255, 40, 90, .1), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
    background-attachment: local, local, scroll, scroll;
    margin-left: -18px
}

@media screen and (min-width:1440px) {
    .text .responsive-table {
        min-width: 970px
    }
}

.text .responsive-table table {
    border: 1px solid rgb(255, 255, 255)
}

.text table {
    border-spacing: 18px 0
}

.text table td,
.text table th {
    border: none;
    padding: 4px 0
}

.text table thead th {
    border-bottom: 2px solid #1D1D1D;
    color: #1D1D1D
}

.text table tbody td,
.text table tbody th {
    border-bottom: 1px solid #1D1D1D
}

.innerWrapper {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto
}

.innerWrapper.smallWrapper {
    max-width: 710px
}

.outerWrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto
}

.roundedButton {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    z-index: 1;
    padding: 13px 15px;
    border: 2px solid rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border-radius: 50px;
    color: #1D1D1D;
    transition: color 0.2s, border-color 0.2s, background-color 0.2s
}

@media (max-width:749.98px) {
    .roundedButton {
        justify-content: center;
        padding: 10px 13px
    }
}

.roundedButton span {
    position: relative;
    z-index: 2;
    transition: none
}

.roundedButton::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    background-color: #1D1D1D;
    border-radius: 100px;
    transform: translate3d(-160%, -50%, 0);
    transition: transform 0.2s;
    width: 110%;
    height: 110%
}

.roundedButton:hover {
    color: rgb(255, 255, 255)
}

.roundedButton:hover::before {
    transform: translate3d(-50%, -50%, 0)
}

.roundedButton.different-text span:last-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.roundedButton.different-text:hover span:first-child {
    opacity: 0;
    visibility: hidden
}

.roundedButton.different-text:hover span:last-child {
    opacity: 1;
    visibility: visible
}

.background-colorized {
    color: rgb(255, 255, 255);
    background-color: #1D1D1D
}

.background-colorized [class*=eye-catcher] {
    background-color: rgb(255, 255, 255)
}

.background-colorized [class*=eye-catcher].eye-catcher-prices .icon-medal,
.background-colorized [class*=eye-catcher].eye-catcher-prices .content>span,
.background-colorized [class*=eye-catcher].eye-catcher-prices .content>p {
    color: #1D1D1D
}

.background-colorized .responsive-table {
    background-image: linear-gradient(to right, #1D1D1D, #1D1D1D), linear-gradient(to right, #1D1D1D, #1D1D1D), linear-gradient(to right, rgba(255, 40, 90, .1), #1D1D1D), linear-gradient(to left, rgba(255, 40, 90, .1), #1D1D1D);
    background-color: #1D1D1D
}

.background-colorized .responsive-table table {
    border: 1px solid #1D1D1D
}

.background-transparent .roundedButton {
    border-color: #1D1D1D;
    background-color: rgb(255, 255, 255);
    color: #1D1D1D
}

.background-transparent .roundedButton::before {
    background-color: #1D1D1D
}

.background-transparent .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.sideLink {
    position: absolute;
    font-weight: 600
}

.sideLink span {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.sideLink span::before {
    color: #1D1D1D;
    display: block
}

.sideLink:hover span {
    -webkit-transform: translate3d(10%, 0, 0);
    -moz-transform: translate3d(10%, 0, 0);
    -ms-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
}

.small,
footer .lowerFooter .copyright,
footer .upperFooter span {
    font-size: .77em
}

.fp-bg {
    z-index: 1 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.fp-bg.scrollable {
    display: block
}

.strong {
    font-family: "Galano Grotesque W05", Arial, sans-serif;
    font-weight: 400
}

.appLink,
.icon-insta,
.icon-in,
.icon-fb {
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

@media (min-width:750px) {

    .appLink:hover,
    .icon-insta:hover,
    .icon-in:hover,
    .icon-fb:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

[class*=eye-catcher] {
    display: block;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.3s;
    transform: translateZ(0)
}

[class*=eye-catcher]:hover {
    transform: translateZ(0) scale(1.02)
}

[class*=eye-catcher].eye-catcher-prices {
    display: flex;
    align-items: center
}

[class*=eye-catcher].eye-catcher-prices>.content {
    display: flex;
    flex-direction: column
}

[class*=eye-catcher].eye-catcher-prices>.icon-medal {
    display: block
}

[class*=eye-catcher].eye-catcher-prices>.icon-medal::before {
    display: block
}

.range-container {
    width: 100%
}

.range-container .range {
    width: 100%;
    margin: 1.2em 0 1em;
    height: 3px;
    box-shadow: none;
    border: 0;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 0
}

.range-container .range .noUi-marker.noUi-marker-horizontal.noUi-marker-large,
.range-container .range .noUi-marker.noUi-marker-horizontal.noUi-marker-normal {
    display: none
}

.range-container .range[data-pips]~.min-label,
.range-container .range[data-pips]~.max-label {
    display: none
}

.range-container .range::before,
.range-container .range::after {
    content: "";
    display: block;
    height: 14px;
    width: 3px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 50%
}

.range-container .range::before {
    left: 0;
    transform: translate3d(0, -50%, 0)
}

.range-container .range::after {
    right: 0;
    transform: translate3d(0, -50%, 0)
}

.range-container .range .noUi-connects {
    border-radius: 0;
    overflow: visible
}

.range-container .range .noUi-connects .noUi-connect {
    background-color: rgb(255, 255, 255);
    height: 3px
}

.range-container .range .noUi-handle {
    cursor: grab;
    border: none;
    border-radius: 50%;
    background-color: #fff;
    width: 27px;
    height: 27px;
    top: -13px;
    right: -13px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16) !important
}

.range-container .range .noUi-handle:active {
    cursor: grabbing
}

.range-container .range .noUi-handle:focus {
    outline: none !important
}

.range-container .range .noUi-handle::before,
.range-container .range .noUi-handle::after {
    display: none
}

.range-container .range-display {
    font-size: 1.444em
}

.d-flex {
    display: flex
}

.grecaptcha-badge {
    transform: translate3d(100%, 0, 0) !important
}

form input,
form select,
form textarea,
form button {
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    background: none
}

form input::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form button::-webkit-input-placeholder {
    opacity: 1;
    color: currentColor
}

form input::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder,
form button::-moz-placeholder {
    opacity: 1;
    color: currentColor
}

form input:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form button:-ms-input-placeholder {
    opacity: 1;
    color: currentColor
}

form input:-moz-placeholder,
form select:-moz-placeholder,
form textarea:-moz-placeholder,
form button:-moz-placeholder {
    opacity: 1;
    color: currentColor
}

form select,
form button {
    cursor: pointer
}

.defaultForm {
    max-width: 650px;
    margin: 0 auto
}

.defaultForm input,
.defaultForm select,
.defaultForm textarea {
    width: 100%;
    display: block;
    border-bottom: 1px solid currentColor
}

.defaultForm input[type=checkbox],
.defaultForm input[type=radio] {
    width: auto;
    border: none
}

.defaultForm .radioWrapper {
    position: relative
}

.defaultForm .radioWrapper input {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.defaultForm .radioWrapper input:hover+img+img,
.defaultForm .radioWrapper input:checked+img+img {
    opacity: 1
}

.defaultForm .radioWrapper>img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

.defaultForm .selectWrapper {
    position: relative
}

.defaultForm .selectWrapper::before {
    pointer-events: none;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -20%, 0);
    -moz-transform: translate3d(0, -20%, 0);
    -ms-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0)
}

.defaultForm textarea {
    border-bottom: none;
    resize: none
}

.defaultForm button {
    cursor: pointer
}

.newsletterForm {
    position: relative;
    display: block;
    border-bottom: 1px solid #FFF
}

.newsletterForm input {
    display: block;
    width: 100%
}

.newsletterForm button {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    display: block
}

.newsletterForm button::before {
    display: block
}

.fp-destroyed {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.fp-destroyed .fp-bg {
    height: auto !important;
    position: static !important
}

@media (max-width:749.98px) {
    #headerPush {
        height: 83px
    }

    body.breakingNews #headerPush {
        height: 118px
    }
}

header {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: padding 0.2s;
    padding: 15px 0;
    font-weight: 600
}

header.scrolled {
    padding: 15px 0
}

header::before {
    transition: opacity 0.3s, background 0.3s
}

header.transparent::before {
    opacity: 0
}

header.transparent::before ul ul {
    background-color: transparent
}

@media (max-width:749.98px) {
    header.transparent.colorized {
        color: rgb(255, 255, 255)
    }

    header.transparent.white {
        color: #FFFFFF
    }

    header.transparent.white::before {
        background-color: rgb(255, 255, 255)
    }

    header.scrolled {
        color: #FFFFFF
    }

    header.scrolled::before {
        background-color: #1D1D1D
    }
}

@media (min-width:750px) {
    header {
        padding: 40px 0
    }

    header.transparent.colorized {
        color: rgb(255, 255, 255)
    }

    header.transparent.white {
        color: #1D1D1D
    }

    header.transparent.white .roundedButton {
        border-color: #1D1D1D;
        background-color: #1D1D1D;
        color: rgb(255, 255, 255)
    }

    header.transparent.white .roundedButton::before {
        background-color: rgb(255, 255, 255)
    }

    header.transparent.white .roundedButton:hover {
        color: #1D1D1D
    }

    header.scrolled {
        color: rgb(255, 255, 255)
    }

    header.scrolled .roundedButton {
        border-color: #1D1D1D;
        background-color: #1D1D1D;
        color: rgb(255, 255, 255)
    }

    header.scrolled .roundedButton::before {
        background-color: rgb(255, 255, 255)
    }

    header.scrolled .roundedButton:hover {
        color: #1D1D1D
    }

    header.scrolled::before,
    header.scrolled ul ul {
        background-color: #1D1D1D
    }
}

header a {
    -webkit-transition: transform .3s, color .3s;
    -moz-transition: transform .3s, color .3s;
    -o-transition: transform .3s, color .3s;
    transition: transform .3s, color .3s;
    white-space: nowrap
}

header:hover a {
    -webkit-transition: transform .3s, color .3s;
    -moz-transition: transform .3s, color .3s;
    -o-transition: transform .3s, color .3s;
    transition: transform .3s, color .3s
}

header::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

header .outerWrapper {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .logo {
    display: block
}

header .logo .logo-img {
    display: block;
    width: 5.3rem;
    height: auto
}

@media (min-width:750px) {
    header .logo .logo-img {
        width: 70px;
    }
}

header .rightContent {
    display: flex;
    align-items: center
}

header .rightContent .right-content-inner {
    display: flex;
    align-items: center
}

header .rightContent div>ul,
header .rightContent nav>ul {
    display: flex
}

header .rightContent div>ul>li,
header .rightContent nav>ul>li {
    position: relative;
    display: block
}

header .rightContent div>ul>li sup,
header .rightContent nav>ul>li sup {
    position: absolute;
    bottom: 100%;
    left: 100%;
    top: auto;
    vertical-align: middle;
    display: none
}

header .rightContent div>ul>li>ul,
header .rightContent nav>ul>li>ul {
    padding: 0 1.5em 1em;
    position: absolute;
    top: 100%;
    left: -1.5em;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s, background .3s;
    -moz-transition: opacity .3s, background .3s;
    -o-transition: opacity .3s, background .3s;
    transition: opacity .3s, background .3s;
    background-size: 100vw auto;
    background-position: center center
}

header .rightContent div>ul>li>ul a,
header .rightContent nav>ul>li>ul a {
    padding-right: 1.6em;
    white-space: nowrap
}

header .rightContent div>ul>li>ul a:hover,
header .rightContent nav>ul>li>ul a:hover {
    color: rgb(0, 0, 0)
}

header .rightContent div>ul>li.icon-chevron_navigation::before,
header .rightContent nav>ul>li.icon-chevron_navigation::before {
    displaY: none
}

header .rightContent div>ul>li.icon-chevron_navigation>a::after,
header .rightContent nav>ul>li.icon-chevron_navigation>a::after {
    display: inline-block;
    font-family: "Glyphter";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .7em;
    content: "n";
    margin-left: .8em;
    text-transform: none !important;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

header .rightContent ul a.active {
    color: rgb(0, 0, 0)
}

header .rightContent ul>li:hover>a,
header .rightContent ul>li.hover>a,
header .rightContent ul>li.active>a {
    color: rgb(0, 0, 0)
}

header .rightContent ul>li:hover>a::after,
header .rightContent ul>li.hover>a::after,
header .rightContent ul>li.active>a::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

header .rightContent ul>li.active ul,
header .rightContent ul>li.hover ul,
header .rightContent ul>li:hover ul,
header .rightContent ul>ul:hover {
    opacity: 1;
    pointer-events: all
}

header .rightContent ul.langSwitch a {
    text-transform: uppercase
}

body.breaking-news header {
    padding-top: 50px
}

@media (min-width:750px) {
    body.breaking-news header {
        padding-top: 75px
    }

    body.breaking-news header.scrolled {
        padding-top: 50px
    }
}

main {
    display: block
}

main section {
    overflow-x: hidden;
    width: 100%;
    padding-bottom: 16rem;
    padding-top: 16rem
}

main section:first-child:not(.intro-new):not(.intro-slider):not(.intro):not(.green-downloads) {
    padding-top: 25rem
}

@media (max-width:749.98px) {
    main section:first-child:not(.intro-new):not(.intro-slider):not(.intro):not(.green-downloads) {
        padding-top: 9rem
    }
}

main section.background-colorized .text {
    color: rgb(255, 255, 255)
}

main section article.threeColumn+article.threeColumn {
    padding-top: 5rem
}

main section.freitext:not(.auto-height):first-child {
    min-height: 100vh
}

main section.background-colorized:not(.green-partner):not(.features):not(#neon-invest-intro2)+.background-colorized:not(.green-partner):not(.features):not(.metal-services):not(.invest-trade),
main section.background-transparent:not(.green-partner):not(.features):not(#neon-invest-intro2)+.background-transparent:not(.green-partner):not(.features):not(.metal-services):not(.invest-trade) {
    padding-top: 0
}

main section .scrollable article::before,
main section .scrollable article::after {
    content: "";
    display: block;
    height: 16rem
}

@media (max-width:749.98px) {
    main section {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    main section article::before,
    main section article::after {
        display: none !important
    }

    main section:first-child:not(.green-downloads) {
        padding-top: 2rem
    }

    main section:first-child:not(.green-downloads).intro-new,
    main section:first-child:not(.green-downloads).intro,
    main section:first-child:not(.green-downloads).intro-slider {
        padding-top: 8.3rem
    }

    main section.background-transparent:not(.in-zahlen):not(.green-partner):not(.features):not(#neon-invest-intro2)+section.background-transparent:not(.in-zahlen):not(.green-partner):not(.features):not(.metal-services):not(.invest-trade),
    main section.background-colorized:not(.in-zahlen):not(.green-partner):not(.features):not(#neon-invest-intro2)+section.background-colorized:not(.in-zahlen):not(.green-partner):not(.features):not(.metal-services):not(.invest-trade) {
        padding-top: 0
    }

    main section.freitext:first-child {
        min-height: 0 !important;
        height: auto !important
    }
}

footer {
    background-color: rgb(230, 230, 230)
}

footer section {
    background: none !important
}

footer section article {
    padding-bottom: 0 !important
}

footer section .twoColumn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0
}

footer article+article {
    padding-top: 0 !important
}

footer.not-home {
    background: #ff001e;
    background: -moz-linear-gradient(left, #ff001e 0%, #ff3282 100%);
    background: -webkit-linear-gradient(left, #ff001e 0%, #ff3282 100%);
    background: linear-gradient(to right, #ff001e 0%, #ff3282 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff001e", endColorstr="#ff3282", GradientType=1)
}

footer .fp-bg {
    display: flex !important;
    justify-content: flex-end;
    align-items: stretch
}

footer .innerWrapper:not(.gugu) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center
}

footer .innerWrapper:not(.gugu)>* {
    width: 30%
}

footer .upperFooter {
    flex: 1 0 auto;
    color: rgb(150, 150, 150)
}

footer .upperFooter span {
    display: block;
    border-bottom: 1px solid currentColor;
    padding-bottom: .1em
}

footer .upperFooter .logos {
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

footer .upperFooter .logos>a {
    width: 50%;
    margin-bottom: 1em;
    display: flex;
    align-items: center
}

footer .upperFooter .logos>a:nth-child(even) {
    justify-content: flex-end
}

footer .upperFooter .logos img {
    max-width: 125px;
    max-height: 50px
}

footer .lowerFooter {
    position: relative
}

footer .lowerFooter .copyright {
    text-align: center;
    opacity: .5
}

footer .lowerFooter nav {
    display: flex;
    flex-wrap: wrap
}

footer .lowerFooter nav>a {
    width: 50%;
    display: inline-block
}

footer .lowerFooter nav>a:nth-child(n+3) {
    margin-top: .6em
}

footer .lowerFooter nav>a:hover {
    color: rgb(0, 0, 0)
}

footer .lowerFooter .center {
    text-align: center
}

footer .lowerFooter .center .appLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

footer .lowerFooter .center .appLinks a {
    display: block
}

footer .lowerFooter .center .appLinks svg,
footer .lowerFooter .center .appLinks img {
    width: auto
}

footer .lowerFooter .right>a {
    display: inline-block
}

footer .lowerFooter .right>a::before {
    display: block
}

footer .lowerFooter .text.newsletterSuccess {
    font-size: .8em;
    margin-bottom: 1em
}

footer #goToTop {
    position: absolute;
    cursor: pointer
}

footer #goToTop::before {
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

footer #goToTop:hover::before {
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
    -ms-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
}

.twoColumn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0
}

.threeColumn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: 0 auto
}

.threeColumn .icon-big {
    font-size: 120px;
    display: block;
    margin-bottom: -20px;
    text-align: center
}

.threeColumn h2 {
    font-weight: 600
}

@media (max-width:749.98px) {
    .threeColumn>div+div {
        margin-top: 6rem
    }
}

.fourColumn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.goToNextSection {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 500
}

.goToNextSection::before {
    display: block;
    -webkit-animation: bounceY 2s infinite;
    -o-animation: bounceY 2s infinite;
    animation: bounceY 2s infinite
}

.openFeedback {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 10000;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity 1s, color 1s;
    -moz-transition: opacity 1s, color 1s;
    -o-transition: opacity 1s, color 1s;
    transition: opacity 1s, color 1s;
    -webkit-transform: translate3d(-30%, -50%, 0) rotate(-90deg);
    -moz-transform: translate3d(-30%, -50%, 0) rotate(-90deg);
    -ms-transform: translate3d(-30%, -50%, 0) rotate(-90deg);
    transform: translate3d(-30%, -50%, 0) rotate(-90deg)
}

.openFeedback span {
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.openFeedback:hover span {
    -webkit-transform: translate3d(0, 35%, 0);
    -moz-transform: translate3d(0, 35%, 0);
    -ms-transform: translate3d(0, 35%, 0);
    transform: translate3d(0, 35%, 0)
}

.contactElements {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.contactElements [class*=icon-] {
    position: relative;
    display: inline-block;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.contactElements [class*=icon-]::before {
    display: block;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.contactElements>* {
    display: flex;
    flex-direction: column;
    align-items: center
}

.contactElements .bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    line-height: 1;
    background-color: #1D1D1D;
    color: rgb(255, 255, 255);
    -webkit-transform: translate3d(68%, -61%, 0);
    -moz-transform: translate3d(68%, -61%, 0);
    -ms-transform: translate3d(68%, -61%, 0);
    transform: translate3d(68%, -61%, 0);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.contactElements .bubble span {
    display: inline-block
}

.contactElements .emergency>a:first-child:hover::before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.contactElements .emergency>a:first-child:hover .bubble {
    -webkit-transform: translate3d(68%, -61%, 0) scale(1.1);
    -moz-transform: translate3d(68%, -61%, 0) scale(1.1);
    -ms-transform: translate3d(68%, -61%, 0) scale(1.1);
    transform: translate3d(68%, -61%, 0) scale(1.1)
}

.contactElements .mail {
    color: #1D1D1D
}

.contactElements .mail:hover [class*=icon-] {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.appear {
    opacity: 0;
    -webkit-transition: opacity 1.5s cubic-bezier(.18, .49, .57, 1), transform 1.5s cubic-bezier(.18, .49, .57, 1);
    -moz-transition: opacity 1.5s cubic-bezier(.18, .49, .57, 1), transform 1.5s cubic-bezier(.18, .49, .57, 1);
    -o-transition: opacity 1.5s cubic-bezier(.18, .49, .57, 1), transform 1.5s cubic-bezier(.18, .49, .57, 1);
    transition: opacity 1.5s cubic-bezier(.18, .49, .57, 1), transform 1.5s cubic-bezier(.18, .49, .57, 1)
}

.appear.appeared {
    opacity: 1
}

.appear.show {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transition: opacity 1s cubic-bezier(.18, .49, .57, 1), transform 1s cubic-bezier(.18, .49, .57, 1);
    -moz-transition: opacity 1s cubic-bezier(.18, .49, .57, 1), transform 1s cubic-bezier(.18, .49, .57, 1);
    -o-transition: opacity 1s cubic-bezier(.18, .49, .57, 1), transform 1s cubic-bezier(.18, .49, .57, 1);
    transition: opacity 1s cubic-bezier(.18, .49, .57, 1), transform 1s cubic-bezier(.18, .49, .57, 1)
}

.appear.show.appeared {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s
}

.modal>section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 100%
}

.modal>section>div {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal .icon-close {
    cursor: pointer;
    -webkit-transition: color .15s;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s
}

.modal .icon-close:hover {
    color: rgb(0, 0, 0)
}

.in-zahlen {
    background-position: center !important
}

.in-zahlen h1,
.in-zahlen h2 {
    position: relative
}

.in-zahlen h1 .icon-info,
.in-zahlen h2 .icon-info {
    left: calc(100% + 1em);
    top: -.5em;
    position: absolute;
    font-size: 19px;
    transition: transform 0.2s
}

.in-zahlen h1 .icon-info:hover,
.in-zahlen h2 .icon-info:hover {
    transform: scale(1.1)
}

.in-zahlen h1 .icon-info,
.in-zahlen h1 .icon-info::before,
.in-zahlen h2 .icon-info,
.in-zahlen h2 .icon-info::before {
    display: block
}

@media (max-width:749.98px) {
    .in-zahlen {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .in-zahlen article {
        padding-top: 6rem;
        padding-bottom: 20rem;
        background-size: 100% auto
    }
}

@media (min-width:750px) {
    .in-zahlen article {
        background: none !important
    }
}

.green-solution {
    position: relative
}

.green-solution .tree-range-container {
    margin-top: 1.444em
}

.green-solution .range-container {
    margin-bottom: 2em
}

.green-solution .trees-planting {
    display: flex;
    align-items: center
}

.mailchimp form {
    padding-top: 2em
}

.mailchimp form h2,
.mailchimp form .indicates-required {
    display: none
}

.mailchimp form label,
.mailchimp form input:not([type=submit]) {
    border-bottom: 1px solid currentColor !important
}

.mailchimp form div.mce_inline_error {
    display: block !important;
    margin-left: 170px !important;
    background-color: transparent !important;
    color: #1D1D1D !important;
    margin-bottom: 0 !important;
    font-weight: normal !important
}

.mailchimp form .mc-field-group {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.mailchimp form .mc-field-group+.mc-field-group {
    margin-top: 1em
}

.mailchimp form .mc-field-group label {
    width: 170px
}

.mailchimp form .mc-field-group input {
    display: block;
    width: calc(100% - 170px)
}

.mailchimp form .clear {
    padding-top: 1.5em;
    display: flex;
    justify-content: flex-end
}

.mailchimp form input[type=submit] {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: "Galano Grotesque W05", Arial, sans-serif;
    overflow: hidden;
    font-size: 1.11em;
    padding: .3em 1.2em;
    border: 2px solid currentColor;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: border-color 0.2s, color 0.2s, background-color 0.2s
}

.card {
    border-radius: 15px;
    padding: 20px
}

.card.background-grey {
    background: rgba(244, 244, 244, .5)
}

.card.border-grey {
    border: 2px solid #999
}

@media (min-width:750px) {
    .card {
        border-radius: 30px;
        padding: 30px
    }
}

.pill {
    padding: 6px 14px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0)
}

.pill.theme-premium {
    background-color: #1D1D1D;
    color: rgb(255, 255, 255)
}

.pill.theme-metal {
    background-color: #3F4141;
    color: rgb(255, 255, 255)
}

.pill.theme-green {
    background-color: #4255FE;
    color: rgb(255, 255, 255)
}

.intro {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    min-height: 100vh
}

@media (max-width:749.98px) {
    .intro {
        text-align: center
    }

    .intro h1 br,
    .intro .text br {
        display: inline
    }

    .intro .twoColumn>div:last-child {
        transform: none !important
    }

    .intro .twoColumn>div:last-child>picture.custom:first-child,
    .intro .twoColumn>div:last-child>picture:not(.custom):first-child {
        width: 100% !important;
        height: auto;
        transform: none !important;
        position: static !important
    }

    .intro .twoColumn>div:last-child>picture:not(.custom):nth-child(2),
    .intro .twoColumn>div:last-child>picture:not(.custom):last-child {
        width: 100% !important;
        height: auto;
        transform: none !important
    }
}

@media (min-width:750px) {
    .intro {
        min-height: 100vh;
        white-space: nowrap
    }
}

.intro .twoColumn>div {
    position: relative
}

.intro .twoColumn>div>picture {
    width: 100%
}

.intro .twoColumn>div:first-child {
    width: 43%;
    z-index: 2
}

.intro .twoColumn>div:first-child .appLink {
    display: inline-block
}

.intro .twoColumn>div:first-child .appLink img {
    width: auto
}

.intro .twoColumn>div:last-child {
    z-index: 1;
    width: 57%;
    -webkit-transform: translate3d(0, 30%, 0);
    -moz-transform: translate3d(0, 30%, 0);
    -ms-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0)
}

.intro .twoColumn>div:last-child>picture:not(.custom):first-child {
    transition-duration: 1.5s;
    transition-delay: 0.5s;
    -webkit-transform: scale(.6) translate3d(-42%, -215%, 0);
    -moz-transform: scale(.6) translate3d(-42%, -215%, 0);
    -ms-transform: scale(.6) translate3d(-42%, -215%, 0);
    transform: scale(.6) translate3d(-42%, -215%, 0)
}

.intro .twoColumn>div:last-child>picture:not(.custom):nth-child(2),
.intro .twoColumn>div:last-child>picture:not(.custom):last-child {
    -webkit-transform: scale(1.3) translate3d(101%, 0, 0);
    -moz-transform: scale(1.3) translate3d(101%, 0, 0);
    -ms-transform: scale(1.3) translate3d(101%, 0, 0);
    transform: scale(1.3) translate3d(101%, 0, 0);
    position: absolute;
    top: 0;
    left: 0
}

.intro .twoColumn>div:last-child>picture:not(.custom):nth-child(2),
.intro .twoColumn>div:last-child>picture:not(.custom):last-child {
    z-index: 3;
    transition-delay: 0.5s !important;
    transition-duration: 1.5s !important
}

.intro .twoColumn>div:last-child #launch-intro {
    margin-left: auto;
    width: 98%;
    max-width: 400px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(0, -50%, 0)
}

.intro .twoColumn>div:last-child #landingpage-intro {
    margin-left: auto;
    width: 110%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(0, -50%, 0)
}

.intro .appear {
    opacity: 0
}

.intro .appear.appeared {
    opacity: 1
}

.intro .appear.top.appeared {
    opacity: 1;
    -webkit-transform: scale(.58) translate3d(-24%, -110%, 0) !important;
    -moz-transform: scale(.58) translate3d(-24%, -110%, 0) !important;
    -ms-transform: scale(.58) translate3d(-24%, -110%, 0) !important;
    transform: scale(.58) translate3d(-24%, -110%, 0) !important
}

.intro .appear.right.appeared {
    opacity: 1;
    -webkit-transform: scale(1.3) translate3d(11%, 0, 0) !important;
    -moz-transform: scale(1.3) translate3d(11%, 0, 0) !important;
    -ms-transform: scale(1.3) translate3d(11%, 0, 0) !important;
    transform: scale(1.3) translate3d(11%, 0, 0) !important
}

.intro .roundedButton {
    margin-bottom: 2rem
}

.image-text,
.text-image {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.image-text.image-text .twoColumn>div:first-child,
.text-image.image-text .twoColumn>div:first-child {
    order: 2
}

.image-text.image-text .twoColumn>div:last-child,
.text-image.image-text .twoColumn>div:last-child {
    order: 1
}

.image-text.voucher .text ul li,
.image-text.voucher .text ul li::before,
.text-image.voucher .text ul li,
.text-image.voucher .text ul li::before {
    font-weight: 600;
    font-size: 1.11em;
    color: #1D1D1D
}

.image-text.voucher .twoColumn>div:first-child,
.text-image.voucher .twoColumn>div:first-child {
    width: 37%;
    padding: 0 !important
}

.image-text.voucher .twoColumn>div:last-child,
.text-image.voucher .twoColumn>div:last-child {
    width: 57%;
    padding: 0 !important
}

.image-text.voucher .appear,
.text-image.voucher .appear {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.image-text.voucher .appear.appeared,
.text-image.voucher .appear.appeared {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.image-text.card .twoColumn>div,
.text-image.card .twoColumn>div {
    padding: 0 !important;
    width: 48%
}

.image-text.card .appear,
.text-image.card .appear {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.image-text.card .appear.appeared,
.text-image.card .appear.appeared {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.image-text .roundedButton,
.text-image .roundedButton {
    margin-top: 4rem
}

.image-text .theme-green .roundedButton,
.text-image .theme-green .roundedButton {
    margin-top: 1rem
}

.features {
    overflow: hidden
}

@media (min-width:750px) {
    .features {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
}

.features h1,
.features h2,
.features .dateline {
    position: relative
}

.features h1 .icon-info,
.features h2 .icon-info,
.features .dateline .icon-info {
    left: calc(100% + 1em);
    top: -.5em;
    position: absolute;
    font-size: 19px;
    transition: transform 0.2s
}

.features h1 .icon-info:hover,
.features h2 .icon-info:hover,
.features .dateline .icon-info:hover {
    transform: scale(1.1)
}

.features h1 .icon-info,
.features h1 .icon-info::before,
.features h2 .icon-info,
.features h2 .icon-info::before,
.features .dateline .icon-info,
.features .dateline .icon-info::before {
    display: block
}

.features article {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative
}

.features article>.phone {
    position: absolute
}

.features article>.phone.fixed {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-100%, 0, 0) translate3d(-35px, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0) translate3d(-35px, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0) translate3d(-35px, 0, 0);
    transform: translate3d(-100%, 0, 0) translate3d(-35px, 0, 0)
}

.features article>.phone.top {
    top: 0
}

.features article>.phone.bottom {
    bottom: 0
}

.features article>.phone>picture:first-child~picture {
    display: none
}

.features article>div {
    min-height: 700px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.features article>div:not(.phone) {
    width: 50%
}

.features .roundedButton {
    margin-top: 4rem
}

.features .phone>picture {
    width: 100%;
    position: absolute;
    left: 50%;
    overflow: hidden;
    z-index: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    height: 80vh;
    max-height: 703px
}

.features .phone>picture img {
    min-height: 100%;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain
}

.features .phone>picture:not(:first-child) {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    max-height: 708px
}

.features .phone picture~picture img {
    transform: translate3d(0, 2px, 0) scale(.917)
}

.features .phone .featureNavigation {
    z-index: 1000;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.features .phone .featureNavigation a {
    display: block;
    border: 2px solid #1D1D1D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    pointer-events: all
}

.features .phone .featureNavigation a.active,
.features .phone .featureNavigation a:hover {
    background-color: #1D1D1D
}

.features .phone .featureNavigation a+a {
    margin-top: .5em
}

.features:not(.nophone) .phone>picture:first-child {
    z-index: 2;
    display: block !important
}

.features:not(.nophone) .phone>picture:first-child+picture {
    display: block
}

.features.nophone .phone>picture {
    width: 80% !important
}

.features.product_overview .featureNavigation a {
    position: relative;
    border: none
}

.features.product_overview .featureNavigation a img {
    transition: opacity 0.15s;
    transform: translate3d(1px, 1px, 1px) translate3d(-1px, -1px, -1px)
}

.features.product_overview .featureNavigation a img:last-child {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.features.product_overview .featureNavigation a.active,
.features.product_overview .featureNavigation a:hover {
    background: transparent
}

.features.product_overview .featureNavigation a.active img:first-child,
.features.product_overview .featureNavigation a:hover img:first-child {
    opacity: 0
}

.features.product_overview .featureNavigation a.active img:last-child,
.features.product_overview .featureNavigation a:hover img:last-child {
    opacity: 1
}

.features.product_overview .phone picture~picture img {
    transform: translate3d(0, 1px, 0) scale(.917)
}

@media (max-width:749.98px) {
    .features div[data-image]+div[data-image] {
        margin-top: 6rem
    }
}

.theme-default .features.invest.background-transparent,
.theme-default .features.invest.background-colorized {
    color: #333
}

.theme-default .features.invest.background-transparent .text,
.theme-default .features.invest.background-colorized .text {
    color: #333
}

.theme-default .features.invest.background-colorized {
    background-color: #F4F4F4
}

.prices-new table tr:first-child td,
.prices table tr:first-child td {
    width: 25%
}

.prices-new table tr:first-child td:first-child,
.prices table tr:first-child td:first-child {
    font-weight: 600;
    border-bottom: 2px solid currentColor
}

.prices-new table td,
.prices table td {
    vertical-align: bottom
}

.prices-new table td:not(:first-child),
.prices table td:not(:first-child) {
    border-bottom: 1px solid currentColor
}

.prices-new table td:first-child,
.prices table td:first-child {
    font-size: 1.38em;
    line-height: 1.04em
}

.prices-new .linkContainer,
.prices .linkContainer {
    text-align: right
}

.prices-new .buttonContainer,
.prices .buttonContainer {
    text-align: center;
    padding-top: 3em
}

.prices-new .sideLink,
.prices .sideLink {
    position: static
}

.prices-new .prices-container {
    margin-top: 5rem
}

.prices-new .prices-container .swiper-container {
    overflow: visible
}

.prices-new .prices-container .swiper-container .swiper-slide {
    color: rgb(0, 0, 0);
    max-width: 50% !important
}

.prices-new .prices-container .pseudo-image,
.prices-new .prices-container .img-wrapper {
    margin-bottom: 3rem;
    max-width: 300px
}

.prices-new .prices-container .swiper-container {
    width: 65%;
    flex: 1 0 65%
}

.prices-new .prices-container .labels {
    background: rgb(255, 255, 255);
    display: block;
    max-width: 23rem;
    width: 100%;
    margin-right: 30px;
    position: relative;
    z-index: 2
}

.prices-new .prices-container .labels::before {
    content: "";
    display: block;
    background-color: rgb(255, 255, 255);
    width: 50vw;
    right: 0;
    height: 104%;
    top: -2%;
    position: absolute;
    z-index: 1
}

.prices-new .prices-container .labels .big-label,
.prices-new .prices-container .labels .label {
    border-color: transparent;
    position: relative;
    z-index: 2
}

.prices-new .prices-container .big-label,
.prices-new .prices-container .label {
    padding-bottom: .25em
}

.prices-new .prices-container .big-label:not(.visible-s),
.prices-new .prices-container .label:not(.visible-s) {
    display: block
}

.prices-new .prices-container .big-label {
    margin-bottom: 5rem;
    font-size: 2.6rem;
    border-bottom: 2px solid rgb(0, 0, 0);
    font-weight: 600
}

.prices-new .prices-container .big-label.color-red {
    color: #1D1D1D
}

.prices-new .prices-container .big-label.color-green {
    color: #4255FE
}

.prices-new .prices-container .big-label.empty {
    border-color: transparent
}

.prices-new .prices-container .label {
    margin-bottom: 3rem;
    border-bottom: 1px solid rgb(0, 0, 0)
}

.prices-new .prices-container .label a {
    font-weight: 700;
    color: #1D1D1D;
    transition: color 0.2s
}

.prices-new .prices-container .label a:hover {
    color: rgb(0, 0, 0)
}

.product {
    color: #333
}

.product .h1,
.product .h2 {
    color: #1D1D1D
}

.product .productElements img {
    height: 48px;
    width: auto
}

@media (min-width:750px) {
    .product .productElements img {
        height: 64px
    }
}

.product .appLink {
    display: block
}

.product .appLink img {
    height: 48px;
    width: auto
}

@media (min-width:750px) {
    .product .appLink img {
        height: 63px
    }
}

.faq:not(.green-faq) {
    min-height: calc(100vh - 280px)
}

.faq .text a {
    font-weight: 600
}

.faq .categories {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.faq .categories a {
    cursor: pointer
}

.faq .categories a.active,
.faq .categories a:hover {
    color: rgb(0, 0, 0)
}

.faq .answers {
    display: none
}

.faq .answers.active {
    display: block
}

.faq .answers h3 {
    cursor: pointer;
    margin-bottom: 0;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.faq .answers h3:hover {
    color: rgb(0, 0, 0)
}

.faq .answers h3 a {
    transition: none
}

.faq form input {
    color: rgb(0, 0, 0);
    border-bottom: 2px solid rgb(255, 255, 255);
    max-width: 650px
}

.faq form button {
    vertical-align: bottom
}

.faq form button::before {
    display: block !important
}

.faq form .searchHits {
    position: relative
}

.faq form .searchHits .icon-close {
    position: absolute;
    bottom: 100%;
    right: 0;
    cursor: pointer;
    -webkit-transition: color .15s;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s
}

.faq form .searchHits .icon-close:hover {
    color: rgb(0, 0, 0)
}

.faq form .searchHits>strong {
    display: none
}

.faq form .searchHits .highlight {
    color: rgb(0, 0, 0)
}

.faq form .searchHits .hit {
    display: none
}

.faq form .searchHits .hit:nth-child(-n+5) {
    display: block
}

.faq form .searchHits .showMoreFAQ {
    display: inline-block;
    margin-top: 1em;
    cursor: pointer
}

.faq form .searchHits .showMoreFAQ:hover {
    font-weight: 600
}

.faq form .searchHits .hit+.hit {
    margin-top: 1em
}

.freitext {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.contactForm .cardlock {
    padding: .1em 0;
    display: none
}

.contactForm .mandatoryFields {
    font-size: .61em;
    display: inline-block
}

.contactForm .lastRow {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.contactForm .lastRow .feedBackHeads {
    display: flex;
    align-items: center
}

.feedbackForm form>.selectWrapper {
    color: rgb(0, 0, 0)
}

.team .fp-bg {
    display: block
}

.team .teamImage {
    overflow: hidden;
    position: relative
}

.team .teamImage .dateline {
    position: absolute;
    z-index: 100
}

.team article>div {
    position: relative
}

.team .newsletterForm button::before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.team .teamWrapper {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer
}

.team .teamWrapper.active p {
    color: #1D1D1D !important
}

.team .teamWrapper img {
    border-radius: 100%
}

.team .teamWrapper .text {
    margin: 20px 0 80px 0
}

.team .teamWrapper .text p {
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease
}

.team .teamWrapper .text p.grey {
    color: rgb(150, 150, 150)
}

.team .teamWrapper .text p.black {
    color: rgb(0, 0, 0);
    font-weight: 600
}

.team .teamWrapper .text p.black+p.grey {
    margin-top: 0
}

.team .teamWrapper .text .content.active p {
    opacity: 1;
    visibility: visible
}

.team .teamWrapper .text .content p {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.blog .dateline a:hover {
    color: #1D1D1D
}

.blog .blogCategories {
    margin-bottom: 2em
}

.blog .blogCategories>a:not(:first-child) {
    margin-left: 4em
}

.blog .blogCategories>a.active,
.blog .blogCategories>a:hover {
    color: rgb(0, 0, 0)
}

.blog .col-inner a:not(.teaser) {
    margin-top: .6em;
    display: block;
    overflow: hidden;
    position: relative
}

.blog .col-inner a:not(.teaser):hover picture {
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025)
}

.blog .col-inner .featured-flag {
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 100;
    transform: translateZ(0)
}

.blog .col-inner .featured-flag span:not(.icon-featured) {
    font-size: .777em;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.4em;
    font-weight: 600;
    color: rgb(255, 255, 255);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.blog .col-inner .featured-flag .icon-featured {
    color: #1D1D1D;
    display: block
}

.blog .col-inner .featured-flag .icon-featured::before {
    display: block
}

.blog .col-inner .teaser {
    display: block
}

.blog .col-inner .teaser strong {
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.blog .col-inner .teaser:hover strong {
    color: #1D1D1D
}

.blog .col-inner picture {
    position: relative;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s
}

.blog .col-inner .date {
    display: inline-block;
    font-size: .77em;
    margin: .9em 0 .5em
}

.blog .colorWrapper.transparent {
    color: rgb(0, 0, 0)
}

.blog .colorWrapper.transparent .col-inner .subTitle {
    display: inline-block
}

.blog .colorWrapper.transparent .col-inner .subTitle,
.blog .colorWrapper.transparent .col-inner .date {
    color: #1D1D1D
}

.blog .colorWrapper.transparent .col-inner.hasDateline a:not(.teaser) {
    position: relative
}

.blog .colorWrapper.transparent .col-inner.hasDateline a:not(.teaser)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
    background-color: #1D1D1D
}

.blog .colorWrapper.background-colorized .teaser:hover strong {
    color: #000
}

.blog .blogDetail .date {
    display: inline-block;
    font-size: .77em;
    margin: 0 0 .5em;
    color: #1D1D1D
}

.blog .blogDetail h1,
.blog .blogDetail .text {
    color: rgb(0, 0, 0)
}

.blog .blogDetail .blogNav {
    display: flex;
    justify-content: space-between;
    font-size: 1.44em
}

.blog .blogDetail .blogNav>a {
    display: block;
    -webkit-transition: transform .3s, color .3s;
    -moz-transition: transform .3s, color .3s;
    -o-transition: transform .3s, color .3s;
    transition: transform .3s, color .3s
}

.blog .blogDetail .blogNav>a::before {
    display: block
}

.blog .blogDetail .blogNav>a.prev {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.blog .blogDetail .blogNav>a.prev:hover {
    -webkit-transform: translateX(-10%) rotate(-90deg);
    -moz-transform: translateX(-10%) rotate(-90deg);
    -ms-transform: translateX(-10%) rotate(-90deg);
    transform: translateX(-10%) rotate(-90deg)
}

.blog .blogDetail .blogNav>a.next {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.blog .blogDetail .blogNav>a.next:hover {
    -webkit-transform: translateX(10%) rotate(90deg);
    -moz-transform: translateX(10%) rotate(90deg);
    -ms-transform: translateX(10%) rotate(90deg);
    transform: translateX(10%) rotate(90deg)
}

.blog .blogDetail .blogNav>a.inactive {
    opacity: 0;
    pointer-events: none
}

.blog .blogDetail .blogNav>a.icon-overview:hover {
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.blog .grid .colContainer {
    display: flex;
    flex-wrap: wrap
}

.blog .col-1 {
    width: 33.33333%
}

.blog .col-2 {
    width: 66.666666%
}

.blog .col-3 {
    width: 100%
}

.jobs .text {
    color: rgb(0, 0, 0)
}

.jobs .text a:hover {
    color: #1D1D1D
}

.jobs .jobDetail h1 {
    color: rgb(0, 0, 0)
}

.jobs .jobDetail h1 .titleRow {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.jobs .jobDetail h1 .titleRow .icon-close {
    font-size: .8em;
    display: block
}

.jobs .jobDetail h1 .titleRow .icon-close::before {
    display: block
}

.jobs .jobDetail h1 .location {
    margin-top: .2em;
    font-size: .5em;
    display: block
}

.jobs .jobDetail .jobNav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.jobs .jobDetail .jobNav a {
    font-size: 1.44em;
    display: block;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.jobs .jobDetail .jobNav a:hover {
    -webkit-transform: translateZ(0) scale(1.1);
    -moz-transform: translateZ(0) scale(1.1);
    -ms-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1)
}

.jobs .jobDetail .jobNav a::before {
    display: block
}

.jobs .jobDetail .jobNav .socialIcons .activeIcons {
    display: flex;
    position: absolute;
    top: 200%;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jobs .jobDetail .jobNav .socialIcons.active .activeIcons {
    opacity: 1;
    pointer-events: all
}

.jobs .roundedButton,
.jobs .jobNav {
    margin-top: 4rem
}

#breakingNews {
    z-index: 100001;
    position: fixed;
    top: 0;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    padding: 5px 0;
    width: 100%
}

#breakingNews .marquee-with-options {
    width: calc(100% - 140px);
    float: right
}

#breakingNews .title-marquee {
    white-space: nowrap;
    float: left;
    background-color: #000
}

.openFeedback {
    display: none
}

#reviews {
    color: #1D1D1D;
    width: 100%;
    padding-bottom: 30px
}

#reviews .content {
    margin-top: 7px
}

#reviews .content img {
    border-radius: 100%;
    height: 121px;
    margin: 16px auto 22px auto;
    display: block;
    border: 5px solid #9f9f9f;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

#reviews .content .icon-big {
    font-size: 85px;
    display: block;
    margin: 15px 0 10px 0;
    text-align: center;
    border: none;
    padding-bottom: unset;
    color: #9f9f9f;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

#reviews .content .icon-big:before {
    border: 5px solid #9f9f9f;
    border-radius: 100%;
    padding: 13px
}

#reviews .content:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

#reviews .swiper-pagination {
    display: flex;
    justify-content: center;
    bottom: 0 !important
}

#reviews .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border: 3px solid #969696;
    background: transparent;
    opacity: 1
}

#reviews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #969696
}

.sliderSection article {
    width: 100%
}

.sliderSection #slider .swiper-slide picture,
.sliderSection .defaultSwiper .swiper-slide picture {
    position: relative
}

.sliderSection #slider .swiper-slide img,
.sliderSection .defaultSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover
}

.sliderSection #slider .swiper-slide .contentWrapper,
.sliderSection .defaultSwiper .swiper-slide .contentWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgb(255, 255, 255)
}

.sliderSection #slider .swiper-slide .contentWrapper p,
.sliderSection .defaultSwiper .swiper-slide .contentWrapper p {
    font-weight: 600;
    text-shadow: 2px 2px 4px #000
}

.sliderSection #slider .swiper-button-prev,
.sliderSection #slider .swiper-button-next,
.sliderSection .defaultSwiper .swiper-button-prev,
.sliderSection .defaultSwiper .swiper-button-next {
    background: none;
    height: 100%;
    top: 22px;
    width: 50%
}

.sliderSection #slider .swiper-button-prev,
.sliderSection .defaultSwiper .swiper-button-prev {
    left: 0
}

.sliderSection #slider .swiper-button-next,
.sliderSection .defaultSwiper .swiper-button-next {
    right: 0
}

.sliderSection .swiper-pagination {
    position: static;
    z-index: 11
}

.sliderSection .swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border: 2px solid #1D1D1D;
    background-color: transparent;
    z-index: 10000;
    position: relative;
    opacity: 1;
    cursor: pointer
}

.sliderSection .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 12px
}

.sliderSection .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1D1D1D
}

.sliderSection .swiper-button-prev {
    z-index: 0
}

.swiper-container .swiper-pagination {
    width: 100%
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin-right: 1em
}

.swiper-container .swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin-right: 0
}

.roadmap {
    position: relative
}

.roadmap h2 {
    color: rgb(0, 0, 0);
    font-weight: 600
}

.roadmap #roadmap .swiper-wrapper {
    z-index: 11;
    position: relative
}

.roadmap #roadmap .swiper-slide {
    width: 40%
}

.roadmap #roadmap .swiper-slide .circle {
    margin: 10px 0 30px 0;
    display: flex;
    align-items: center
}

.roadmap #roadmap .swiper-slide .circle:before {
    content: "";
    display: block;
    border: 2px solid rgb(255, 255, 255);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #1D1D1D;
    flex: 0 0 auto
}

.roadmap #roadmap .swiper-slide .circle:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgb(255, 255, 255)
}

.roadmap #roadmap .swiper-slide.lastRoadmap .circle::after {
    display: none
}

.roadmap #roadmap .swiper-slide h3 {
    margin-bottom: 0 !important
}

.roadmap #roadmap .icon-neon_pfeil_links,
.roadmap #roadmap .icon-neon_pfeil_rechts {
    font-size: 4vw;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0;
    -moz-transition: all 0.3s ease 0;
    -o-transition: all 0.3s ease 0;
    transition: all 0.3s ease 0
}

.roadmap #roadmap .icon-neon_pfeil_links.swiper-button-disabled,
.roadmap #roadmap .icon-neon_pfeil_rechts.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.roadmap #roadmap .icon-neon_pfeil_links {
    left: 0
}

.roadmap #roadmap .icon-neon_pfeil_rechts {
    right: 0;
    float: right
}

.roadmap #roadmap .swiper-pagination {
    width: 200vw !important;
    top: 63px;
    height: 1px;
    left: -100%
}

.roadmap #roadmap .swiper-pagination:after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: 1px solid rgb(255, 255, 255);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 2200ms ease 0s;
    -moz-transition: transform 2200ms ease 0s;
    -o-transition: transform 2200ms ease 0s;
    transition: transform 2200ms ease 0s
}

.roadmap #roadmap .swiper-pagination.hiddenLinie:after {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.roadmap #roadmap .swiper-pagination .swiper-pagination-wrapper {
    width: 40%
}

.roadmap #roadmap .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: none
}

.product_overview .done ul li,
.product_overview .todo ul li {
    padding-left: 30px
}

.product_overview .done ul li+li,
.product_overview .todo ul li+li {
    margin-top: .25em
}

.product_overview .done ul li::before,
.product_overview .todo ul li::before {
    background-size: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    top: 2px
}

.product_overview .done+.todo {
    margin-top: .25em
}

.product_overview .done ul li::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsSAAALEgHS3X78AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABKpJREFUeNrMmE2IG1UcwH/vvUnX1mqyRcRbhrbLrnYxYYvQQ2FTwYMHMXcPmUpBoeCm0IMHl0xRpEKhWUHoQdhZDx48SIoHhV5mwUNBUpO6fpTamhURKaVkqv1YdjUeJtndTN5kJklh+yCEvPfm5Tf/9/8WrVaLx2Jk3kuhjCxC5QCoztsA4rEAfPHdFMJwUUYGoTqz41Tnm/LxEB9lIBOYywLsPOCh00WgELa8s4DPz+WA85qVJarz7s4CTp40gYpmpQ4UOz+MgQ4dnzURKo9UOaQyESqDVCAM/G+1jFQNpHIRqsLNxab2nIm3UkijAiQDKx6Qpzq/+Vw8K376iIUwikjlW5lUHSACgMG1JYThcP2CGwB0kEYBaYBMgDL8M5RxjCt2197+gHtmckhV9sFCIYixdhGhLH75uMmBNy1kYtGH6wI8Rf2DchAhHHB3xkao0tYfjgQIQnm0NspsPCwhEwQAl7h61tJh6HVwbNpBqkLExS8DNaCjL2bbd2W0u1utJOv3StscsdYoogF3TTkIo9AHygEq3PpGbwDpN0wg3/7T9Ob8mgcC/xM0iqtnm2GA3VdsTNhIVdJcmYcwLLxvKwNZ/cETNsIosX4f/tvwda1zrf4VH+PnBbffEVt+UO3PAaUQv2QODAfw66c2a94CGw81d/cEjCVrUUfIQDzUweW4e7k5lDN+7rUsG2tzPfMqAcYYgB0PUKQtjXJ7QI5/vhsO7tlXU0Dv9UkFiT2dX3PMnDHjSFBnRRb3rzRHCGZuT6QQAhJ7g5ZS7A8o0jrXsMyDemVotGdecbTuRsjjSOUFZvNREsxp5p3ew9MWIu0i0i7qQIXEZEp74r6cFZI+neHGoqNJENIcfj/bD7D3DdZWHM1eE5htf14HXMYOdUOmjmaBRc2zF/n9czv05fVC2gQ0Nc6YEMCuKgJw2Z3xIZ86ojcK3xNshbGVc26Ms7sA0xrl1g2dwWS2uSc3JH2y+OOLpga6J70fLaNurRaBJc1KgScPN0JisMWfX9ZivuwjSPlbq1YIZFprFH99VWHEoQNMxYCsR5x7kVtf94sS5iCAsfUhYHVhkN1GERzTp1Maidf6ATYCc7OMTfeX4r83miGQvlHcvtSMeDkGAdRZbT5ShuvXOpBel1HccaMylHxIWAwF1CmyHUtB1n7cDrlAMyIle+GUqYkyq1TnG+GArdWGxjmn2Z0pxoJ8UK8BWf6+HGe/E9L2iLRiWyvFPTPZWJD3qo3IPVPvFNthMqizTjRga9XVSDEJuOx9KTuqL2PypBXS4ihzpdTXaW/VJGq/iVA1pEoGahIPqXLcvVwbCm7ibQupFjUlaZ36h9k4frDtOm42QpLHJPA9yaM247Op2GD7j5scPFEJyW68vr6yb+G+a8pCGIu9hbjRru6Ug1QOty/VQsrOPFLlEaoQUtR7CJXjh49qwwH6hbvmWrTdg+Vta6nNZlJ418FXl5VzsdWlX+sj35ZW8hG1PupIZfHT+YF0Oap5lGo3jwojAHpIVebaJ/YwNha3/WYiDLutW8mYgKtI5SCMMtcvDF0dDt7l3/dyrt3AzCJUKgDYQKoaUrn89lmNRzD+HwAX+1ZMDQGSlwAAAABJRU5ErkJggg==)
}

.product_overview .todo ul li::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsSAAALEgHS3X78AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAz1JREFUeNrsmUFrE1EUhb/37qBUpI3uNYNYLFJIqAguhI7+AbMUXHQKLgRBU3DfqiAIhY4FobtGf0FcC3YKLgShJBikUrDJXiQjoriQuEisdfpmOpNMtIJ3E5I7TE7OnHvfuTeq0+lwkENzwOM/wP8A/3ZYqa4+Nl1ESQktDlpslOTRAsqi+yp1tDTR4qOkyvvV5qAAVaI2M3rBRVlltBRQ0gXTBUQIYDj3DGV5bK34wwF4ZMpBSwUt+RgQJMito8Rlc7mZnQZHCh6wBuQzkNI0UOPsXCkbBg9PVtAy8zsjv7EUoKWGEn9XLocSBy2FfdidpbFY6R/goYkKyprZ+8h2HpXHxxfVyDvmr+XQUkLJQow0ZnnzsJIeoDXuoeW24aYByioRvEwn9tPXF1DWfIQ+L1F/4CcHKKcclKwZHksdLQ6fXrX7Ut/4jWKv7YyFAAYoy6Z2r520SEyU14H+wQFsrdQABwhCmTHAS1bFKu8aqjUAHD6/bg9cw+8e1wBTBc8wdddOwmDZkCvxZaNNVrG57AOPDJlyPECVLwKF0OfrfK37ZB8Lhkft7segiXqPYcTbpTZQ3aPFc/eLcQCdPdr71qgO0aCYitGJAxgWaW2o/qmxaJJOLIPh6vUZftRD7+2DZlgTd4d/0vLn/sD32mkA1pNWVCYxeSeXRvcaCLvcAocnh8miiYBmHEDfeMwNL0wnhx9ttzhpA9shF9ziW8POHNrZORst2yG33WJjPqbNdFpN4FnYFzNSWPhDp4iXpIpNF81zZKqYGbSJW+Xe8BS2dJX9AXZaPrBu1MbR84ODPHPTBZaM7mZjPrGjdiNcr8/ohf5bz/iNMrBqPO5q9xI6aoDv75sRFTYGrDF20ePYdPL2c2rW5vR1P4K5IGmnMI2dLspajRg7A5RU0FLlw/O9reHE1Vxvb+Oi5ErEXBygxOHNw1p/ALuDu4uW1ZjBffeyqN3L/VomRQ/uAVocGouJLV30bmak4KCkiu6Ni4PtZn7+mBJvl1LtZ6LdTHcmsYEnA9ZwAMyxuVxMCy7N+s3urd9cwwAexWALLR7KqrC10vd0qFL/DXH8crFXCEWU2CGA/s4Cc/tpM4v+/mMABp3mdTfNJHIAAAAASUVORK5CYII=)
}

.product_overview .swiper-product-text {
    overflow: visible
}

.product_overview .swiper-product-text .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 85px
}

.product_overview .swiper-product-text .swiper-pagination {
    width: 65px;
    position: absolute;
    left: -110%;
    z-index: 1000000;
    top: 0;
    transform: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 700px;
    align-self: unset;
    background-repeat: no-repeat
}

.product_overview .swiper-product-text .swiper-pagination span.swiper-pagination-bullet {
    cursor: pointer;
    width: 65px;
    height: 65px;
    background-color: transparent;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s
}

.product_overview .swiper-product-text .swiper-pagination #Account {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF81Xyk7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfNl8pO30KCS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzdfKTt9Cgkuc3Q3e2ZpbGw6dXJsKCNTVkdJRF84Xyk7fQoJLnN0OHtmaWxsOnVybCgjU1ZHSURfOV8pO30KPC9zdHlsZT4KPGc+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjExLjA5NzciIHkxPSIyMC4wMDUiIHgyPSIyOS4xOTk5IiB5Mj0iMjAuMDA1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi41LDIuOGgtMTNjLTIuNCwwLTMuMSwyLjEtMy4xLDMuMlYzNGMwLDIuNiwyLDMuMiwzLjEsMy4yaDEzYzIuNCwwLDMuMS0yLjEsMy4xLTMuMlY2LjEKCQlDMjkuNiwzLjUsMjcuNiwyLjgsMjYuNSwyLjh6IE0xMS43LDguNmgxNi42djIyLjdIMTEuN1Y4LjZ6IE0xMy41LDQuMWgxM2MwLjMsMCwxLjgsMC4xLDEuOCwydjEuM0gxMS43VjYuMQoJCUMxMS43LDUuOCwxMS43LDQuMSwxMy41LDQuMXogTTI2LjUsMzUuOWgtMTNjLTAuMiwwLTEuOC0wLjEtMS44LTJ2LTEuNGgxNi42djEuNEMyOC4zLDM0LjIsMjguMywzNS45LDI2LjUsMzUuOXoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTEuMDk3NyIgeTE9IjEyLjQxIiB4Mj0iMjkuMTk5OSIgeTI9IjEyLjQxIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNi44LDEzaDkuNWMwLjMsMCwwLjYtMC4zLDAuNi0wLjZzLTAuMy0wLjYtMC42LTAuNmgtOS41Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZTMTYuNCwxMywxNi44LDEzeiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMS4wOTc3IiB5MT0iMTIuMzUiIHgyPSIyOS4xOTk5IiB5Mj0iMTIuMzUiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTEzLjksMTEuNGMtMC42LDAtMSwwLjQtMSwxczAuNCwxLDEsMWgwYzAuNiwwLDEtMC40LDEtMVMxNC40LDExLjQsMTMuOSwxMS40eiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMS4wOTc3IiB5MT0iMTcuMzIiIHgyPSIyOS4xOTk5IiB5Mj0iMTcuMzIiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTEzLjksMTYuM2MtMC42LDAtMSwwLjUtMSwxczAuNCwxLDEsMWgwYzAuNiwwLDEtMC41LDEtMVMxNC40LDE2LjMsMTMuOSwxNi4zeiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMS4wOTc3IiB5MT0iMTcuNDUiIHgyPSIyOS4xOTk5IiB5Mj0iMTcuNDUiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NCIgZD0iTTI2LjMsMTYuOGgtOS41Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZzMC4zLDAuNiwwLjYsMC42aDkuNWMwLjMsMCwwLjYtMC4zLDAuNi0wLjZTMjYuNiwxNi44LDI2LjMsMTYuOHoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTEuMDk3NyIgeTE9IjIyLjM3IiB4Mj0iMjkuMTk5OSIgeTI9IjIyLjM3Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xMy45LDIxLjRjLTAuNiwwLTEsMC41LTEsMXMwLjQsMSwxLDFoMGMwLjYsMCwxLTAuNSwxLTFTMTQuNCwyMS40LDEzLjksMjEuNHoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTEuMDk3NyIgeTE9IjIyLjQ1IiB4Mj0iMjkuMTk5OSIgeTI9IjIyLjQ1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yNi4zLDIxLjhoLTkuNWMtMC4zLDAtMC42LDAuMy0wLjYsMC42czAuMywwLjYsMC42LDAuNmg5LjVjMC4zLDAsMC42LTAuMywwLjYtMC42UzI2LjYsMjEuOCwyNi4zLDIxLjh6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzhfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjExLjA5NzciIHkxPSIyNy40NyIgeDI9IjI5LjE5OTkiIHkyPSIyNy40NyI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTMuOSwyNi41Yy0wLjYsMC0xLDAuNS0xLDFzMC40LDEsMSwxaDBjMC42LDAsMS0wLjUsMS0xUzE0LjQsMjYuNSwxMy45LDI2LjV6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjExLjA5NzciIHkxPSIyNy4zNzUiIHgyPSIyOS4xOTk5IiB5Mj0iMjcuMzc1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0yNi4zLDI2LjhoLTkuNWMtMC4zLDAtMC42LDAuMy0wLjYsMC42czAuMywwLjYsMC42LDAuNmg5LjVjMC4zLDAsMC42LTAuMywwLjYtMC42UzI2LjYsMjYuOCwyNi4zLDI2Ljh6Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Account:hover,
.product_overview .swiper-product-text .swiper-pagination #Account.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cjwvc3R5bGU+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAuNDEiIHkxPSIyMC4zNDUiIHgyPSIyOS41NSIgeTI9IjIwLjM0NSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi41LDMuMmgtMTNjLTIuNCwwLTMuMSwyLjEtMy4xLDMuMnYyNy45YzAsMi42LDIsMy4yLDMuMSwzLjJoMTNjMi40LDAsMy4xLTIuMSwzLjEtMy4yVjYuNAoJQzI5LjUsMy44LDI3LjUsMy4yLDI2LjUsMy4yeiBNMjcuOSwzMi45SDEyLjF2LTEuMmgxNS45VjMyLjl6IE0xMy45LDIzLjdMMTMuOSwyMy43Yy0wLjYsMC0xLTAuNS0xLTFzMC40LTEsMS0xczEsMC41LDEsMQoJUzE0LjQsMjMuNywxMy45LDIzLjd6IE0xNC45LDI3LjhjMCwwLjUtMC40LDEtMSwxaDBjLTAuNiwwLTEtMC41LTEtMXMwLjQtMSwxLTFTMTQuOSwyNy4yLDE0LjksMjcuOHogTTEzLjksMTguN0wxMy45LDE4LjcKCWMtMC42LDAtMS0wLjUtMS0xczAuNC0xLDEtMXMxLDAuNSwxLDFTMTQuNCwxOC43LDEzLjksMTguN3ogTTEzLjksMTMuN0wxMy45LDEzLjdjLTAuNiwwLTEtMC40LTEtMXMwLjQtMSwxLTFzMSwwLjQsMSwxCglTMTQuNCwxMy43LDEzLjksMTMuN3ogTTE2LjcsMTcuMmg5LjVjMC4zLDAsMC42LDAuMywwLjYsMC42cy0wLjMsMC42LTAuNiwwLjZoLTkuNWMtMC4zLDAtMC42LTAuMy0wLjYtMC42UzE2LjQsMTcuMiwxNi43LDE3LjJ6CgkgTTE2LjEsMTIuOGMwLTAuMywwLjMtMC42LDAuNi0wLjZoOS41YzAuMywwLDAuNiwwLjMsMC42LDAuNnMtMC4zLDAuNi0wLjYsMC42aC05LjVDMTYuNCwxMy40LDE2LjEsMTMuMSwxNi4xLDEyLjh6IE0xNi43LDIyLjJoOS41CgljMC4zLDAsMC42LDAuMywwLjYsMC42cy0wLjMsMC42LTAuNiwwLjZoLTkuNWMtMC4zLDAtMC42LTAuMy0wLjYtMC42UzE2LjQsMjIuMiwxNi43LDIyLjJ6IE0xNi43LDI3LjFoOS41YzAuMywwLDAuNiwwLjMsMC42LDAuNgoJcy0wLjMsMC42LTAuNiwwLjZoLTkuNWMtMC4zLDAtMC42LTAuMy0wLjYtMC42UzE2LjQsMjcuMSwxNi43LDI3LjF6IE0yNy45LDguOUgxMi4xVjcuN2gxNS45VjguOXoiLz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Card {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUuMTI1IiB5MT0iMjAiIHgyPSIzNC43OTE5IiB5Mj0iMjAiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMi4zLDI5LjdINy43Yy0xLjQsMC0yLjYtMS4yLTIuNi0yLjZWMTIuOWMwLTEuNCwxLjItMi42LDIuNi0yLjZoMjQuN2MxLjQsMCwyLjYsMS4yLDIuNiwyLjZ2MTQuMQoJCQlDMzQuOSwyOC41LDMzLjgsMjkuNywzMi4zLDI5Ljd6IE03LjcsMTEuNmMtMC44LDAtMS40LDAuNi0xLjQsMS40djE0LjFjMCwwLjgsMC42LDEuNCwxLjQsMS40aDI0LjdjMC44LDAsMS40LTAuNiwxLjQtMS40VjEyLjkKCQkJYzAtMC44LTAuNi0xLjQtMS40LTEuNEg3Ljd6Ii8+Cgk8L2c+Cgk8Zz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUuMTI1IiB5MT0iMTkuMzYiIHgyPSIzNC43OTE5IiB5Mj0iMTkuMzYiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMS44LDIyaC0xLjdDOSwyMiw4LjEsMjEuMSw4LjEsMjB2LTEuNGMwLTEsMC45LTEuOSwxLjktMS45aDEuN2MxLjEsMCwxLjksMC45LDEuOSwxLjlWMjAKCQkJQzEzLjcsMjEuMSwxMi44LDIyLDExLjgsMjJ6IE0xMC4xLDE4Yy0wLjQsMC0wLjcsMC4zLTAuNywwLjd2MS40YzAsMC40LDAuMywwLjcsMC43LDAuN2gxLjdjMC40LDAsMC43LTAuMywwLjctMC43di0xLjQKCQkJYzAtMC40LTAuMy0wLjctMC43LTAuN0gxMC4xeiIvPgoJPC9nPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1LjEyNSIgeTE9IjI0LjQ3IiB4Mj0iMzQuNzkxOSIgeTI9IjI0LjQ3Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yOS43LDIxLjRjLTAuNSwwLTEsMC4xLTEuNSwwLjRjLTAuNC0wLjItMC45LTAuNC0xLjUtMC40Yy0xLjcsMC0zLDEuNC0zLDNzMS40LDMsMywzYzAuNSwwLDEtMC4xLDEuNS0wLjQKCQljMC40LDAuMiwwLjksMC40LDEuNSwwLjRjMS43LDAsMy0xLjQsMy0zUzMxLjMsMjEuNCwyOS43LDIxLjR6IE0yOC4yLDI1LjVjLTAuMi0wLjMtMC4zLTAuNi0wLjMtMWMwLTAuNCwwLjEtMC43LDAuMy0xCgkJYzAuMiwwLjMsMC4zLDAuNiwwLjMsMVMyOC40LDI1LjIsMjguMiwyNS41eiBNMjUsMjQuNWMwLTEsMC44LTEuOCwxLjgtMS44YzAuMSwwLDAuMywwLDAuNCwwLjFjLTAuMywwLjUtMC41LDEuMS0wLjUsMS43CgkJczAuMiwxLjIsMC41LDEuN2MtMC4xLDAtMC4zLDAuMS0wLjQsMC4xQzI1LjgsMjYuMywyNSwyNS41LDI1LDI0LjV6IE0yOS43LDI2LjNjLTAuMSwwLTAuMywwLTAuNC0wLjFjMC4zLTAuNSwwLjUtMS4xLDAuNS0xLjcKCQlzLTAuMi0xLjItMC41LTEuN2MwLjEsMCwwLjMtMC4xLDAuNC0wLjFjMSwwLDEuOCwwLjgsMS44LDEuOEMzMS41LDI1LjUsMzAuNiwyNi4zLDI5LjcsMjYuM3oiLz4KPC9nPgo8L3N2Zz4K)
}

.product_overview .swiper-product-text .swiper-pagination #Card:hover,
.product_overview .swiper-product-text .swiper-pagination #Card.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQo8L3N0eWxlPgo8Zz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNS4wNiIgeTE9IjE5Ljk5NSIgeDI9IjM0Ljk1IiB5Mj0iMTkuOTk1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMi4zLDEwLjNINy43Yy0xLjQsMC0yLjYsMS4yLTIuNiwyLjZ2MTQuMWMwLDEuNCwxLjIsMi42LDIuNiwyLjZoMjQuN2MxLjQsMCwyLjYtMS4yLDIuNi0yLjZWMTIuOQoJCUMzNC45LDExLjUsMzMuOCwxMC4zLDMyLjMsMTAuM3ogTTEzLjEsMjBjMCwwLjctMC42LDEuMy0xLjMsMS4zaC0xLjdjLTAuNywwLTEuMy0wLjYtMS4zLTEuM3YtMS40YzAtMC43LDAuNi0xLjMsMS4zLTEuM2gxLjcKCQljMC43LDAsMS4zLDAuNiwxLjMsMS4zVjIweiBNMjkuNywyNy40Yy0wLjUsMC0wLjktMC4xLTEuMy0wLjNjLTAuNSwwLjMtMSwwLjUtMS42LDAuNWMtMS43LDAtMy0xLjQtMy0zczEuNC0zLDMtMwoJCWMwLjYsMCwxLjEsMC4yLDEuNiwwLjVjMC40LTAuMiwwLjktMC4zLDEuMy0wLjNjMS42LDAsMi45LDEuMywyLjksMi45QzMyLjYsMjYuMSwzMS4zLDI3LjQsMjkuNywyNy40eiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNSIgeTE9IjI0LjQ3IiB4Mj0iMjcuMzUiIHkyPSIyNC40NyI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjYuOCwyMi43Yy0xLDAtMS44LDAuOC0xLjgsMS44YzAsMSwwLjgsMS44LDEuOCwxLjhjMC4yLDAsMC40LDAsMC42LTAuMWMtMC4zLTAuNS0wLjUtMS0wLjUtMS43CgkJYzAtMC42LDAuMi0xLjIsMC41LTEuN0MyNy4yLDIyLjcsMjcsMjIuNywyNi44LDIyLjd6Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Statistics {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF81Xyk7fQo8L3N0eWxlPgo8Zz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4zMTI1IiB5MT0iMjEuOCIgeDI9IjM0LjA3NDgiIHkyPSIyMS44IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNDIpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy4xLDE3LjVjLTAuMywwLTAuNiwwLjMtMC42LDAuNnY0LjJjMCwwLjMsMC4zLDAuNiwwLjYsMC42czAuNi0wLjMsMC42LTAuNnYtNC4yCgkJQzEzLjcsMTcuNywxMy41LDE3LjUsMTMuMSwxNy41eiIvPgoJCgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3LjMxMjUiIHkxPSIyMy4xNSIgeDI9IjM0LjA3NDgiIHkyPSIyMy4xNSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDQyKSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTYuMiwxNC45Yy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2Ni43YzAsMC4zLDAuMywwLjYsMC42LDAuNmMwLjMsMCwwLjYtMC4zLDAuNi0wLjZ2LTYuNwoJCUMxNi45LDE1LjIsMTYuNiwxNC45LDE2LjIsMTQuOXoiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4zMTI1IiB5MT0iMjQuMTUiIHgyPSIzNC4wNzQ4IiB5Mj0iMjQuMTUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA0MikiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIyLjUsMTIuOGMtMC4zLDAtMC42LDAuMy0wLjYsMC42djguOWMwLDAuMywwLjMsMC42LDAuNiwwLjZzMC42LTAuMywwLjYtMC42di04LjkKCQlDMjMuMSwxMy4xLDIyLjgsMTIuOCwyMi41LDEyLjh6Ii8+CgkKCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjcuMzEyNSIgeTE9IjIxLjM1IiB4Mj0iMzQuMDc0OCIgeTI9IjIxLjM1IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNDIpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xOS40LDE4LjVjLTAuMywwLTAuNiwwLjMtMC42LDAuNnYzLjFjMCwwLjMsMC4zLDAuNiwwLjYsMC42czAuNi0wLjMsMC42LTAuNnYtMy4xCgkJQzIwLDE4LjgsMTkuNywxOC41LDE5LjQsMTguNXoiLz4KCQoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4zMTI1IiB5MT0iMjEuOSIgeDI9IjM0LjA3NDgiIHkyPSIyMS45IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNDIpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0zMi44LDI5LjlsLTUuNy01LjdjMS4yLTEuOCwxLjgtMy45LDEuOC02LjFjMC0wLjQsMC0wLjcsMC0xQzI4LjQsMTEuMywyMy42LDcsMTcuOCw3QzExLjYsNyw2LjYsMTIsNi42LDE4LjIKCQlzNSwxMS4yLDExLjIsMTEuMmMyLjUsMCw0LjktMC45LDYuOC0yLjNsNS42LDUuNmMwLjQsMC4zLDAuOCwwLjUsMS4zLDAuNWwwLDBjMC41LDAsMS0wLjIsMS4zLTAuNXMwLjUtMC44LDAuNS0xLjMKCQlDMzMuNCwzMC43LDMzLjIsMzAuMiwzMi44LDI5Ljl6IE03LjksMTguMWMwLTUuNSw0LjQtOS45LDkuOS05LjljNS4yLDAsOS40LDMuOSw5LjksOWwwLDBjMCwwLjMsMCwwLjYsMCwwLjkKCQljMCwyLjktMS4zLDUuNi0zLjMsNy40Yy0wLjEsMC0wLjEsMC4xLTAuMiwwLjFsLTAuMSwwLjFjLTEuNywxLjQtMy45LDIuMi02LjMsMi4yQzEyLjMsMjgsNy45LDIzLjUsNy45LDE4LjF6IE0zMS45LDMxLjYKCQljLTAuMSwwLjEtMC4zLDAuMi0wLjQsMC4ybDAsMGMtMC4yLDAtMC4zLTAuMS0wLjQtMC4ybC01LjUtNS41YzAuMy0wLjMsMC42LTAuNiwwLjgtMC45bDUuNiw1LjZjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjQKCQlDMzIuMSwzMS40LDMyLjEsMzEuNSwzMS45LDMxLjZ6Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Statistics:hover,
.product_overview .swiper-product-text .swiper-pagination #Statistics.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQo8L3N0eWxlPgo8Zz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNi41NTIiIHkxPSIyMCIgeDI9IjMzLjkwNSIgeTI9IjIwIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMi44LDI5LjlsLTUuNy01LjdjMS4yLTEuOCwxLjgtMy45LDEuOC02LjFjMC0wLjQsMC0wLjcsMC0xYy0wLjUtNS44LTUuMy0xMC4xLTExLjEtMTAuMQoJCWMtNi4yLDAtMTEuMiw1LTExLjIsMTEuMnM1LDExLjIsMTEuMiwxMS4yYzIuNSwwLDQuOS0wLjksNi44LTIuM2w1LjYsNS42YzAuNCwwLjMsMC44LDAuNSwxLjMsMC41bDAsMGMwLjUsMCwxLTAuMiwxLjMtMC41CgkJYzAuMy0wLjMsMC41LTAuOCwwLjUtMS4zQzMzLjQsMzAuNywzMy4yLDMwLjIsMzIuOCwyOS45eiBNMTcuOCwyNy42Yy01LjIsMC05LjUtNC4zLTkuNS05LjVzNC4zLTkuNSw5LjUtOS41YzUsMCw5LDMuNyw5LjUsOC42CgkJYzAsMC4zLDAsMC42LDAsMC45QzI3LjMsMjMuMywyMywyNy42LDE3LjgsMjcuNnoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNi41NTIiIHkxPSIxOC4wOSIgeDI9IjMzLjkwNSIgeTI9IjE4LjA5Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNi4yLDE3LjNjLTAuNC00LjQtNC03LjctOC40LTcuN2MtNC43LDAtOC41LDMuOC04LjUsOC41czMuOCw4LjUsOC41LDguNWM0LjcsMCw4LjUtMy44LDguNS04LjUKCQlDMjYuMiwxNy44LDI2LjIsMTcuNiwyNi4yLDE3LjNMMjYuMiwxNy4zeiBNMTMuNywyMi4zYzAsMC4zLTAuMywwLjYtMC42LDAuNnMtMC42LTAuMy0wLjYtMC42di00LjJjMC0wLjMsMC4zLTAuNiwwLjYtMC42CgkJczAuNiwwLjMsMC42LDAuNlYyMi4zeiBNMTYuOSwyMi4zYzAsMC4zLTAuMywwLjYtMC42LDAuNnMtMC42LTAuMy0wLjYtMC42di02LjdjMC0wLjMsMC4zLTAuNiwwLjYtMC42czAuNiwwLjMsMC42LDAuNlYyMi4zegoJCSBNMjAsMjIuM2MwLDAuMy0wLjMsMC42LTAuNiwwLjZzLTAuNi0wLjMtMC42LTAuNnYtMy4xYzAtMC4zLDAuMy0wLjYsMC42LTAuNnMwLjYsMC4zLDAuNiwwLjZWMjIuM3ogTTIzLjEsMjIuMwoJCWMwLDAuMy0wLjMsMC42LTAuNiwwLjZzLTAuNi0wLjMtMC42LTAuNnYtOC45YzAtMC4zLDAuMy0wLjYsMC42LTAuNnMwLjYsMC4zLDAuNiwwLjZWMjIuM3oiLz4KPC9nPgo8L3N2Zz4K)
}

.product_overview .swiper-product-text .swiper-pagination #Payment {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KPC9zdHlsZT4KPGc+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYuMDYzMSIgeTE9IjkuNDQiIHgyPSIzNC45MSIgeTI9IjkuNDQiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTcuMiwxMC4xaDIyLjZsLTIuNSwyLjZjLTAuMiwwLjItMC4yLDAuNiwwLDAuOWMwLjEsMC4xLDAuMywwLjIsMC40LDAuMnMwLjMtMC4xLDAuNC0wLjJsMy42LTMuNgoJCUMzMS45LDkuOCwzMiw5LjYsMzIsOS40czAtMC4zLTAuMi0wLjRsLTMuNi0zLjZjLTAuMi0wLjItMC42LTAuMi0wLjksMHMtMC4yLDAuNiwwLDAuOWwyLjUsMi41SDcuMmMtMC4zLDAtMC42LDAuMy0wLjYsMC42CgkJUzYuOSwxMC4xLDcuMiwxMC4xeiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2LjA2MzEiIHkxPSIyMy42MiIgeDI9IjM0LjkxIiB5Mj0iMjMuNjIiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE5LDE4LjhjLTIuNiwwLTQuOCwyLjEtNC44LDQuOHMyLjIsNC44LDQuOCw0LjhzNC44LTIuMSw0LjgtNC44UzIxLjYsMTguOCwxOSwxOC44eiBNMTksMjcuMgoJCWMtMiwwLTMuNS0xLjYtMy41LTMuNXMxLjYtMy41LDMuNS0zLjVzMy41LDEuNiwzLjUsMy41UzIwLjksMjcuMiwxOSwyNy4yeiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2LjA2MzEiIHkxPSIyNS4wMSIgeDI9IjM0LjkxIiB5Mj0iMjUuMDEiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTMzLjksMjguN2MwLjMtMC40LDAuNi0wLjgsMC42LTEuMmMwLTAuOC0wLjUtMS41LTEuNC0yYy0wLjItMC4xLTAuNC0wLjItMC43LTAuM2MwLDAsMCwwLDAsMHYtNi44CgkJYzAtMS43LTEuNC0zLjEtMy4yLTMuMUg4LjdjLTEuOCwwLTMuMiwxLjQtMy4yLDMuMXY5LjljMCwxLjcsMS40LDMuMSwzLjIsMy4xaDE3LjJjLTAuMSwwLjMtMC4yLDAuNS0wLjIsMC44YzAsMC44LDAuNSwxLjUsMS40LDIKCQljMC44LDAuNCwxLjgsMC43LDIuOSwwLjdjMC4xLDAsMC4xLDAsMC4yLDBjMi40LDAsNC4xLTEsNC4yLTIuNWMwLTAuNC0wLjItMC45LTAuNS0xLjJjMC4zLTAuNCwwLjUtMC44LDAuNS0xLjIKCQlDMzQuNCwyOS41LDM0LjIsMjksMzMuOSwyOC43eiBNMjcsMjkuN2MwLTAuMiwwLjEtMC40LDAuMy0wLjVjMC43LDAuNCwxLjcsMC42LDIuOCwwLjdjMC4xLDAsMC4xLDAsMC4yLDBjMSwwLDEuOC0wLjIsMi42LTAuNQoJCWMwLjEsMC4xLDAuMywwLjMsMC4yLDAuNWMwLDAuNS0xLjIsMS4zLTMuMSwxLjJjLTAuOSwwLTEuNy0wLjItMi4zLTAuNUMyNy4yLDMwLjMsMjcsMzAsMjcsMjkuN3ogTTMzLjIsMjcuNAoJCWMwLDAuMy0wLjMsMC42LTAuOCwwLjhjLTAuNiwwLjMtMS41LDAuNS0yLjMsMC40Yy0xLjksMC0zLTAuOC0zLTEuNGMwLTAuNSwxLjItMS4yLDIuOS0xLjJjMCwwLDAuMSwwLDAuMSwwYzAuOSwwLDEuNywwLjIsMi4zLDAuNQoJCUMzMywyNi44LDMzLjIsMjcuMSwzMy4yLDI3LjR6IE02LjgsMjguMnYtOS45YzAtMSwwLjktMS44LDEuOS0xLjhoMjAuNWMxLjEsMCwxLjksMC44LDEuOSwxLjh2Ni41Yy0wLjMsMC0wLjYtMC4xLTEtMC4xCgkJYy0yLjUsMC00LjMsMS00LjQsMi41YzAsMC40LDAuMiwwLjksMC41LDEuMmMtMC40LDAuNC0wLjYsMC44LTAuNiwxLjJjMCwwLjEsMCwwLjMsMC4xLDAuNEg4LjdDNy43LDMwLjEsNi44LDI5LjMsNi44LDI4LjJ6CgkJIE0zMCwzMy41Yy0wLjksMC0xLjctMC4yLTIuMy0wLjVjLTAuNS0wLjItMC43LTAuNi0wLjctMC44YzAtMC4yLDAuMS0wLjQsMC4zLTAuNWMwLjgsMC40LDEuNywwLjYsMi44LDAuN2MwLjEsMCwwLjEsMCwwLjIsMAoJCWMxLDAsMS45LTAuMiwyLjYtMC41YzAuMSwwLjEsMC4zLDAuMywwLjMsMC41QzMzLDMyLjgsMzEuOCwzMy42LDMwLDMzLjV6Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Payment:hover,
.product_overview .swiper-product-text .swiper-pagination #Payment.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KPC9zdHlsZT4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0LjkwMDIiIHkxPSI5LjUxNSIgeDI9IjM1Ljg3MTYiIHkyPSI5LjUxNSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMS44LDkuMWwtMy42LTMuNmMtMC4yLTAuMi0wLjYtMC4yLTAuOSwwcy0wLjIsMC42LDAsMC45bDIuNSwyLjVINy4yYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZzMC4zLDAuNiwwLjYsMC42CgloMjIuNmwtMi41LDIuNmMtMC4yLDAuMi0wLjIsMC42LDAsMC45YzAuMSwwLjEsMC4zLDAuMiwwLjQsMC4yczAuMy0wLjEsMC40LTAuMmwzLjYtMy42QzMxLjksOS44LDMyLDkuNywzMiw5LjVTMzEuOSw5LjIsMzEuOCw5LjF6CgkiLz4KPGc+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQuOTAwMiIgeTE9IjI1LjAxIiB4Mj0iMzUuODcxNiIgeTI9IjI1LjAxIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zMy45LDI4LjdjMC4zLTAuNCwwLjYtMC44LDAuNi0xLjJjMC0wLjgtMC41LTEuNS0xLjQtMmMtMC4yLTAuMS0wLjQtMC4yLTAuNy0wLjNjMCwwLDAsMCwwLDB2LTYuOAoJCWMwLTEuNy0xLjQtMy4xLTMuMi0zLjFIOC43Yy0xLjgsMC0zLjIsMS40LTMuMiwzLjF2OS45YzAsMS43LDEuNCwzLjEsMy4yLDMuMWgxNy4yYy0wLjEsMC4zLTAuMiwwLjUtMC4yLDAuOGMwLDAuOCwwLjUsMS41LDEuNCwyCgkJYzAuOCwwLjQsMS44LDAuNywyLjksMC43YzAuMSwwLDAuMSwwLDAuMiwwYzIuNCwwLDQuMS0xLDQuMi0yLjVjMC0wLjQtMC4yLTAuOS0wLjUtMS4yYzAuMy0wLjQsMC41LTAuOCwwLjUtMS4yCgkJQzM0LjQsMjkuNSwzNC4yLDI5LDMzLjksMjguN3ogTTE5LDI4LjRjLTIuNiwwLTQuOC0yLjEtNC44LTQuOHMyLjItNC44LDQuOC00LjhzNC44LDIuMSw0LjgsNC44UzIxLjYsMjguNCwxOSwyOC40eiBNMzAsMzMuNQoJCWMtMC45LDAtMS43LTAuMi0yLjMtMC41Yy0wLjUtMC4yLTAuNy0wLjYtMC43LTAuOGMwLTAuMiwwLjEtMC40LDAuMy0wLjVjMC43LDAuNCwxLjcsMC42LDIuOCwwLjdjMC4xLDAsMC4xLDAsMC4yLDAKCQljMSwwLDEuOS0wLjIsMi42LTAuNWMwLjEsMC4xLDAuMywwLjMsMC4zLDAuNUMzMywzMi44LDMxLjgsMzMuNiwzMCwzMy41eiBNMzIuMywzMC42Yy0wLjYsMC4zLTEuNSwwLjUtMi4zLDAuNGMtMS45LDAtMy0wLjgtMy0xLjQKCQljMC0wLjIsMC4xLTAuNCwwLjMtMC41YzAuOCwwLjQsMS44LDAuNiwyLjgsMC43YzAuMSwwLDAuMSwwLDAuMiwwYzEsMCwxLjktMC4yLDIuNi0wLjVjMC4xLDAuMSwwLjMsMC4zLDAuMiwwLjUKCQlDMzMuMSwzMC4xLDMyLjgsMzAuNCwzMi4zLDMwLjZ6IE0zMi41LDI4LjJjLTAuNiwwLjMtMS41LDAuNS0yLjMsMC40Yy0wLjksMC0xLjctMC4yLTIuMy0wLjVjLTAuNS0wLjItMC43LTAuNi0wLjctMC44CgkJYzAtMC4zLDAuMy0wLjYsMC44LTAuOGMwLjYtMC4zLDEuNC0wLjQsMi4yLTAuNGMwLDAsMC4xLDAsMC4xLDBjMC45LDAsMS43LDAuMiwyLjMsMC41YzAuNSwwLjIsMC43LDAuNiwwLjcsMC44CgkJQzMzLjIsMjcuNywzMi45LDI4LDMyLjUsMjguMnoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNC45MDAyIiB5MT0iMjMuNjIiIHgyPSIzNS44NzE2IiB5Mj0iMjMuNjIiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE5LDIwLjFjLTIsMC0zLjUsMS42LTMuNSwzLjVzMS42LDMuNSwzLjUsMy41czMuNS0xLjYsMy41LTMuNVMyMC45LDIwLjEsMTksMjAuMXoiLz4KPC9nPgo8L3N2Zz4K)
}

.product_overview .swiper-product-text .swiper-pagination #Refer {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzLjYwMzMiIHkxPSIxMy45OCIgeDI9IjM2Ljc1MDQiIHkyPSIxMy45OCI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMiwxOC42YzIuMywwLDQuMi0xLjksNC4yLTQuMnYtMC44YzAtMi4zLTEuOS00LjItNC4yLTQuMnMtNC4yLDEuOS00LjIsNC4ydjAuOAoJCUM3LjksMTYuNyw5LjksMTguNiwxMi4yLDE4LjZ6IE05LjIsMTMuNmMwLTEuNiwxLjMtMywzLTNzMywxLjMsMywzdjAuOGMwLDEuNi0xLjMsMy0zLDNzLTMtMS4zLTMtM1YxMy42eiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzLjYwMzMiIHkxPSIyMi41NDUiIHgyPSIzNi43NTA0IiB5Mj0iMjIuNTQ1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNy42LDIyLjFjMC4yLDAuMywwLjYsMC40LDAuOSwwLjFzMC40LTAuNiwwLjEtMC45Yy0wLjktMS4yLTItMS45LTMuNy0yLjJsLTAuMiwwbC0wLjIsMC4xCgkJYy0xLjQsMC44LTMuMiwwLjgtNC43LDBsLTAuMi0wLjFsLTAuMiwwYy0zLjEsMC41LTUuMiwzLjEtNS4yLDYuMWMwLDAuMywwLjMsMC42LDAuNiwwLjZzMC42LTAuMywwLjYtMC42YzAtMi40LDEuNi00LjMsNC00LjgKCQljMS43LDAuOSwzLjgsMC45LDUuNSwwQzE2LjEsMjAuNywxNywyMS4yLDE3LjYsMjIuMXoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMy42MDMzIiB5MT0iMTUuODQ1IiB4Mj0iMzYuNzUwNCIgeTI9IjE1Ljg0NSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjUuNSwyMS44YzMsMCw1LjQtMi40LDUuNC01LjR2LTEuMWMwLTMtMi40LTUuNC01LjQtNS40cy01LjQsMi40LTUuNCw1LjR2MS4xQzIwLjEsMTkuNCwyMi41LDIxLjgsMjUuNSwyMS44CgkJeiBNMjEuNCwxNS4zYzAtMi4zLDEuOS00LjEsNC4xLTQuMXM0LjEsMS45LDQuMSw0LjF2MS4xYzAsMi4zLTEuOSw0LjEtNC4xLDQuMXMtNC4xLTEuOS00LjEtNC4xQzIxLjQsMTYuNCwyMS40LDE1LjMsMjEuNCwxNS4zeiIKCQkvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzLjYwMzMiIHkxPSIyNi4zOTUiIHgyPSIzNi43NTA0IiB5Mj0iMjYuMzk1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yOS4xLDIyLjJsLTAuMiwwbC0wLjIsMC4xYy0yLDEuMS00LjQsMS4xLTYuNCwwbC0wLjItMC4xbC0wLjIsMGMtMy45LDAuNy02LjcsMy45LTYuNyw3LjkKCQljMCwwLjMsMC4zLDAuNiwwLjYsMC42YzAuMywwLDAuNi0wLjMsMC42LTAuNmMwLTMuMiwyLjItNS45LDUuNC02LjZjMi4yLDEuMiw1LDEuMiw3LjIsMGMzLDAuNiw1LjIsMyw1LjQsNmMwLDAuMywwLjMsMC42LDAuNywwLjYKCQljMC4zLDAsMC42LTAuMywwLjYtMC43QzM1LjUsMjUuNywzMi44LDIyLjgsMjkuMSwyMi4yeiIvPgo8L2c+Cjwvc3ZnPgo=)
}

.product_overview .swiper-product-text .swiper-pagination #Refer:hover,
.product_overview .swiper-product-text .swiper-pagination #Refer.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0LjcwNDIiIHkxPSIxMy45OCIgeDI9IjM2LjM5MjYiIHkyPSIxMy45OCI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMiwxOC42YzIuMywwLDQuMi0xLjksNC4yLTQuMnYtMC44YzAtMi4zLTEuOS00LjItNC4yLTQuMnMtNC4yLDEuOS00LjIsNC4ydjAuOAoJCUM3LjksMTYuNyw5LjgsMTguNiwxMi4yLDE4LjZ6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQuNzA0MiIgeTE9IjIyLjc4NSIgeDI9IjM2LjM5MjYiIHkyPSIyMi43ODUiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4LjMsMjIuM0wxOC4zLDIyLjNjMC42LTAuMywwLjYtMC44LDAuNi0xYy0wLjItMS40LTQtMi4xLTQtMi4ybC0wLjIsMGwtMC4yLDAuMWMtMS40LDAuOC0zLjIsMC44LTQuNywwCgkJbC0wLjItMC4xbC0wLjIsMGMtMy4xLDAuNS01LjIsMy4xLTUuMiw2LjF2MC41bDAuNiwwLjFjMCwwLDQuMywwLjUsOS4zLDAuNWgwLjRsMC4yLTAuM0MxNC43LDI2LDE2LjEsMjMuMywxOC4zLDIyLjN6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQuNzA0MiIgeTE9IjE1Ljg0NSIgeDI9IjM2LjM5MjYiIHkyPSIxNS44NDUiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTI1LjUsMjEuOGMzLDAsNS40LTIuNCw1LjQtNS40di0xLjFjMC0zLTIuNC01LjQtNS40LTUuNHMtNS40LDIuNC01LjQsNS40djEuMUMyMC4xLDE5LjQsMjIuNSwyMS44LDI1LjUsMjEuOAoJCXoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNC43MDQyIiB5MT0iMjcuMDc1IiB4Mj0iMzYuMzkyNiIgeTI9IjI3LjA3NSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMzUuOCwyOS4zYy0wLjMtMy42LTMtNi41LTYuNi03LjFsLTAuMiwwbC0wLjIsMC4xYy0yLDEuMS00LjQsMS4xLTYuNCwwbC0wLjItMC4xbC0wLjIsMAoJCWMtMy45LDAuNy02LjcsMy45LTYuNyw3Ljl2MC40bDAuMywwLjJjMC4xLDAuMSwyLjgsMS40LDkuOSwxLjRjNy4yLDAsOS45LTIuMSwxMC0yLjJsMC4zLTAuMkwzNS44LDI5LjN6Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Open {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF81Xyk7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfNl8pO30KPC9zdHlsZT4KPGc+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUuNjIyOCIgeTE9IjE4Ljc3IiB4Mj0iMzUuNDUzNSIgeTI9IjE4Ljc3Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNC40LDUuNWwtMC42LDBjLTAuMywwLTcuNCwwLTE0LDZjLTEuMywxLjItMi41LDIuNC0zLjUsMy42YzAsMCwwLDAsMCwwbC03LjcsMy42Yy0wLjQsMC4yLTAuNywwLjctMC43LDEuMQoJCWMwLDAuNSwwLjMsMC45LDAuOCwxLjFsMywxLjJjLTAuMiwwLjQtMC4zLDAuNy0wLjQsMC44bC0wLjIsMC40bDIuMiwyLjJsLTAuOSwwLjljLTAuMiwwLjItMC4yLDAuNiwwLDAuOWMwLjEsMC4xLDAuMywwLjIsMC40LDAuMgoJCXMwLjMtMC4xLDAuNC0wLjJsMC45LTAuOWwyLjMsMi4zbDAuNC0wLjJjMCwwLDAuMy0wLjEsMC44LTAuNGwxLjIsM2MwLjIsMC41LDAuNiwwLjgsMS4xLDAuOGMwLDAsMCwwLDAsMGMwLjUsMCwwLjktMC4zLDEuMS0wLjcKCQlsMy42LTcuN2MwLDAsMCwwLDAsMGMxLjItMSwyLjQtMi4xLDMuNi0zLjVjNi02LjYsNi0xMy43LDYtMTRMMzQuNCw1LjV6IE05LjEsMTkuOWw1LjUtMi42Yy0xLDEuNS0xLjgsMi44LTIuNCwzLjhMOS4xLDE5Ljl6CgkJIE0yMCwzMC44bC0xLjItMy4xYzEtMC41LDIuMy0xLjMsMy44LTIuNEwyMCwzMC44eiBNMjcuNSwxOS4zYy00LjIsNC43LTkuMiw3LjItMTAuNiw3LjlsLTEuNy0xLjdsNS4xLTUuMWMwLjItMC4yLDAuMi0wLjYsMC0wLjkKCQlzLTAuNi0wLjItMC45LDBsLTUuMSw1LjFMMTIuNiwyM2MwLjYtMS40LDMuMi02LjQsNy45LTEwLjZjMS43LTEuNiwzLjUtMi43LDUuMi0zLjVsNS4yLDUuMkMzMC4xLDE1LjksMjksMTcuNiwyNy41LDE5LjN6CgkJIE0zMS41LDEzbC00LjYtNC42YzIuOC0xLjIsNS4xLTEuNSw2LjItMS42QzMzLDcuOSwzMi43LDEwLjIsMzEuNSwxM3oiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNS42MjI4IiB5MT0iMTUuMTUxOSIgeDI9IjM1LjQ1MzUiIHkyPSIxNS4xNTE5Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMi45LDEzLjNjLTAuNSwwLjUtMC44LDEuMS0wLjgsMS45YzAsMC43LDAuMywxLjQsMC44LDEuOGMwLjUsMC41LDEuMSwwLjgsMS45LDAuOHMxLjQtMC4zLDEuOS0wLjgKCQljMS0xLDEtMi43LDAtMy43QzI1LjYsMTIuMywyMy45LDEyLjMsMjIuOSwxMy4zeiBNMjUuNywxNC4yYzAuNSwwLjUsMC41LDEuNCwwLDEuOWMtMC41LDAuNS0xLjQsMC41LTEuOSwwYy0wLjMtMC4zLTAuNC0wLjYtMC40LTEKCQlzMC4xLTAuNywwLjQtMWMwLjMtMC4zLDAuNi0wLjQsMS0wLjRTMjUuNCwxMy45LDI1LjcsMTQuMnoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNS42MjI4IiB5MT0iMzIuMjMxMyIgeDI9IjM1LjQ1MzUiIHkyPSIzMi4yMzEzIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNi42LDMwLjZMMTQuMywzM2MtMC4yLDAuMi0wLjIsMC42LDAsMC45YzAuMSwwLjEsMC4zLDAuMiwwLjQsMC4yczAuMy0wLjEsMC40LTAuMmwyLjMtMi4zCgkJYzAuMi0wLjIsMC4yLTAuNiwwLTAuOUMxNy4zLDMwLjQsMTYuOSwzMC40LDE2LjYsMzAuNnoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNS42MjI4IiB5MT0iMjMuNDEiIHgyPSIzNS40NTM1IiB5Mj0iMjMuNDEiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTguOSwyMi44YzAuMi0wLjIsMC4yLTAuNiwwLTAuOXMtMC42LTAuMi0wLjksMGwtMi4yLDIuMmMtMC4yLDAuMi0wLjIsMC42LDAsMC45YzAuMSwwLjEsMC4zLDAuMiwwLjQsMC4yCgkJczAuMy0wLjEsMC40LTAuMkw4LjksMjIuOHoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNS42MjI4IiB5MT0iMjcuNjYiIHgyPSIzNS40NTM1IiB5Mj0iMjcuNjYiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NCIgZD0iTTExLjMsMjUuNGMtMC4yLTAuMi0wLjYtMC4yLTAuOSwwTDYuOCwyOWMtMC4yLDAuMi0wLjIsMC42LDAsMC45QzcsMzAsNy4xLDMwLjEsNy4zLDMwLjFzMC4zLTAuMSwwLjQtMC4yCgkJbDMuNi0zLjZDMTEuNiwyNi4xLDExLjYsMjUuNywxMS4zLDI1LjR6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUuNjIyOCIgeTE9IjMxLjU1NjIiIHgyPSIzNS40NTM1IiB5Mj0iMzEuNTU2MiI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTQuNywyOC44Yy0wLjItMC4yLTAuNi0wLjItMC45LDBsLTQuNiw0LjZjLTAuMiwwLjItMC4yLDAuNiwwLDAuOWMwLjEsMC4xLDAuMywwLjIsMC40LDAuMnMwLjMtMC4xLDAuNC0wLjIKCQlsNC42LTQuNkMxNC45LDI5LjUsMTQuOSwyOS4xLDE0LjcsMjguOHoiLz4KPC9nPgo8L3N2Zz4K)
}

.product_overview .swiper-product-text .swiper-pagination #Open:hover,
.product_overview .swiper-product-text .swiper-pagination #Open.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Q0e2ZpbGw6dXJsKCNTVkdJRF81Xyk7fQoJLnN0NXtmaWxsOnVybCgjU1ZHSURfNl8pO30KPC9zdHlsZT4KPGc+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYuNSIgeTE9IjkuNjg1IiB4Mj0iMzQuNTYyNSIgeTI9IjkuNjg1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNC40LDUuNWwtMC42LDBjLTAuMiwwLTMuNiwwLTcuOCwxLjlsNi41LDYuNWMxLjktNC4yLDEuOS03LjYsMS45LTcuOEwzNC40LDUuNXoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNi41IiB5MT0iMjAuMDA1IiB4Mj0iMzQuNTYyNSIgeTI9IjIwLjAwNSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTkuNywxMS41Yy0xLjMsMS4yLTIuNSwyLjQtMy41LDMuNmMwLDAsMCwwLDAsMGwtNy43LDMuNmMtMC40LDAuMi0wLjcsMC43LTAuNywxLjFjMCwwLjUsMC4zLDAuOSwwLjgsMS4xCgkJbDMsMS4yYy0wLjIsMC40LTAuMywwLjctMC4zLDAuOGwtMC4yLDAuNGwyLjIsMi4ybDYtNmMwLjItMC4yLDAuNi0wLjIsMC45LDBzMC4yLDAuNiwwLDAuOWwtNiw2bDIuMywyLjNsMC40LTAuMgoJCWMwLDAsMC4zLTAuMSwwLjgtMC40bDEuMiwzYzAuMiwwLjUsMC42LDAuOCwxLjEsMC44YzAsMCwwLDAsMCwwYzAuNSwwLDAuOS0wLjMsMS4xLTAuN2wzLjYtNy43YzAsMCwwLDAsMCwwYzEuMi0xLDIuNC0yLjEsMy42LTMuNQoJCWMxLjUtMS43LDIuNy0zLjQsMy41LTVMMjQuOCw4QzIzLjEsOC44LDIxLjQsMTAsMTkuNywxMS41eiBNMTIuMiwyMS4xbC0zLjEtMS4ybDUuNS0yLjZDMTMuNSwxOC44LDEyLjgsMjAuMSwxMi4yLDIxLjF6IE0yMCwzMC44CgkJbC0xLjItMy4xYzEtMC41LDIuMy0xLjMsMy44LTIuNEwyMCwzMC44eiBNMjYuNiwxN2MtMC41LDAuNS0xLjIsMC44LTEuOSwwLjhzLTEuNC0wLjMtMS44LTAuOGMtMC41LTAuNS0wLjgtMS4yLTAuOC0xLjkKCQljMC0wLjcsMC4zLTEuNCwwLjgtMS44YzEtMSwyLjctMSwzLjcsMEMyNy42LDE0LjMsMjcuNiwxNiwyNi42LDE3eiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2LjUiIHkxPSIzMi4yMzMxIiB4Mj0iMzQuNTYyNSIgeTI9IjMyLjIzMzEiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE2LjYsMzAuNkwxNC4zLDMzYy0wLjIsMC4yLTAuMiwwLjYsMCwwLjljMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjJjMC4yLDAsMC4zLTAuMSwwLjQtMC4ybDIuMy0yLjMKCQljMC4yLTAuMiwwLjItMC42LDAtMC45UzE2LjksMzAuNCwxNi42LDMwLjZ6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYuNSIgeTE9IjIzLjQxIiB4Mj0iMzQuNTYyNSIgeTI9IjIzLjQxIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik04LjksMjIuOGMwLjItMC4yLDAuMi0wLjYsMC0wLjlzLTAuNi0wLjItMC45LDBMNS44LDI0Yy0wLjIsMC4yLTAuMiwwLjYsMCwwLjljMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjIKCQljMC4yLDAsMC4zLTAuMSwwLjQtMC4yTDguOSwyMi44eiIvPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2LjUiIHkxPSIyNy42NiIgeDI9IjM0LjU2MjUiIHkyPSIyNy42NiI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTEuMywyNS40Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNi45LDI5Yy0wLjIsMC4yLTAuMiwwLjYsMCwwLjlDNywzMCw3LjEsMzAuMSw3LjMsMzAuMQoJCWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJsMy42LTMuNkMxMS42LDI2LjEsMTEuNiwyNS43LDExLjMsMjUuNHoiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNi41IiB5MT0iMzEuNTYiIHgyPSIzNC41NjI1IiB5Mj0iMzEuNTYiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0NSIgZD0iTTE0LjcsMjguOGMtMC4yLTAuMi0wLjYtMC4yLTAuOSwwbC00LjYsNC42Yy0wLjIsMC4yLTAuMiwwLjYsMCwwLjljMC4xLDAuMSwwLjMsMC4yLDAuNCwwLjIKCQljMC4yLDAsMC4zLTAuMSwwLjQtMC4ybDQuNi00LjZDMTUsMjkuNSwxNSwyOS4xLDE0LjcsMjguOHoiLz4KPC9nPgo8L3N2Zz4K)
}

.product_overview .swiper-product-text .swiper-pagination #Safety {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0MntmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3LjMxNzQiIHkxPSIyMS4wNjUiIHgyPSIzMy4wMjg4IiB5Mj0iMjEuMDY1Ij4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMzI4MiIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQuNSwyNi41aC05LjRjLTEuNCwwLTIuNi0xLjItMi42LTIuNnYtNS42YzAtMS40LDEuMi0yLjYsMi42LTIuNmg5LjRjMS40LDAsMi42LDEuMiwyLjYsMi42djUuNgoJCQlDMjcuMiwyNS4zLDI2LDI2LjUsMjQuNSwyNi41eiBNMTUuMSwxNi45Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjR2NS42YzAsMC44LDAuNiwxLjQsMS40LDEuNGg5LjRjMC44LDAsMS40LTAuNiwxLjQtMS40di01LjYKCQkJYzAtMC44LTAuNi0xLjQtMS40LTEuNEgxNS4xeiIvPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4zMTc0IiB5MT0iMTEuOTc1IiB4Mj0iMzMuMDI4OCIgeTI9IjExLjk3NSI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI0LjIsMTQuOGMtMC4zLDAtMC42LTAuMy0wLjYtMC42YzAtMi4xLTEuNy0zLjgtMy44LTMuOHMtMy44LDEuNy0zLjgsMy44YzAsMC40LTAuMywwLjYtMC42LDAuNgoJCQlzLTAuNi0wLjMtMC42LTAuNmMwLTIuOCwyLjMtNSw1LTVzNSwyLjMsNSw1QzI0LjksMTQuNSwyNC42LDE0LjgsMjQuMiwxNC44eiIvPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4zMTc0IiB5MT0iMjAuODUiIHgyPSIzMy4wMjg4IiB5Mj0iMjAuODUiPgoJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjAwMUUiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMS4xLDE5LjdjMC0wLjgtMC42LTEuNC0xLjQtMS40Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjRjMCwwLjUsMC4yLDAuOCwwLjUsMS4xdjEuOGMwLDAuNCwwLjQsMC44LDAuOCwwLjgKCQkJYzAuNCwwLDAuOC0wLjQsMC44LTAuOHYtMS44QzIwLjksMjAuNSwyMS4xLDIwLjEsMjEuMSwxOS43eiIvPgoJPC9nPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3LjMxNzQiIHkxPSIyMC4yODc1IiB4Mj0iMzMuMDI4OCIgeTI9IjIwLjI4NzUiPgoJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRjMyODIiLz4KCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYwMDFFIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTIwLjUsMzYuOWMtMC42LDAtMS4zLTAuMi0xLjgtMC42bC05LjktNi45Yy0xLjItMC45LTItMi4zLTItMy44VjguM2MwLTEuNiwxLjMtMywyLjktM2w3LjUtMS40CgkJYzEuOC0wLjMsMy41LTAuMyw1LjMsMGw3LjcsMS40YzEuNiwwLDIuOSwxLjQsMi45LDN2MTcuNWMwLDEuNC0wLjcsMi44LTEuOCwzLjdsLTguOSw2LjhDMjEuOSwzNi43LDIxLjIsMzYuOSwyMC41LDM2Ljl6IE05LjgsNi41CgkJYy0xLDAtMS44LDAuOC0xLjgsMS44djE3LjRjMCwxLjEsMC41LDIuMSwxLjQsMi44bDkuOSw2LjljMC43LDAuNSwxLjYsMC41LDIuMiwwbDktNi44YzAuOC0wLjYsMS4zLTEuNiwxLjMtMi43VjguMwoJCWMwLTEtMC44LTEuOC0xLjgtMS44bC0wLjEsMGwtNy43LTEuNGMtMS42LTAuMy0zLjItMC4zLTQuOSwwTDkuOCw2LjV6Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.product_overview .swiper-product-text .swiper-pagination #Safety:hover,
.product_overview .swiper-product-text .swiper-pagination #Safety.swiper-pagination-bullet-active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQo8L3N0eWxlPgo8Zz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4zMDY3IiB5MT0iMjAuMjg1NiIgeDI9IjMzLjQ0NDgiIHkyPSIyMC4yODU2Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC4zLDUuM2wtNy43LTEuNGMtMS44LTAuMy0zLjUtMC4zLTUuMywwTDkuNyw1LjNjLTEuNiwwLTIuOSwxLjQtMi45LDN2MTcuNGMwLDEuNSwwLjcsMi45LDIsMy44bDkuOSw2LjkKCQljMC41LDAuNCwxLjIsMC42LDEuOCwwLjZjMC43LDAsMS40LTAuMiwxLjktMC43bDktNi44YzEuMS0wLjksMS44LTIuMiwxLjgtMy43VjguM0MzMy4yLDYuNywzMS45LDUuMywzMC4zLDUuM3ogTTE5LjgsOS4xCgkJYzIuOCwwLDUsMi4zLDUsNWMwLDAuNC0wLjMsMC42LTAuNiwwLjZzLTAuNi0wLjMtMC42LTAuNmMwLTIuMS0xLjctMy44LTMuOC0zLjhzLTMuOCwxLjctMy44LDMuOGMwLDAuNC0wLjMsMC42LTAuNiwwLjYKCQlzLTAuNi0wLjMtMC42LTAuNkMxNC44LDExLjQsMTcuMSw5LjEsMTkuOCw5LjF6IE0yNy4yLDIzLjljMCwxLjQtMS4yLDIuNi0yLjYsMi42aC05LjRjLTEuNCwwLTIuNi0xLjItMi42LTIuNnYtNS42CgkJYzAtMS40LDEuMi0yLjYsMi42LTIuNmg5LjRjMS40LDAsMi42LDEuMiwyLjYsMi42VjIzLjl6Ii8+Cgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjcuMzA2NyIgeTE9IjIwLjg1IiB4Mj0iMzMuNDQ0OCIgeTI9IjIwLjg1Ij4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYzMjgyIi8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGMDAxRSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOS44LDE4LjNjLTAuOCwwLTEuNCwwLjYtMS40LDEuNGMwLDAuNSwwLjIsMC44LDAuNSwxLjF2MS44YzAsMC40LDAuNCwwLjgsMC44LDAuOGMwLjQsMCwwLjgtMC40LDAuOC0wLjgKCQl2LTEuOGMwLjMtMC4yLDAuNS0wLjYsMC41LTEuMUMyMS4xLDE4LjksMjAuNSwxOC4zLDE5LjgsMTguM3oiLz4KPC9nPgo8L3N2Zz4K)
}

.product_overview .swiper-product-image img.iphoneProductAnimation {
    height: calc(100% - 86px);
    margin: 0 auto;
    position: absolute;
    top: 45px;
    left: 85px
}

.product_overview .swiper-product-image img.iphoneProduct {
    height: 100%;
    margin: 0 auto;
    z-index: 10;
    position: relative
}

.product_overview .swiper-product-home-text {
    overflow: visible
}

.product_overview .swiper-product-home-text .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 85px 0 0 0
}

.product_overview .swiper-product-home-text .swiper-pagination {
    width: 65px;
    position: absolute;
    left: -110%;
    z-index: 1000000;
    right: 0;
    top: 0;
    transform: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 700px;
    align-self: unset
}

.product_overview .swiper-product-home-text .swiper-pagination span.swiper-pagination-bullet {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #1D1D1D;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s
}

.product_overview .swiper-product-home-text .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1D1D1D
}

.product_overview .swiper-product-home-image img.iphoneProductAnimation {
    height: calc(100% + 16px);
    margin: 0 auto;
    position: absolute;
    top: -2px;
    left: 52px
}

.product_overview .swiper-product-home-image img.iphoneProduct {
    height: 100%;
    margin: 0 auto;
    z-index: 10;
    position: relative
}

.product_overview .fp-bg.scrollable {
    overflow-y: hidden
}

.product_overview .swiper-slide {
    opacity: 0;
    visibility: hidden
}

.product_overview .swiper-slide-active {
    opacity: 1;
    visibility: visible
}

.product_overview.home .roundedButton {
    width: 85%
}

.green-features .features {
    display: flex;
    flex-wrap: wrap
}

.green-features .features .feature {
    width: 33.3333%;
    flex: 0 0 33.3333%
}

.green-features .features .feature .text a {
    color: rgb(0, 0, 0);
    font-weight: 400;
    text-decoration: none
}

.green-features .features .feature .text a:hover {
    text-decoration: underline
}

.green-features .features .feature img {
    display: block;
    margin: 0 auto
}

.green-features .features .feature .dateline {
    color: inherit
}

.green-features .button-row {
    display: flex;
    flex-direction: column;
    align-items: center
}

.green-features .button-row .button-group {
    display: flex;
    justify-content: center
}

.green-features .button-row .button-group .roundedButton {
    margin: 0 .8em
}

.green-faq .dateline {
    margin-bottom: 0
}

.green-faq .faqContainer {
    margin-top: 1.5rem
}

@media (min-width:750px) {
    .green-faq .faqContainer {
        margin-top: 6rem
    }
}

.green-faq .answers .text a {
    color: #4255FE;
    font-weight: 400;
    text-decoration: none
}

.green-faq .answers .text a:hover {
    text-decoration: underline
}

.green-faq .button-container {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width:750px) {
    .green-faq .button-container {
        margin-top: 8rem
    }
}

.green-downloads .app-links {
    display: flex
}

@media (min-width:750px) {
    .green-downloads .text-container-align-items-center {
        padding-bottom: 1rem
    }

    .green-downloads .text-container-align-items-start {
        padding-bottom: 16rem
    }
}

.metal-features.background-colorized {
    background: #333 radial-gradient(50% 50%, rgb(78, 78, 78) 0%, rgba(0, 0, 0, 0) 100%) !important
}

.metal-features .features {
    display: flex;
    flex-wrap: wrap
}

.metal-features .features .feature {
    width: 33.3333%;
    flex: 0 0 33.3333%
}

.metal-features .features .feature img {
    display: block;
    margin: 0 auto
}

.metal-features .features .feature .dateline {
    color: inherit
}

.green-partner {
    background-size: cover !important
}

.green-partner .text+.roundedButton {
    margin-top: 3rem
}

.faq-new {
    color: #333
}

.faq-new .faq-search-form {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: stretch;
    transition: border-color 0.2s
}

.faq-new .faq-search-form.focus {
    border-color: #333
}

.faq-new .faq-search-form .icon-close,
.faq-new .faq-search-form .icon-lupe {
    transition: opacity 0.2s
}

.faq-new .faq-search-form .icon-close:hover,
.faq-new .faq-search-form .icon-lupe:hover {
    opacity: .75
}

.faq-new .faq-search-form .icon-lupe {
    font-size: 35px
}

@media (max-width:749.98px) {
    .faq-new .faq-search-form .icon-lupe {
        font-size: 25px
    }
}

.faq-new .faq-search-form .icon-lupe,
.faq-new .faq-search-form .icon-lupe::before {
    display: block
}

.faq-new .faq-search-form .icon-close {
    font-size: 25px
}

@media (max-width:749.98px) {
    .faq-new .faq-search-form .icon-close {
        font-size: 20px
    }
}

.faq-new .faq-search-form .icon-close::before {
    display: block
}

.faq-new .faq-search-form input {
    padding: 0 15px;
    width: 100%;
    font-weight: 600
}

@media (min-width:750px) {
    .faq-new .faq-search-form input {
        padding: 0 25px
    }
}

.faq-new .faq-search-form input::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.faq-new .faq-search-form input::-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.faq-new .faq-search-form input::placeholder {
    color: #999;
    opacity: 1
}

.faq-new .faq-search-form input:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

@media (max-width:749.98px) {
    .faq-new .faq-search-form {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:750px) {
    .faq-new .faq-search-form {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .faq-new .faq-search-form input {
        font-size: 24px
    }
}

.faq-new .search-hits,
.faq-new .no-search-results {
    margin-top: 3rem
}

.faq-new .search-hits .text,
.faq-new .no-search-results .text {
    max-width: 525px
}

@media (min-width:750px) {

    .faq-new .search-hits,
    .faq-new .no-search-results {
        margin-top: 9rem
    }
}

.faq-new .search-hits .h3[href] {
    transition: opacity 0.2s
}

.faq-new .search-hits .h3[href]:hover {
    opacity: .7
}

.faq-new .search-hits .text {
    max-width: 850px
}

.faq-new .search-hits .card+.card {
    margin-top: 10px
}

.faq-new .faq-container {
    margin-top: 3rem
}

@media (min-width:750px) {
    .faq-new .faq-container {
        margin-top: 5rem
    }
}

.faq-new .faq-categories {
    margin-bottom: 3rem;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:750px) {
    .faq-new .faq-categories {
        margin-bottom: 5rem;
        font-size: 22px
    }
}

.faq-new .faq-categories a {
    display: block;
    position: relative
}

@media (min-width:750px) {
    .faq-new .faq-categories a {
        margin: 0 2.5rem
    }
}

.faq-new .faq-categories a::before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    height: 4px;
    background-color: #1D1D1D;
    opacity: 0;
    width: 0;
    transition: width 0.2s, opacity 0.2s
}

.faq-new .faq-categories a.active::before {
    opacity: 1;
    width: 100%
}

.faq-new .faq-group-container {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media (min-width:750px) {
    .faq-new .faq-group-container {
        padding: 6.5rem 5rem
    }
}

.faq-new .faq-tags {
    margin-top: -1.4rem;
    margin-left: -.7rem;
    margin-right: -.7rem
}

.faq-new .faq-tags .pill {
    font-size: inherit;
    margin-top: 1.4rem;
    margin-left: .7rem;
    margin-right: .7rem;
    transition: color 0.2s, background 0.2s;
    border-radius: 30px
}

.faq-new .faq-questions {
    margin-top: 3rem
}

@media (min-width:750px) {
    .faq-new .faq-questions .accordion-head .h3 {
        font-size: 20px
    }

    .faq-new .faq-questions .accordion-head .icon-close {
        font-size: 24px
    }
}

@media (min-width:750px) {
    .faq-new .faq-questions {
        margin-top: 6rem
    }
}

.faq-new .back-link {
    color: #1D1D1D
}

.faq-new .back-link:hover {
    color: #333
}

.faq-new [data-theme=theme-premium].faq-category::before {
    background-color: #1D1D1D
}

.faq-new [data-theme=theme-premium].faq-group-container .pill.active {
    background-color: #1D1D1D;
    color: rgb(255, 255, 255)
}

.faq-new [data-theme=theme-premium].faq-group-container .accordion-head:hover,
.faq-new [data-theme=theme-premium].faq-group-container .accordion-head .icon-close {
    color: #1D1D1D
}

.faq-new [data-theme=theme-premium].pill.active {
    background-color: #1D1D1D;
    color: rgb(255, 255, 255)
}

.faq-new [data-theme=theme-green].faq-category::before {
    background-color: #4255FE
}

.faq-new [data-theme=theme-green].faq-group-container .pill.active {
    background-color: #4255FE;
    color: rgb(255, 255, 255)
}

.faq-new [data-theme=theme-green].faq-group-container .accordion-head:hover,
.faq-new [data-theme=theme-green].faq-group-container .accordion-head .icon-close {
    color: #4255FE
}

.faq-new [data-theme=theme-green].pill.active {
    background-color: #4255FE;
    color: rgb(255, 255, 255)
}

.faq-new [data-theme=theme-metal].faq-category::before {
    background-color: #3F4141
}

.faq-new [data-theme=theme-metal].faq-group-container .pill.active {
    background-color: #3F4141;
    color: rgb(255, 255, 255)
}

.faq-new [data-theme=theme-metal].faq-group-container .accordion-head:hover,
.faq-new [data-theme=theme-metal].faq-group-container .accordion-head .icon-close {
    color: #3F4141
}

.faq-new [data-theme=theme-metal].pill.active {
    background-color: #3F4141;
    color: rgb(255, 255, 255)
}

.compare .product-comparison {
    overflow: visible
}

.compare .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column
}

.compare .swiper-slide.slide-0 .upper-slide {
    background: #1D1D1D
}

.compare .swiper-slide.slide-1 .upper-slide {
    background: #4255FE
}

.compare .swiper-slide.slide-2 .upper-slide {
    background: #333
}

.compare .swiper-slide .upper-slide {
    position: relative;
    overflow: hidden;
    padding: 2.8rem 3rem 0;
    color: rgb(255, 255, 255);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    height: 44rem
}

.compare .swiper-slide .upper-slide .subline {
    opacity: .8
}

.compare .swiper-slide .upper-slide img {
    max-width: 400px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

@media (max-width:749.98px) {
    .compare .swiper-slide .upper-slide {
        padding: 1.4rem 2rem 0;
        height: 33rem
    }
}

.compare .swiper-slide .lower-slide {
    color: rgb(0, 0, 0);
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: hidden;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16) !important
}

.compare .swiper-slide .lower-slide .background-transparent {
    padding-top: 5rem;
    display: flex;
    justify-content: center
}

@media (max-width:749.98px) {
    .compare .swiper-slide .lower-slide {
        padding: 2rem
    }
}

.compare .swiper-slide .accordion-container+.accordion-container {
    margin-top: 2rem
}

.compare .swiper-slide .accordion-container {
    border-bottom: none;
    padding: 0 !important
}

.compare .swiper-slide .accordion-head {
    justify-content: start;
    font-size: 1.8rem;
    line-height: 1.2
}

.compare .swiper-slide .accordion-head img {
    width: 5rem;
    margin-right: 2.5rem
}

.compare .swiper-slide .accordion-head span:not(.icon-chevron_accordion) {
    flex: 1
}

.compare .swiper-slide .accordion-head .icon-chevron_accordion {
    font-size: inherit
}

@media (min-width:750px) {
    .compare .swiper-slide .accordion-head {
        font-size: 2rem
    }
}

.compare .swiper-slide .accordion-body {
    padding-left: 7.5rem
}

.intro-slider {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: background-color 0.4s;
    min-height: 100vh
}

@media (min-width:750px) {
    .intro-slider {
        min-height: 100vh
    }

    .intro-slider .h1 {
        line-height: 1;
        margin-bottom: .276923em
    }

    .intro-slider .text {
        max-width: 500px
    }
}

.intro-slider .roundedButton {
    width: auto
}

.intro-slider .swiper-container.image-swiper {
    position: relative;
    overflow: visible;
    width: 48%;
    max-width: 250px
}

@media (min-width:750px) {
    .intro-slider .swiper-container.image-swiper {
        max-width: none
    }

    .intro-slider .swiper-container.image-swiper .swiper-slide {
        height: 56vh;
        max-height: 590px;
        display: flex;
        align-items: center;
        width: 100%
    }

    .intro-slider .swiper-container.image-swiper .swiper-slide picture {
        width: 100%;
        height: 100%
    }

    .intro-slider .swiper-container.image-swiper .swiper-slide picture img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }
}

@media (min-width:750px) and (max-width:1320px) {
    .intro-slider .swiper-container.image-swiper {
        transform: translate3d(-50px, 0, 0)
    }
}

@media (min-width:750px) {
    .intro-slider .swiper-container.image-swiper {
        width: 28.571428vw
    }
}

@media (min-width:1050px) {
    .intro-slider .swiper-container.image-swiper {
        width: 300px
    }
}

.intro-slider .swiper-container.image-swiper .navigation-container {
    z-index: 1000;
    position: absolute;
    right: -3.6%;
    top: 59.5%;
    width: 75%;
    transform: translate3d(50%, -50%, 0);
    height: 10px
}

@media (min-width:750px) {
    .intro-slider .swiper-container.image-swiper .navigation-container {
        width: 23.333333vw;
        top: 57%
    }
}

@media (min-width:1050px) {
    .intro-slider .swiper-container.image-swiper .navigation-container {
        width: 255px
    }
}

.intro-slider .swiper-container.image-swiper .navigation-container picture {
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: right center
}

.intro-slider .swiper-container.image-swiper .navigation-container picture .cshadow {
    position: absolute;
    top: calc(100% - 2px);
    right: 3px;
    width: 66%;
    min-width: 0;
    height: auto;
    z-index: 1;
    transform-origin: right top;
    transform: rotate(7deg);
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease
}

.intro-slider .swiper-container.image-swiper .navigation-container picture img:not(.cshadow) {
    position: relative;
    z-index: 2;
    border-radius: 4px;
    box-shadow: 0 0 10px 8px rgba(0, 0, 0, .1);
    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease;
    max-height: 15vh
}

@media (min-width:750px) {
    .intro-slider .swiper-container.image-swiper .navigation-container picture img:not(.cshadow) {
        border-radius: 10px
    }
}

.intro-slider .swiper-container.image-swiper .navigation-container picture.active {
    z-index: 20 !important
}

.intro-slider .swiper-container.image-swiper .navigation-container picture:nth-child(1) {
    z-index: 15;
    transform: translate3d(0%, 100%, 0) rotate(-4deg)
}

.intro-slider .swiper-container.image-swiper .navigation-container picture:nth-child(2) {
    z-index: 14;
    transform: translate3d(-14%, 73.5%, 0) rotate(10deg)
}

.intro-slider .swiper-container.image-swiper .navigation-container picture:nth-child(3) {
    z-index: 13;
    transform: translate3d(-2%, 50%, 0) rotate(21deg)
}

.intro-slider .swiper-container.image-swiper .navigation-container picture:hover img:not(.cshadow) {
    transform: translate3d(-4%, 0, 0);
    transition-duration: 0.5s
}

.intro-slider .swiper-container.image-swiper .navigation-container picture:hover img.cshadow {
    transform: rotate(5deg) translate3d(-4%, 0, 0);
    transition-duration: 0.5s
}

.intro-slider .swiper-pagination {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background: rgba(239, 239, 239, .4);
    border-radius: 18px
}

.intro-slider .swiper-pagination .swiper-pagination-bullet {
    padding: 6px;
    opacity: 1;
    background: transparent;
    border-radius: 0;
    width: auto;
    height: auto
}

.intro-slider .swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    display: block;
    background-color: rgb(255, 255, 255);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    opacity: .5;
    transition: opacity 0.3s
}

.intro-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    opacity: 1
}

@media (max-width:749.98px) {
    .intro-slider .swiper-pagination {
        bottom: 1rem;
        padding: 5px
    }

    .intro-slider .swiper-pagination .swiper-pagination-bullet {
        padding: 5px
    }

    .intro-slider .swiper-pagination .swiper-pagination-bullet::before {
        width: 7px;
        height: 7px
    }
}

.intro-slider[data-theme=sounduniq-premium] {
    background: #1D1D1D
}

.intro-slider[data-theme=sounduniq-basic] {
    background: #4255FE
}

.intro-slider[data-theme=sounduniq-basic] .roundedButton {
    color: #4255FE
}

.intro-slider[data-theme=sounduniq-basic] .roundedButton::before {
    background-color: #4255FE
}

.intro-slider[data-theme=sounduniq-basic] .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.intro-slider[data-theme=sounduniq-friends] {
    background: #333
}

.intro-slider[data-theme=sounduniq-friends] .roundedButton {
    color: #333
}

.intro-slider[data-theme=sounduniq-friends] .roundedButton::before {
    background-color: #333
}

.intro-slider[data-theme=sounduniq-friends] .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.intro-new {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s;
    min-height: 100vh
}

@media (max-width:749.98px) {
    .intro-new .image-container {
        margin-top: 2rem
    }
}

.intro-new#sounduniq-friends-intro img {
    width: 100%;
    height: auto;
    max-width: none
}

@media (max-width:749.98px) {
    .intro-new#sounduniq-friends-intro .image-container {
        margin-top: 6rem
    }
}

@media (max-width:749.98px) {
    .intro-new#sounduniq-friends-intro picture:first-child {
        width: 140%;
        transform: translate3d(-28%, 0, 0)
    }
}

@media (min-width:750px) {
    .intro-new#sounduniq-friends-intro picture:first-child {
        width: 52.083333vw;
        transform: translate3d(-15.625vw, 0, 0);
        max-width: none
    }
}

@media (min-width:1921px) {
    .intro-new#sounduniq-friends-intro picture:first-child {
        width: 1000px;
        transform: translate3d(-300px, 0, 0)
    }
}

.intro-new#neon-invest-intro.background-colorized,
.intro-new#neon-invest-intro2.background-colorized,
.intro-new#neon-invest-intro.background-transparent,
.intro-new#neon-invest-intro2.background-transparent,
.intro-new#neon-invest-intro2.background-transparent,
.intro-new#neon-0-etf-intro1.background-colorized,
.intro-new#neon-0-etf-intro1.background-transparent {
    background-color: #F4F4F4
}

@media (min-width:1250px) {

    .intro-new#neon-invest-intro .image-container,
    .intro-new#neon-invest-intro2 .image-container {
        margin-right: -125px;
        margin-left: -30px
    }
}

.invest-trade {
    color: #333;
    background-color: #E5E5E5 !important;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.invest-trade h2.h1 {
    font-size: 5.2rem
}

@media (max-width:749.98px) {
    .invest-trade h2.h1 {
        font-size: 2.4rem
    }
}

.invest-trade .pin-wrapper {
    width: 100%;
    height: 100vh
}

.invest-trade .pin-wrapper .point {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #E5E5E5 !important;
    overflow: hidden;
    transition: opacity 0.3s;
    z-index: 2
}

.invest-trade .pin-wrapper .point+.point {
    opacity: 0
}

.invest-trade .pin-wrapper .point .fullheight {
    padding-top: 83px;
    height: 100%
}

@media (min-width:750px) {
    .invest-trade .pin-wrapper .point .fullheight {
        padding-top: 100px
    }
}

.invest-trade .pin-wrapper .point .fullheight .fullheight-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    height: 100%
}

.invest-trade .pin-wrapper .point .makeBig-inner {
    height: 100%
}

.invest-trade .pin-wrapper .point h2 {
    text-shadow: -1px -1px 0 #E5E5E5, 1px -1px 0 #E5E5E5, -1px 1px 0 #E5E5E5, 1px 1px 0 #E5E5E5
}

.invest-trade .pin-wrapper .title-box {
    z-index: 2;
    display: flex;
    align-items: flex-start;
    flex: 0 0 50%
}

.invest-trade .pin-wrapper .title-box h2 {
    margin: auto;
    padding: 2rem 0
}

.invest-trade .pin-wrapper .icons-box {
    display: flex;
    flex: 0 1 1%;
    max-height: 40%
}

@media (min-width:750px) {
    .invest-trade .pin-wrapper .icons-box {
        max-height: 50%
    }
}

@media (min-width:1250px) {
    .invest-trade .pin-wrapper .icons-box {
        max-height: 45%
    }
}

.invest-trade .innerWrapper {
    position: relative
}

.invest-trade .flyin-icon-box {
    background-color: #EAEAEA;
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 999px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .15);
    display: none
}

.invest-trade .flyin-icon-box.iconNr1,
.invest-trade .flyin-icon-box.iconNr2,
.invest-trade .flyin-icon-box.iconNr3,
.invest-trade .flyin-icon-box.iconNr4,
.invest-trade .flyin-icon-box.iconNr5,
.invest-trade .flyin-icon-box.iconNr6,
.invest-trade .flyin-icon-box.iconNr7,
.invest-trade .flyin-icon-box.iconNr8 {
    display: block
}

.invest-trade .flyin-icon-box.iconNr8 {
    top: -69px;
    left: 42%;
    transform: scale(.8)
}

.invest-trade .flyin-icon-box.iconNr7 {
    top: -37%;
    right: 14%
}

.invest-trade .flyin-icon-box.iconNr6 {
    top: 0%;
    right: 4%;
    transform: scale(1.15)
}

.invest-trade .flyin-icon-box.iconNr5 {
    top: -32%;
    left: 12%
}

.invest-trade .flyin-icon-box.iconNr4 {
    top: 9%;
    left: 6%;
    transform: scale(.75)
}

.invest-trade .flyin-icon-box.iconNr3 {
    top: 39%;
    right: 6%
}

.invest-trade .flyin-icon-box.iconNr2 {
    top: 56%;
    left: 4%;
    transform: scale(1.1)
}

.invest-trade .flyin-icon-box.iconNr1 {
    top: 72%;
    right: 4%
}

.invest-trade .flyin-icon-box .flyin-icon {
    width: 100%;
    height: 100%;
    padding: 2.5%
}

@media (min-width:1050px) {
    .invest-trade .flyin-icon-box {
        box-shadow: 0 17px 24px rgba(0, 0, 0, .15);
        width: 122px;
        height: 122px
    }

    .invest-trade .flyin-icon-box.iconNr8 {
        top: -117px
    }

    .invest-trade .flyin-icon-box.iconNr6 {
        top: 0%;
        right: 4%;
        transform: scale(1)
    }

    .invest-trade .flyin-icon-box.iconNr3 {
        transform: scale(.8)
    }

    .invest-trade .flyin-icon-box.iconNr2 {
        transform: scale(1)
    }
}

@media (max-width:749.98px) {
    .invest-trade .flyin-icon-box {
        width: 48px;
        height: 48px
    }
}

@media (min-width:1250px) {
    .invest-trade .flyin-icon-box.iconNr7 {
        top: -60%;
        right: -2%
    }

    .invest-trade .flyin-icon-box.iconNr6 {
        top: -10%;
        right: -12%
    }

    .invest-trade .flyin-icon-box.iconNr5 {
        top: -52%;
        left: -1%
    }

    .invest-trade .flyin-icon-box.iconNr2 {
        left: -6%
    }

    .invest-trade .flyin-icon-box.iconNr1 {
        right: -8%
    }
}

@media (min-width:750px) {

    .metal-features-new,
    .invest-features-new {
        padding-top: 0;
        padding-bottom: 0;
        height: 3000px
    }
}

.metal-features-new.background-colorized,
.invest-features-new.background-colorized {
    background: #333
}

@media (min-width:750px) {

    .metal-features-new .scrolling-container,
    .invest-features-new .scrolling-container {
        min-height: 100vh;
        display: flex
    }
}

.metal-features-new .innerWrapper,
.invest-features-new .innerWrapper {
    display: flex
}

.metal-features-new .inner-container,
.invest-features-new .inner-container {
    width: 100%;
    position: relative
}

@media (min-width:750px) {

    .metal-features-new .inner-container,
    .invest-features-new .inner-container {
        display: flex;
        flex-direction: column;
        justify-content: end
    }
}

.metal-features-new h2,
.invest-features-new h2 {
    z-index: 2;
    font-weight: 600;
    transform: none;
    transform-origin: left top;
    line-height: 1
}

@media (min-width:750px) {

    .metal-features-new h2,
    .invest-features-new h2 {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        font-size: 80px
    }
}

.metal-features-new picture,
.invest-features-new picture {
    z-index: 1;
    width: 100%;
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

@media (max-width:749.98px) {

    .metal-features-new picture,
    .invest-features-new picture {
        margin: 5rem 0
    }
}

@media (min-width:750px) {

    .metal-features-new picture,
    .invest-features-new picture {
        position: absolute;
        margin: 0 auto;
        max-height: 50vh;
        height: 100vh;
        top: 50%;
        left: 50%;
        transform: translate3d(0, -50%, 0) scale(.8);
        opacity: 1
    }
}

@media (min-width:750px) {

    .metal-features-new picture img,
    .invest-features-new picture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain
    }
}

.metal-features-new .features,
.invest-features-new .features {
    overflow: visible
}

@media (min-width:750px) {

    .metal-features-new .features,
    .invest-features-new .features {
        left: 0;
        position: absolute;
        width: 100%;
        bottom: 12%
    }
}

.metal-features-new .feature,
.invest-features-new .feature {
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    width: 100%
}

@media (min-width:750px) {

    .metal-features-new .feature,
    .invest-features-new .feature {
        width: 33.3333%;
        flex: 0 0 33.3333%
    }
}

.metal-features-new .feature img,
.invest-features-new .feature img {
    display: block;
    margin: 0 auto;
    width: 50px
}

@media (min-width:750px) {

    .metal-features-new .feature img,
    .invest-features-new .feature img {
        width: 60px
    }
}

.metal-features-new .feature .dateline.dateline,
.invest-features-new .feature .dateline.dateline {
    color: #999
}

.metal-services {
    position: relative;
    overflow: hidden
}

@media (min-width:750px) {
    .metal-services {
        min-height: 100vh;
        height: 3000px;
        padding-top: 0;
        padding-bottom: 0
    }
}

.metal-services .lottie-animation-container {
    position: relative;
    z-index: 1
}

@media (min-width:750px) {
    .metal-services .lottie-animation-container {
        flex-grow: 1
    }
}

@media (max-width:749.98px) {
    .metal-services .lottie-animation-container {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate3d(-47%, -50%, 0);
        width: 60vh;
        max-width: 90rem
    }
}

@media (max-width:749.98px) {
    .metal-services .lottie-animation-container .lottie-animation {
        width: 140%
    }
}

@media (min-width:750px) {
    .metal-services .lottie-animation-container .lottie-animation {
        width: 78.125vw;
        max-width: none;
        transform: translate3d(-50%, -50%, 0) translateX(-6vw);
        position: absolute;
        left: 50%;
        top: 0
    }
}

@media (min-width:1921px) {
    .metal-services .lottie-animation-container .lottie-animation {
        width: 1500px;
        transform: translate3d(-50%, -50%, 0) translateX(-200px)
    }
}

@media (min-width:750px) {
    .metal-services .scrolling-container {
        min-height: 100vh;
        display: flex
    }
}

.metal-services .innerWrapper {
    display: flex
}

.metal-services .inner-container {
    display: flex;
    width: 100%
}

@media (max-width:749.98px) {
    .metal-services .inner-container {
        flex-direction: column
    }
}

@media (min-width:750px) {
    .metal-services .inner-container {
        position: relative;
        padding-top: 11rem;
        padding-bottom: 12rem;
        align-items: center;
        justify-content: end
    }
}

.metal-services .text-container {
    max-width: 400px;
    position: relative;
    z-index: 2
}

@media (min-width:750px) {
    .metal-services .text-container {
        flex: 0 0 auto
    }
}

@media (max-width:749.98px) {
    .metal-services .services-container {
        margin-top: 25rem
    }
}

@media (min-width:1050px) {
    .metal-services .services-container {
        margin-top: 12rem
    }
}

.metal-services .service {
    opacity: .05
}

.metal-services .service .index {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    color: #333;
    line-height: 1;
    font-size: 2.4rem
}

@media (min-width:750px) {
    .metal-services .service .index {
        width: 48px;
        height: 48px;
        font-size: 3.2rem
    }
}

.metal-services-slider,
.invest-services-slider {
    background-color: #3F4141 !important;
    overflow: hidden;
    padding-top: 0 !important
}

@media (max-width:749.98px) {

    .metal-services-slider .swiper-container,
    .invest-services-slider .swiper-container {
        overflow: visible
    }
}

.metal-services-slider .swiper-pagination,
.invest-services-slider .swiper-pagination {
    height: 11.5rem !important;
    display: flex;
    align-items: center;
    position: static;
    margin: 0 auto
}

@media (max-width:749.98px) {

    .metal-services-slider .swiper-pagination,
    .invest-services-slider .swiper-pagination {
        width: 100%;
        padding: 0 2rem;
        justify-content: space-between
    }
}

@media (min-width:750px) {

    .metal-services-slider .swiper-pagination,
    .invest-services-slider .swiper-pagination {
        height: 16rem !important;
        justify-content: center
    }
}

.metal-services-slider .swiper-pagination .swiper-pagination-bullet,
.invest-services-slider .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    display: block;
    background: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    opacity: 1;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

@media (min-width:750px) {

    .metal-services-slider .swiper-pagination .swiper-pagination-bullet,
    .invest-services-slider .swiper-pagination .swiper-pagination-bullet {
        margin: 0 2.5rem;
        font-size: 22px
    }
}

.metal-services-slider .swiper-pagination .swiper-pagination-bullet::before,
.invest-services-slider .swiper-pagination .swiper-pagination-bullet::before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    height: 4px;
    background-color: #1D1D1D;
    opacity: 0;
    width: 0;
    transition: width 0.2s, opacity 0.2s
}

.metal-services-slider .swiper-pagination .swiper-pagination-bullet-active::before,
.invest-services-slider .swiper-pagination .swiper-pagination-bullet-active::before {
    opacity: 1;
    width: 100%
}

.metal-services-slider .swiper-slide.card,
.invest-services-slider .swiper-slide.card {
    background-color: #333
}

@media (min-width:750px) {

    .metal-services-slider .swiper-slide.card,
    .invest-services-slider .swiper-slide.card {
        height: auto
    }
}

@media (max-width:749.98px) {

    .metal-services-slider .swiper-slide.card,
    .invest-services-slider .swiper-slide.card {
        display: flex;
        flex-direction: column
    }
}

.metal-services-slider .swiper-slide.card>.height-spreader,
.invest-services-slider .swiper-slide.card>.height-spreader {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (min-width:750px) {

    .metal-services-slider .slide-head,
    .invest-services-slider .slide-head {
        margin-bottom: 40px
    }
}

.metal-services-slider .slide-head .h4,
.invest-services-slider .slide-head .h4 {
    transform: translate3d(0, -4px, 0);
    margin-right: 2rem
}

.metal-services-slider .slide-head+.subline,
.invest-services-slider .slide-head+.subline {
    margin: 15px 0 20px;
    opacity: .5
}

.metal-services-slider .component img,
.invest-services-slider .component img {
    width: 36px !important
}

@media (min-width:750px) {

    .metal-services-slider .component img,
    .invest-services-slider .component img {
        width: 48px !important
    }
}

.metal-services-slider .component+.component,
.invest-services-slider .component+.component {
    margin-top: 20px
}

.metal-services-slider .component .accordion-head,
.invest-services-slider .component .accordion-head {
    font-size: inherit;
    padding: 0;
    border: none;
    justify-content: start
}

.metal-services-slider .component .accordion-head .h4,
.invest-services-slider .component .accordion-head .h4 {
    transition: opacity 0.2s
}

.metal-services-slider .component .accordion-head:hover .h4,
.invest-services-slider .component .accordion-head:hover .h4 {
    opacity: .75
}

.metal-services-slider .component .accordion-body,
.invest-services-slider .component .accordion-body {
    display: none;
    padding-left: 0 !important
}

.metal-services-slider .component .accordion-body img,
.invest-services-slider .component .accordion-body img {
    opacity: 0;
    visibility: hidden
}

.metal-services-slider .visual,
.invest-services-slider .visual {
    overflow: hidden;
    height: 22rem;
    width: 84%;
    margin: 0 auto
}

@media (min-width:750px) {

    .metal-services-slider .visual,
    .invest-services-slider .visual {
        flex: 0 0 32rem;
        width: 32rem;
        max-height: 52rem;
        height: auto
    }
}

.metal-services-slider .index,
.invest-services-slider .index {
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #3F4141;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 1;
    font-size: 2.4rem
}

@media (min-width:750px) {

    .metal-services-slider .index,
    .invest-services-slider .index {
        width: 70px;
        height: 70px;
        font-size: 46px
    }
}

.mySwiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.mySwiper .swiper-wrapper {
    align-content: space-between
}

.invest-services-slider {
    color: #333
}

.invest-services-slider .swiper-pagination {
    height: auto !important;
    display: flex;
    align-items: center;
    position: static;
    margin: 4.4rem auto
}

@media (max-width:749.98px) {
    .invest-services-slider .swiper-pagination {
        width: 100%;
        padding: 0;
        justify-content: space-between
    }
}

@media (min-width:750px) {
    .invest-services-slider .swiper-pagination {
        height: auto !important;
        justify-content: center
    }

    .invest-services-slider .swiper-pagination .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

.invest-services-slider .swiper-pagination .swiper-pagination-bullet {
    margin: .6rem;
    border-radius: 999px;
    background-color: #FFF;
    border: 1px solid #333;
    color: #333;
    display: inline-flex;
    align-items: center;
    padding: .9rem 1.5rem;
    height: 4.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    white-space: nowrap;
    transition: background-color 0.2s
}

.invest-services-slider .swiper-pagination .swiper-pagination-bullet::before {
    display: none
}

.invest-services-slider .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #F4F4F4
}

.invest-services-slider .swiper-pagination .swiper-pagination-bullet-active,
.invest-services-slider .swiper-pagination .swiper-pagination-bullet:active {
    background-color: #D2DFDF
}

.invest-services-slider .swiper-pagination .swiper-pagination-bullet .icon-box {
    border-radius: 999px;
    width: 3.2rem;
    height: 3.2rem;
    margin-right: -1rem;
    margin-left: .8rem;
    overflow: hidden
}

.invest-services-slider .swiper-pagination .swiper-pagination-bullet .icon-box>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.invest-services-slider .swiper-slide .list-items {
    background-color: #FFF;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    padding: .8rem 0
}

.invest-services-slider .swiper-slide .list-items .component {
    padding: .6rem 1.5rem
}

.invest-services-slider .swiper-slide .list-items .component img {
    width: 36px !important
}

@media (min-width:750px) {
    .invest-services-slider .swiper-slide .list-items .component img {
        width: 36px !important
    }
}

.invest-services-slider .swiper-slide .list-items .component+.component {
    margin-top: .2rem
}

@media (min-width:1050px) {
    .invest-services-slider .swiper-slide .list-items .component+.component {
        margin-top: .2rem
    }
}

.invest-services-slider .swiper-slide .list-items h4,
.invest-services-slider .swiper-slide .list-items .h4 {
    font-size: 1.5rem
}

.invest-services-slider .swiper-slide .list-items .text {
    font-size: 1.4rem;
    color: #999;
    line-height: 1.2
}

.invest-services-slider .slide-head {
    margin-bottom: 0
}

.invest-services-slider .slide-head+.subline {
    margin: 0 0 20px;
    opacity: 1;
    font-size: 1.6rem
}

@media (min-width:750px) {
    .invest-services-slider .slide-head {
        margin-bottom: 0
    }

    .invest-services-slider .slide-head+.subline {
        margin-bottom: 0
    }
}

.invest-services-slider .subtitle {
    font-weight: 600
}

.invest-services-slider .visual {
    overflow: hidden;
    height: auto;
    width: auto;
    margin: 0 0 0 auto;
    margin-right: -20px
}

@media (min-width:750px) {
    .invest-services-slider .visual {
        width: auto;
        max-height: 100%;
        height: auto;
        margin-right: -30px
    }
}

.invest-services-slider.background-transparent {
    background-color: transparent !important
}

.invest-services-slider.background-transparent .swiper-slide.card {
    background-color: #F4F4F4
}

.accordion-container .accordion-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: inherit
}

.accordion-container .accordion-head:not(.no-trig) {
    cursor: pointer
}

@media (min-width:750px) {
    .accordion-container .accordion-head {
        font-size: 2.4rem
    }
}

.accordion-container .accordion-head>a {
    width: 100%
}

.accordion-container .accordion-head .icon-chevron_accordion {
    font-size: .666666em;
    display: block;
    margin-left: 1em;
    transform: translateZ(0);
    transition: transform 0.2s
}

.accordion-container .accordion-head .icon-chevron_accordion,
.accordion-container .accordion-head .icon-chevron_accordion::before {
    display: block
}

.accordion-container .accordion-head:hover .icon-chevron_accordion {
    transform: translateY(3px)
}

.accordion-container .accordion-body {
    display: none
}

.accordion-container .accordion-head,
.accordion-container .accordion-body {
    width: 100%
}

.accordion-container.active .icon-chevron_accordion {
    transform: rotate(180deg) translateZ(0)
}

.accordion-container.active .accordion-head:hover .icon-chevron_accordion {
    transform: rotate(180deg) translateY(3px) translateZ(0)
}

.faq-questions {
    border-top: 1px solid rgba(51, 51, 51, .5)
}

.faq-question {
    border-bottom: 1px solid rgba(51, 51, 51, .5);
    padding: 15px 0
}

@media (min-width:750px) {
    .faq-question {
        padding: 25px 5px
    }
}

.faq-question .accordion-body {
    padding-top: 15px
}

.faq-question .accordion-head .h3 {
    margin-bottom: 0
}

.faq-question .accordion-head .icon-close {
    font-size: 1.8rem;
    transform: translateZ(0) rotate(45deg);
    transition: transform 0.2s;
    margin-left: 10px
}

.faq-question .accordion-head .icon-close::before {
    display: block
}

@media (min-width:750px) {
    .faq-question .accordion-head .icon-close {
        font-size: 2.6rem
    }
}

.faq-question.active .icon-close {
    transform: translateZ(0)
}

.theme-green {
    color: #4255FE
}

.theme-green .background-colorized {
    background: #4255FE
}

.theme-green .background-colorized [class*=eye-catcher] {
    background-color: rgb(255, 255, 255)
}

.theme-green .background-colorized h2,
.theme-green .background-colorized .h2,
.theme-green .background-colorized .text,
.theme-green .background-colorized .text p {
    color: rgb(255, 255, 255) !important
}

.theme-green .background-colorized .roundedButton {
    color: #4255FE
}

.theme-green .background-colorized .roundedButton::before {
    background-color: #4255FE
}

.theme-green .background-colorized .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.theme-green .background-transparent .roundedButton {
    border-color: #4255FE;
    color: #4255FE;
    background-color: rgb(255, 255, 255)
}

.theme-green .background-transparent .roundedButton::before {
    background-color: #4255FE
}

.theme-green .background-transparent .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.theme-green .text-colorized {
    color: #4255FE
}

.theme-green header::before {
    background-color: rgb(255, 255, 255)
}

.theme-green header.scrolled {
    color: #4255FE
}

.theme-green header.scrolled ul ul {
    color: #4255FE;
    background: rgb(255, 255, 255)
}

.theme-green header.scrolled .roundedButton {
    border-color: #4255FE
}

.theme-green header.scrolled.white .roundedButton,
.theme-green header.scrolled.colorized .roundedButton {
    background-color: rgb(255, 255, 255)
}

.theme-green header.scrolled.white .roundedButton::before,
.theme-green header.scrolled.colorized .roundedButton::before {
    background-color: #4255FE
}

.theme-green header.scrolled.colorized {
    color: #4255FE
}

.theme-green header.scrolled.colorized .roundedButton {
    border-color: #4255FE
}

@media (min-width:750px) {

    .theme-green header ul ul,
    .theme-green header::before {
        background-color: #4255FE
    }

    .theme-green header.scrolled ul ul,
    .theme-green header.scrolled::before {
        background-color: rgb(255, 255, 255)
    }
}

@media (max-width:749.98px) {
    .theme-green header {
        color: rgb(255, 255, 255)
    }

    .theme-green header::before {
        background-color: #4255FE
    }

    .theme-green header.scrolled {
        color: #4255FE
    }

    .theme-green header.scrolled::before {
        background-color: rgb(255, 255, 255)
    }

    .theme-green header .rightContent {
        background: #4255FE
    }

    .theme-green header .langSwitch ul,
    .theme-green header nav ul ul {
        color: rgb(255, 255, 255) !important;
        background: none !important
    }
}

.theme-green section.background-colorized:not(.in-zahlen):not(.green-partner)+section.background-colorized:not(.in-zahlen):not(.green-partner) article,
.theme-green section.background-transparent:not(.in-zahlen):not(.green-partner)+section.background-transparent:not(.in-zahlen):not(.green-partner) article {
    padding-top: 0
}

.theme-green footer section {
    background: none !important
}

.theme-green .features .phone .featureNavigation a {
    border: 2px solid #4255FE
}

.theme-green .features .phone .featureNavigation a.active,
.theme-green .features .phone .featureNavigation a:hover {
    background-color: #4255FE
}

.theme-green .mailchimp form input[type=submit]:hover {
    border-color: #4255FE;
    background-color: #4255FE;
    color: rgb(255, 255, 255)
}

.theme-green .green-faq .answers .text a {
    color: rgb(0, 0, 0)
}

.theme-metal {
    color: #333
}

.theme-metal .background-colorized {
    background: #333;
    color: rgb(255, 255, 255)
}

.theme-metal .background-colorized .dateline {
    color: rgb(255, 255, 255)
}

.theme-metal .background-colorized [class*=eye-catcher] {
    background-color: rgb(255, 255, 255)
}

.theme-metal .background-colorized h2,
.theme-metal .background-colorized .h2,
.theme-metal .background-colorized .text,
.theme-metal .background-colorized .text p {
    color: rgb(255, 255, 255) !important
}

.theme-metal .background-colorized .roundedButton {
    border-color: transparent;
    background-color: #1D1D1D;
    color: rgb(255, 255, 255)
}

.theme-metal .background-colorized .roundedButton::before {
    background-color: rgb(255, 255, 255)
}

.theme-metal .background-colorized .roundedButton:hover {
    color: #1D1D1D
}

.theme-metal .background-transparent .roundedButton {
    border-color: #333;
    color: #333;
    background-color: transparent
}

.theme-metal .background-transparent .roundedButton::before {
    background-color: #333
}

.theme-metal .background-transparent .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.theme-metal .background-transparent.green-features .dateline {
    color: #333
}

.theme-metal .background-transparent .accordion-container .accordion-head {
    border-color: #3F4141
}

.theme-metal .text-colorized {
    color: #333
}

.theme-metal header.scrolled {
    color: #333
}

.theme-metal header.scrolled ul ul {
    color: #333;
    background: rgb(255, 255, 255)
}

.theme-metal header.scrolled.white ul ul {
    color: #1D1D1D;
    background: rgb(255, 255, 255)
}

.theme-metal header.colorized .rightContent div>ul>li>ul a:hover,
.theme-metal header.colorized .rightContent nav>ul>li>ul a:hover {
    color: #1D1D1D
}

.theme-metal header.colorized .rightContent ul a.active {
    color: #1D1D1D
}

.theme-metal header.colorized .rightContent ul>li:hover>a,
.theme-metal header.colorized .rightContent ul>li.hover>a,
.theme-metal header.colorized .rightContent ul>li.active>a {
    color: #1D1D1D
}

.theme-metal header.colorized .rightContent ul>li:hover>a::after,
.theme-metal header.colorized .rightContent ul>li.hover>a::after,
.theme-metal header.colorized .rightContent ul>li.active>a::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width:750px) {

    .theme-metal header ul ul,
    .theme-metal header::before {
        background-color: #333
    }

    .theme-metal header.scrolled ul ul,
    .theme-metal header.scrolled::before {
        background-color: rgb(255, 255, 255)
    }
}

@media (max-width:749.98px) {
    .theme-metal header {
        color: rgb(255, 255, 255)
    }

    .theme-metal header::before {
        background-color: #333
    }

    .theme-metal header .rightContent {
        background: #333
    }

    .theme-metal header.scrolled {
        color: #333
    }

    .theme-metal header.scrolled:before {
        background-color: rgb(255, 255, 255)
    }

    .theme-metal header .langSwitch ul,
    .theme-metal header nav ul ul {
        color: rgb(255, 255, 255) !important;
        background: none !important
    }
}

.theme-metal .green-faq .h2 {
    color: #1D1D1D
}

.theme-metal .green-faq .accordion-head:hover {
    color: #1D1D1D
}

.theme-metal .green-faq .accordion-container.active .icon-close {
    color: #1D1D1D
}

.theme-metal .green-faq .answers .text a {
    color: #1D1D1D
}

.theme-metal .green-faq .button-container .dateline {
    color: #333
}

.theme-metal .green-downloads.background-colorized {
    background-color: #3F4141 !important
}

.theme-metal .metal-services.background-colorized {
    background-color: #2d2d2e
}

.theme-metal .intro-new.background-colorized .roundedButton {
    background-color: rgb(255, 255, 255);
    color: #333
}

.theme-metal .intro-new.background-colorized .roundedButton::before {
    background-color: #333
}

.theme-metal .intro-new.background-colorized .roundedButton:hover {
    color: rgb(255, 255, 255)
}

.theme-default .green-faq .h2 {
    color: #1D1D1D
}

.theme-default .green-faq .accordion-head:hover {
    color: #1D1D1D
}

.theme-default .green-faq .accordion-container.active .icon-close {
    color: #1D1D1D
}

.theme-default .green-faq .answers .text a {
    color: rgb(0, 0, 0)
}

.theme-default .green-faq.theme-metal .answers .text a {
    color: #1D1D1D
}

@media only screen and (max-width:750px) {
    .appear.show {
        -webkit-transform: translateY(2.6666666667vw);
        -moz-transform: translateY(2.6666666667vw);
        -ms-transform: translateY(2.6666666667vw);
        transform: translateY(2.6666666667vw)
    }

    .innerWrapper,
    .outerWrapper {
        padding-left: 4.6666666667vw;
        padding-right: 4.6666666667vw
    }

    .sideLink {
        right: 4.6666666667vw;
        bottom: 16vw
    }

    .sideLink span {
        margin-left: 4.6666666667vw;
        font-size: 10.6666666667vw
    }

    header .rightContent .langSwitch,
    header .rightContent nav>ul>li {
        margin-right: 5.3333333333vw
    }

    footer .innerWrapper:not(.gugu) {
        padding-top: 16vw;
        padding-bottom: 16vw
    }

    footer .innerWrapper:not(.gugu).logo,
    footer .innerWrapper:not(.gugu).reviews {
        padding-top: 8vw;
        padding-bottom: 8vw
    }

    footer .upperFooter .innerWrapper {
        padding-bottom: calc(16vw - 1em)
    }

    footer .upperFooter .logo:nth-child(n+4) {
        margin-top: 4.6666666667vw
    }

    footer .upperFooter .logos {
        padding-top: 2vw
    }

    footer .lowerFooter .center>span {
        margin-top: 1.2vw
    }

    footer .lowerFooter .appLinks svg,
    footer .lowerFooter .appLinks img {
        height: 5.7333333333vw
    }

    footer .lowerFooter .appLinks>a:nth-child(n+3) {
        margin-top: 2.2666666667vw
    }

    footer .lowerFooter .right {
        text-align: right
    }

    footer .lowerFooter .right>a {
        font-size: 4.4vw
    }

    footer .lowerFooter .right>a+a {
        margin-left: 5.3333333333vw
    }

    footer .lowerFooter .right .newsletterForm {
        margin-bottom: 4.6666666667vw
    }

    footer .lowerFooter section:not(.green-downloads) {
        padding-top: 0
    }

    footer .lowerFooter section {
        padding-bottom: 0
    }

    footer #goToTop {
        right: 4.6666666667vw;
        top: 4.6666666667vw;
        font-size: 2.6666666667vw
    }

    .modal .icon-close {
        color: rgb(255, 255, 255);
        z-index: 1000;
        position: absolute;
        top: 4.6666666667vw;
        right: 4.6666666667vw;
        font-size: 4.2666666667vw
    }

    .goToNextSection {
        font-size: 10.6666666667vw;
        bottom: 6.6666666667vw
    }

    .defaultForm input,
    .defaultForm select {
        padding-top: 3.4666666667vw;
        height: 11.4666666667vw;
        line-height: 7.8666666667vw
    }

    .defaultForm textarea {
        margin-top: 3.7333333333vw;
        line-height: 11.4666666667vw;
        height: 33.6vw;
        background-attachment: local;
        background-image: repeating-linear-gradient(transparent -.9333333333vw, transparent 4.5333333333vw, currentColor 4.5333333333vw, currentColor calc(4.5333333333vw + 1px));
        background-image: -ms-repeating-linear-gradient(90deg, transparent -1.3333333333vw, transparent 4.5333333333vw, currentColor 4.5333333333vw, currentColor 4.6666666667vw)
    }

    .newsletterForm button {
        font-size: 2.6666666667vw
    }

    .contactElements {
        margin-top: 11.3333333333vw
    }

    .contactElements .mail {
        margin-bottom: 0
    }

    .contactElements .mail h1,
    .contactElements .mail h2,
    .contactElements .mail h3,
    .contactElements .mail .titleSized {
        font-size: 7.2vw;
        line-height: 1.25;
        margin-bottom: 2.8vw
    }

    .contactElements .mail [class*=icon-] {
        margin-bottom: 2.6666666667vw
    }

    .contactElements .mail+* {
        margin-left: 22.6666666667vw
    }

    .contactElements [class*=icon-] {
        font-size: 10.6666666667vw;
        margin-bottom: 4.6666666667vw
    }

    .contactElements .bubble {
        width: 14.1333333333vw;
        height: 14.1333333333vw;
        font-size: 2.9333333333vw
    }

    .twoColumn>div {
        width: calc(50% - 3.3333333333vw)
    }

    .threeColumn>div {
        width: calc(33.333% - 3.3333333333vw)
    }

    .fourColumn>div {
        width: calc(25% - 3.3333333333vw)
    }

    [class*=eye-catcher] {
        padding: 2.4vw 2.1333333333vw;
        margin-bottom: 6vw
    }

    [class*=eye-catcher].eye-catcher-prices>.icon-medal {
        font-size: 8vw;
        margin-right: .25em
    }

    [class*=eye-catcher].eye-catcher-prices .content>p {
        font-weight: 600;
        font-size: 4.9333333333vw;
        line-height: 1.26
    }

    .features article {
        padding-top: 0;
        padding-bottom: 0
    }

    .features article::before,
    .features article::after {
        display: none !important
    }

    .features .phone {
        width: 53.3333333333vw;
        left: 12vw
    }

    .features .phone>picture,
    .features .phone .featureNavigation {
        top: calc(50% + 6vw)
    }

    .features .phone .featureNavigation {
        left: -6.6666666667vw
    }

    .features .phone .featureNavigation a {
        width: 2vw;
        height: 2vw
    }

    .features.nophone .phone>picture,
    .features.nophone .phone .featureNavigation {
        top: 50%
    }

    .features.product_overview .phone .featureNavigation a {
        width: 6.6666666667vw;
        height: 6.6666666667vw
    }

    .freitext {
        padding: 24vw 0
    }

    .intro .text {
        margin-bottom: 4vw
    }

    .intro .twoColumn>div:first-child .appLink img {
        height: 6.6666666667vw
    }

    .intro .twoColumn>div:first-child .appLink+a {
        margin-left: 1.7333333333vw
    }

    .prices-new table,
    .prices table {
        border-spacing: 2.4vw 0;
        width: calc(100% + 4.8vw);
        margin-left: -2.4vw
    }

    .prices-new table td,
    .prices table td {
        padding-bottom: 1.8666666667vw;
        padding-top: 5.7333333333vw
    }

    .prices-new table+table,
    .prices table+table {
        margin-top: 5.7333333333vw
    }

    .prices-new .linkContainer,
    .prices .linkContainer {
        padding-top: 2.6666666667vw;
        padding-right: 4.6666666667vw
    }

    .faq .categories {
        margin-bottom: 7.3333333333vw
    }

    .faq .answers .text {
        padding-top: 2.6666666667vw;
        padding-bottom: 2.6666666667vw
    }

    .faq form {
        padding-top: 10.6666666667vw
    }

    .faq form input {
        padding-bottom: 1.0666666667vw;
        margin-right: 2.6666666667vw;
        width: calc(100% - 6.9333333333vw)
    }

    .faq form button {
        font-size: 4.2666666667vw
    }

    .faq form .searchHits {
        padding-top: 4.6666666667vw
    }

    .contactForm form {
        margin-top: 12.6666666667vw
    }

    .contactForm form .mandatoryFields {
        margin-bottom: 5.3333333333vw
    }

    .contactForm form .lastRow {
        margin-top: 2.6666666667vw
    }

    .contactForm form .lastRow .feedBackHeads .radioWrapper+.radioWrapper {
        margin-left: 5.3333333333vw
    }

    .feedbackForm .defaultForm {
        margin-top: 0
    }

    .jobs .allJobs {
        padding-top: 9.3333333333vw
    }

    .jobs .allJobs .job+.job {
        padding-top: 12vw
    }

    .jobs .jobNav a {
        margin: 0 2vw
    }

    .blog .grid>.innerWrapper .colContainer {
        width: calc(100% + 4vw);
        margin-left: -2vw
    }

    .blog .grid>.innerWrapper .colContainer>div {
        padding: 2vw
    }

    .blog .colorWrapper {
        padding: 6vw 0
    }

    .blog .colorWrapper.transparent:first-child,
    .blog .colorWrapper.transparent+.transparent,
    .blog .colorWrapper.background-colorized+.background-colorized {
        padding-top: 0
    }

    .blog .colContainer {
        width: calc(100% + 4vw);
        margin-left: -2vw
    }

    .blog .colContainer>.col-1,
    .blog .colContainer>.col-2,
    .blog .colContainer>.col-3 {
        padding: 2vw
    }

    .blog .blogDetail picture {
        margin-bottom: 8.5333333333vw
    }

    .blog .blogDetail .blogNav {
        margin-top: 8.5333333333vw
    }

    .blog .featured-flag .icon-featured {
        font-size: 13.3333333333vw
    }

    .in-zahlen {
        color: rgb(255, 255, 255);
        background-size: cover !important
    }

    .in-zahlen .twoColumn>div {
        width: 50%
    }

    .in-zahlen .number {
        display: block;
        font-weight: 600;
        font-size: 13.3333333333vw;
        line-height: 1.1;
        font-variant-numeric: tabular-nums
    }

    .in-zahlen .number-group+.number-group {
        margin-top: 9.6vw
    }

    .green-solution .trees-planting {
        line-height: 1.1;
        font-weight: 300;
        font-size: 10.6666666667vw
    }

    .green-solution .trees-planting .icon-baum {
        font-size: .75em;
        margin-left: .1em
    }

    .green-features .features {
        padding-top: 8.6666666667vw;
        width: calc(100% + 5.3333333333vw);
        margin-left: -2.6666666667vw;
        margin-top: -13.3333333333vw
    }

    .green-features .features .feature {
        padding: 0 2.6666666667vw;
        margin-top: 13.3333333333vw
    }

    .green-features .features .feature img {
        max-width: 16.6666666667vw;
        margin-bottom: 4vw
    }

    .green-features .features .feature .dateline {
        margin-bottom: 2.6666666667vw
    }

    .green-features .features+.button-row {
        margin-top: 13.3333333333vw
    }

    .metal-features .features {
        width: calc(100% + 5.3333333333vw);
        margin-left: -2.6666666667vw;
        margin-top: -13.3333333333vw
    }

    .metal-features .features .feature {
        padding: 0 2.6666666667vw;
        margin-top: 13.3333333333vw
    }

    .metal-features .features .feature img {
        max-width: 16.6666666667vw;
        margin-bottom: 4vw
    }

    .metal-features .features .feature .dateline {
        margin-bottom: 2.6666666667vw
    }

    .green-downloads .text+.app-links {
        margin-top: 4vw
    }

    .green-downloads .appLink {
        display: block
    }

    .green-downloads .appLink img {
        height: 5.7333333333vw
    }

    .green-downloads .appLink+.appLink {
        margin-left: 2vw
    }

    .sliderSection .contentWrapper {
        padding: 9.3333333333vw 10.6666666667vw
    }

    .sliderSection .contentWrapper p {
        font-size: 6.6666666667vw;
        line-height: 1.1;
        margin-bottom: .4em
    }

    .sliderSection .swiper-pagination {
        margin-top: 5.3333333333vw
    }
}

@media (min-width:751px) and (max-width:1050px) {
    .appear.show {
        -webkit-transform: translateY(1.9047619048vw);
        -moz-transform: translateY(1.9047619048vw);
        -ms-transform: translateY(1.9047619048vw);
        transform: translateY(1.9047619048vw)
    }

    .innerWrapper,
    .outerWrapper {
        padding-left: 3.3333333333vw;
        padding-right: 3.3333333333vw
    }

    .sideLink {
        right: 3.3333333333vw;
        bottom: 11.4285714286vw
    }

    .sideLink span {
        margin-left: 3.3333333333vw;
        font-size: 7.619047619vw
    }

    header .rightContent .langSwitch,
    header .rightContent nav>ul>li {
        margin-right: 3.8095238095vw
    }

    footer .innerWrapper:not(.gugu) {
        padding-top: 8.5714285714vw;
        padding-bottom: 8.5714285714vw
    }

    footer .innerWrapper:not(.gugu).logo,
    footer .innerWrapper:not(.gugu).reviews {
        padding-top: 4.2857142857vw;
        padding-bottom: 4.2857142857vw
    }

    footer .upperFooter .innerWrapper {
        padding-bottom: calc(8.5714285714vw - 1em)
    }

    footer .upperFooter .logo:nth-child(n+4) {
        margin-top: 3.3333333333vw
    }

    footer .upperFooter .logos {
        padding-top: 1.4285714286vw
    }

    footer .lowerFooter .center>span {
        margin-top: .8571428571vw
    }

    footer .lowerFooter .appLinks svg,
    footer .lowerFooter .appLinks img {
        height: 4.0952380952vw
    }

    footer .lowerFooter .appLinks>a:nth-child(n+3) {
        margin-top: 1.619047619vw
    }

    footer .lowerFooter .right {
        text-align: right
    }

    footer .lowerFooter .right>a {
        font-size: 3.1428571429vw
    }

    footer .lowerFooter .right>a+a {
        margin-left: 3.8095238095vw
    }

    footer .lowerFooter .right .newsletterForm {
        margin-bottom: 3.3333333333vw
    }

    footer .lowerFooter section:not(.green-downloads) {
        padding-top: 0
    }

    footer .lowerFooter section {
        padding-bottom: 0
    }

    footer #goToTop {
        right: 3.3333333333vw;
        top: 3.3333333333vw;
        font-size: 1.9047619048vw
    }

    .modal .icon-close {
        color: rgb(255, 255, 255);
        z-index: 1000;
        position: absolute;
        top: 3.3333333333vw;
        right: 3.3333333333vw;
        font-size: 3.0476190476vw
    }

    .goToNextSection {
        font-size: 7.619047619vw;
        bottom: 4.7619047619vw
    }

    .defaultForm input,
    .defaultForm select {
        padding-top: 1.2380952381vw;
        height: 4vw;
        line-height: 2.6666666667vw
    }

    .defaultForm textarea {
        margin-top: 2.6666666667vw;
        line-height: 4vw;
        height: 11.4285714286vw;
        background-attachment: local;
        background-image: repeating-linear-gradient(transparent -.6666666667vw, transparent 3.2380952381vw, currentColor 3.2380952381vw, currentColor calc(3.2380952381vw + 1px));
        background-image: -ms-repeating-linear-gradient(90deg, transparent -.9523809524vw, transparent 3.2380952381vw, currentColor 3.2380952381vw, currentColor 3.3333333333vw)
    }

    .newsletterForm button {
        font-size: 1.9047619048vw
    }

    .contactElements {
        margin-top: 8.0952380952vw
    }

    .contactElements .mail {
        margin-bottom: 0
    }

    .contactElements .mail h1,
    .contactElements .mail h2,
    .contactElements .mail h3,
    .contactElements .mail .titleSized {
        font-size: 3.4285714286vw;
        line-height: 1.25;
        margin-bottom: 2vw
    }

    .contactElements .mail [class*=icon-] {
        margin-bottom: 1.9047619048vw
    }

    .contactElements .mail+* {
        margin-left: 16.1904761905vw
    }

    .contactElements [class*=icon-] {
        font-size: 7.619047619vw;
        margin-bottom: 3.3333333333vw
    }

    .contactElements .bubble {
        width: 10.0952380952vw;
        height: 10.0952380952vw;
        font-size: 2.0952380952vw
    }

    .twoColumn>div {
        width: calc(50% - 2.380952381vw)
    }

    .threeColumn>div {
        width: calc(33.333% - 2.380952381vw)
    }

    .fourColumn>div {
        width: calc(25% - 2.380952381vw)
    }

    [class*=eye-catcher] {
        padding: 1.7142857143vw 1.5238095238vw;
        margin-bottom: 4.2857142857vw
    }

    [class*=eye-catcher].eye-catcher-prices>.icon-medal {
        font-size: 5.7142857143vw;
        margin-right: .25em
    }

    [class*=eye-catcher].eye-catcher-prices .content>p {
        font-weight: 600;
        font-size: 2.2857142857vw;
        line-height: 1.26
    }

    .features article {
        padding-top: 0;
        padding-bottom: 0
    }

    .features article::before,
    .features article::after {
        display: none !important
    }

    .features .phone {
        width: 38.0952380952vw;
        left: 8.5714285714vw
    }

    .features .phone>picture,
    .features .phone .featureNavigation {
        top: calc(50% + 4.2857142857vw)
    }

    .features .phone .featureNavigation {
        left: -4.7619047619vw
    }

    .features .phone .featureNavigation a {
        width: 1.4285714286vw;
        height: 1.4285714286vw
    }

    .features.nophone .phone>picture,
    .features.nophone .phone .featureNavigation {
        top: 50%
    }

    .features.product_overview .phone .featureNavigation a {
        width: 4.7619047619vw;
        height: 4.7619047619vw
    }

    .freitext {
        padding: 17.1428571429vw 0
    }

    .intro .text {
        margin-bottom: 2.8571428571vw
    }

    .intro .twoColumn>div:first-child .appLink img {
        height: 4.7619047619vw
    }

    .intro .twoColumn>div:first-child .appLink+a {
        margin-left: 1.2380952381vw
    }

    .prices-new table,
    .prices table {
        border-spacing: 1.7142857143vw 0;
        width: calc(100% + 3.4285714286vw);
        margin-left: -1.7142857143vw
    }

    .prices-new table td,
    .prices table td {
        padding-bottom: 1.3333333333vw;
        padding-top: 4.0952380952vw
    }

    .prices-new table+table,
    .prices table+table {
        margin-top: 4.0952380952vw
    }

    .prices-new .linkContainer,
    .prices .linkContainer {
        padding-top: 1.9047619048vw;
        padding-right: 3.3333333333vw
    }

    .faq .categories {
        margin-bottom: 5.2380952381vw
    }

    .faq .answers .text {
        padding-top: 1.9047619048vw;
        padding-bottom: 1.9047619048vw
    }

    .faq form {
        padding-top: 7.619047619vw
    }

    .faq form input {
        padding-bottom: .7619047619vw;
        margin-right: 1.9047619048vw;
        width: calc(100% - 4.9523809524vw)
    }

    .faq form button {
        font-size: 3.0476190476vw
    }

    .faq form .searchHits {
        padding-top: 3.3333333333vw
    }

    .contactForm form {
        margin-top: 9.0476190476vw
    }

    .contactForm form .mandatoryFields {
        margin-bottom: 3.8095238095vw
    }

    .contactForm form .lastRow {
        margin-top: 1.9047619048vw
    }

    .contactForm form .lastRow .feedBackHeads .radioWrapper+.radioWrapper {
        margin-left: 3.8095238095vw
    }

    .feedbackForm .defaultForm {
        margin-top: 0
    }

    .jobs .allJobs {
        padding-top: 6.6666666667vw
    }

    .jobs .allJobs .job+.job {
        padding-top: 8.5714285714vw
    }

    .jobs .jobNav a {
        margin: 0 1.4285714286vw
    }

    .blog .grid>.innerWrapper .colContainer {
        width: calc(100% + 1.9047619048vw);
        margin-left: -.9523809524vw
    }

    .blog .grid>.innerWrapper .colContainer>div {
        padding: .9523809524vw
    }

    .blog .colorWrapper {
        padding: 2.8571428571vw 0
    }

    .blog .colorWrapper.transparent:first-child,
    .blog .colorWrapper.transparent+.transparent,
    .blog .colorWrapper.background-colorized+.background-colorized {
        padding-top: 0
    }

    .blog .colContainer {
        width: calc(100% + 1.9047619048vw);
        margin-left: -.9523809524vw
    }

    .blog .colContainer>.col-1,
    .blog .colContainer>.col-2,
    .blog .colContainer>.col-3 {
        padding: .9523809524vw
    }

    .blog .blogDetail picture {
        margin-bottom: 6.0952380952vw
    }

    .blog .blogDetail .blogNav {
        margin-top: 6.0952380952vw
    }

    .blog .featured-flag .icon-featured {
        font-size: 9.5238095238vw
    }

    .in-zahlen {
        color: rgb(255, 255, 255);
        background-size: cover !important
    }

    .in-zahlen .twoColumn>div {
        width: 50%
    }

    .in-zahlen .number {
        display: block;
        font-weight: 600;
        font-size: 9.5238095238vw;
        line-height: 1.1;
        font-variant-numeric: tabular-nums
    }

    .in-zahlen .number-group+.number-group {
        margin-top: 6.8571428571vw
    }

    .green-solution .trees-planting {
        line-height: 1.1;
        font-weight: 300;
        font-size: 7.619047619vw
    }

    .green-solution .trees-planting .icon-baum {
        font-size: .75em;
        margin-left: .1em
    }

    .green-features .features {
        padding-top: 6.1904761905vw;
        width: calc(100% + 3.8095238095vw);
        margin-left: -1.9047619048vw;
        margin-top: -9.5238095238vw
    }

    .green-features .features .feature {
        padding: 0 1.9047619048vw;
        margin-top: 9.5238095238vw
    }

    .green-features .features .feature img {
        max-width: 11.9047619048vw;
        margin-bottom: 2.8571428571vw
    }

    .green-features .features .feature .dateline {
        margin-bottom: 1.9047619048vw
    }

    .green-features .features+.button-row {
        margin-top: 9.5238095238vw
    }

    .metal-features .features {
        width: calc(100% + 3.8095238095vw);
        margin-left: -1.9047619048vw;
        margin-top: -9.5238095238vw
    }

    .metal-features .features .feature {
        padding: 0 1.9047619048vw;
        margin-top: 9.5238095238vw
    }

    .metal-features .features .feature img {
        max-width: 11.9047619048vw;
        margin-bottom: 2.8571428571vw
    }

    .metal-features .features .feature .dateline {
        margin-bottom: 1.9047619048vw
    }

    .green-downloads .text+.app-links {
        margin-top: 2.8571428571vw
    }

    .green-downloads .appLink {
        display: block
    }

    .green-downloads .appLink img {
        height: 4.0952380952vw
    }

    .green-downloads .appLink+.appLink {
        margin-left: 1.4285714286vw
    }

    .sliderSection .contentWrapper {
        padding: 6.6666666667vw 7.619047619vw
    }

    .sliderSection .contentWrapper p {
        font-size: 4.7619047619vw;
        line-height: 1.1;
        margin-bottom: .4em
    }

    .sliderSection .swiper-pagination {
        margin-top: 3.8095238095vw
    }
}

@media (min-width:1051px) {
    .appear.show {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    .innerWrapper,
    .outerWrapper {
        padding-left: 40px;
        padding-right: 40px
    }

    .sideLink {
        right: 40px;
        bottom: 120px
    }

    .sideLink span {
        margin-left: 35px;
        font-size: 80px
    }

    header .rightContent .langSwitch,
    header .rightContent nav>ul>li {
        margin-right: 40px
    }

    footer .innerWrapper:not(.gugu) {
        padding-top: 90px;
        padding-bottom: 90px
    }

    footer .innerWrapper:not(.gugu).logo,
    footer .innerWrapper:not(.gugu).reviews {
        padding-top: 45px;
        padding-bottom: 45px
    }

    footer .upperFooter .innerWrapper {
        padding-bottom: calc(90px - 1em)
    }

    footer .upperFooter .logo:nth-child(n+4) {
        margin-top: 35px
    }

    footer .upperFooter .logos {
        padding-top: 15px
    }

    footer .lowerFooter .center>span {
        margin-top: 9px
    }

    footer .lowerFooter .appLinks svg,
    footer .lowerFooter .appLinks img {
        height: 43px
    }

    footer .lowerFooter .appLinks>a:nth-child(n+3) {
        margin-top: 17px
    }

    footer .lowerFooter .right {
        text-align: right
    }

    footer .lowerFooter .right>a {
        font-size: 33px
    }

    footer .lowerFooter .right>a+a {
        margin-left: 40px
    }

    footer .lowerFooter .right .newsletterForm {
        margin-bottom: 35px
    }

    footer .lowerFooter section:not(.green-downloads) {
        padding-top: 0
    }

    footer .lowerFooter section {
        padding-bottom: 0
    }

    footer #goToTop {
        right: 40px;
        top: 40px;
        font-size: 20px
    }

    .modal .icon-close {
        color: rgb(255, 255, 255);
        z-index: 1000;
        position: absolute;
        top: 40px;
        right: 40px;
        font-size: 32px
    }

    .goToNextSection {
        font-size: 80px;
        bottom: 50px
    }

    .defaultForm input,
    .defaultForm select {
        padding-top: 13px;
        height: 42px;
        line-height: 28px
    }

    .defaultForm textarea {
        margin-top: 28px;
        line-height: 42px;
        height: 120px;
        background-attachment: local;
        background-image: repeating-linear-gradient(transparent -7px, transparent 34px, currentColor 34px, currentColor calc(34px + 1px));
        background-image: -ms-repeating-linear-gradient(90deg, transparent -10px, transparent 34px, currentColor 34px, currentColor 35px)
    }

    .newsletterForm button {
        font-size: 20px
    }

    .contactElements {
        margin-top: 85px
    }

    .contactElements .mail {
        margin-bottom: 0
    }

    .contactElements .mail h1,
    .contactElements .mail h2,
    .contactElements .mail h3,
    .contactElements .mail .titleSized {
        font-size: 36px;
        line-height: 1.25;
        margin-bottom: 21px
    }

    .contactElements .mail [class*=icon-] {
        margin-bottom: 20px
    }

    .contactElements .mail+* {
        margin-left: 170px
    }

    .contactElements [class*=icon-] {
        font-size: 80px;
        margin-bottom: 35px
    }

    .contactElements .bubble {
        width: 106px;
        height: 106px;
        font-size: 22px
    }

    .twoColumn>div {
        width: calc(50% - 25px)
    }

    .threeColumn>div {
        width: calc(33.333% - 25px)
    }

    .fourColumn>div {
        width: calc(25% - 25px)
    }

    [class*=eye-catcher] {
        padding: 18px 16px;
        margin-bottom: 45px
    }

    [class*=eye-catcher].eye-catcher-prices>.icon-medal {
        font-size: 60px;
        margin-right: .25em
    }

    [class*=eye-catcher].eye-catcher-prices .content>p {
        font-weight: 600;
        font-size: 24px;
        line-height: 1.26
    }

    .features article {
        padding-top: 0;
        padding-bottom: 0
    }

    .features article::before,
    .features article::after {
        display: none !important
    }

    .features .phone {
        width: 400px;
        left: 90px
    }

    .features .phone>picture,
    .features .phone .featureNavigation {
        top: calc(50% + 45px)
    }

    .features .phone .featureNavigation {
        left: -50px
    }

    .features .phone .featureNavigation a {
        width: 15px;
        height: 15px
    }

    .features.nophone .phone>picture,
    .features.nophone .phone .featureNavigation {
        top: 50%
    }

    .features.product_overview .phone .featureNavigation a {
        width: 50px;
        height: 50px
    }

    .freitext {
        padding: 180px 0
    }

    .intro .text {
        margin-bottom: 30px
    }

    .intro .twoColumn>div:first-child .appLink img {
        height: 50px
    }

    .intro .twoColumn>div:first-child .appLink+a {
        margin-left: 13px
    }

    .prices-new table,
    .prices table {
        border-spacing: 18px 0;
        width: calc(100% + 36px);
        margin-left: -18px
    }

    .prices-new table td,
    .prices table td {
        padding-bottom: 14px;
        padding-top: 43px
    }

    .prices-new table+table,
    .prices table+table {
        margin-top: 43px
    }

    .prices-new .linkContainer,
    .prices .linkContainer {
        padding-top: 20px;
        padding-right: 40px
    }

    .faq .categories {
        margin-bottom: 55px
    }

    .faq .answers .text {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .faq form {
        padding-top: 80px
    }

    .faq form input {
        padding-bottom: 8px;
        margin-right: 20px;
        width: calc(100% - 52px)
    }

    .faq form button {
        font-size: 32px
    }

    .faq form .searchHits {
        padding-top: 35px
    }

    .contactForm form {
        margin-top: 95px
    }

    .contactForm form .mandatoryFields {
        margin-bottom: 40px
    }

    .contactForm form .lastRow {
        margin-top: 20px
    }

    .contactForm form .lastRow .feedBackHeads .radioWrapper+.radioWrapper {
        margin-left: 40px
    }

    .feedbackForm .defaultForm {
        margin-top: 0
    }

    .jobs .allJobs {
        padding-top: 70px
    }

    .jobs .allJobs .job+.job {
        padding-top: 90px
    }

    .jobs .jobNav a {
        margin: 0 15px
    }

    .blog .grid>.innerWrapper .colContainer {
        width: calc(100% + 20px);
        margin-left: -10px
    }

    .blog .grid>.innerWrapper .colContainer>div {
        padding: 10px
    }

    .blog .colorWrapper {
        padding: 30px 0
    }

    .blog .colorWrapper.transparent:first-child,
    .blog .colorWrapper.transparent+.transparent,
    .blog .colorWrapper.background-colorized+.background-colorized {
        padding-top: 0
    }

    .blog .colContainer {
        width: calc(100% + 20px);
        margin-left: -10px
    }

    .blog .colContainer>.col-1,
    .blog .colContainer>.col-2,
    .blog .colContainer>.col-3 {
        padding: 10px
    }

    .blog .blogDetail picture {
        margin-bottom: 64px
    }

    .blog .blogDetail .blogNav {
        margin-top: 64px
    }

    .blog .featured-flag .icon-featured {
        font-size: 100px
    }

    .in-zahlen {
        color: rgb(255, 255, 255);
        background-size: cover !important
    }

    .in-zahlen .twoColumn>div {
        width: 50%
    }

    .in-zahlen .number {
        display: block;
        font-weight: 600;
        font-size: 100px;
        line-height: 1.1;
        font-variant-numeric: tabular-nums
    }

    .in-zahlen .number-group+.number-group {
        margin-top: 72px
    }

    .green-solution .trees-planting {
        line-height: 1.1;
        font-weight: 300;
        font-size: 80px
    }

    .green-solution .trees-planting .icon-baum {
        font-size: .75em;
        margin-left: .1em
    }

    .green-features .features {
        padding-top: 65px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: -100px
    }

    .green-features .features .feature {
        padding: 0 20px;
        margin-top: 100px
    }

    .green-features .features .feature img {
        max-width: 125px;
        margin-bottom: 30px
    }

    .green-features .features .feature .dateline {
        margin-bottom: 20px
    }

    .green-features .features+.button-row {
        margin-top: 100px
    }

    .metal-features .features {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-top: -100px
    }

    .metal-features .features .feature {
        padding: 0 20px;
        margin-top: 100px
    }

    .metal-features .features .feature img {
        max-width: 125px;
        margin-bottom: 30px
    }

    .metal-features .features .feature .dateline {
        margin-bottom: 20px
    }

    .green-downloads .text+.app-links {
        margin-top: 30px
    }

    .green-downloads .appLink {
        display: block
    }

    .green-downloads .appLink img {
        height: 43px
    }

    .green-downloads .appLink+.appLink {
        margin-left: 15px
    }

    .sliderSection .contentWrapper {
        padding: 70px 80px
    }

    .sliderSection .contentWrapper p {
        font-size: 50px;
        line-height: 1.1;
        margin-bottom: .4em
    }

    .sliderSection .swiper-pagination {
        margin-top: 40px
    }
}

@media only screen and (min-width:1700px) {

    .product_overview .swiper-product-text,
    .product_overview .swiper-product-image,
    .product_overview .swiper-product-home-text,
    .product_overview .swiper-product-home-image {
        height: 900px !important
    }

    .product_overview .swiper-product-image img.iphoneProductAnimation {
        height: calc(100% - 111px);
        top: 57px;
        left: 44px
    }

    .product_overview .swiper-product-text .swiper-pagination,
    .product_overview .swiper-product-home-text .swiper-pagination {
        height: 900px !important;
        left: -125%
    }

    .product_overview .swiper-product-home-image img.iphoneProductAnimation {
        height: calc(100% + 28px);
        top: -4px;
        left: 1px
    }
}

@media (min-width:1051px) {
    .visible-l {
        display: block
    }

    .visible-m {
        display: none
    }

    .visible-s {
        display: none
    }

    .invisible-l {
        display: none
    }

    .invisible-m {
        display: block
    }

    .invisible-s {
        display: block
    }

    .intro {
        min-height: 700px;
        height: 100vh
    }
}

@media (min-width:751px) and (max-width:1050px) {
    .visible-l {
        display: none
    }

    .visible-m {
        display: block
    }

    .visible-s {
        display: none
    }

    .invisible-l {
        display: block
    }

    .invisible-m {
        display: none
    }

    .invisible-s {
        display: block
    }

    .openFeedback {
        display: none
    }

    .intro {
        min-height: 700px;
        height: 100vh
    }
}

@media only screen and (max-width:750px) {
    .visible-l {
        display: none
    }

    .visible-m {
        display: none
    }

    .visible-s {
        display: block
    }

    .invisible-l {
        display: block
    }

    .invisible-m {
        display: block
    }

    .invisible-s {
        display: none !important
    }

    .sideLink {
        position: static;
        text-align: right;
        display: block;
        margin-top: 4vw
    }

    .openFeedback {
        display: none
    }

    header .outerWrapper {
        align-items: center;
        position: relative
    }
    
    header .pageTitle {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    header .logo {
        position: relative;
        z-index: 100
    }

    header.transparent.open svg,
    header.transparent.open .burger.visible-s {
        color: #fff
    }

    header .langSwitch ul {
        padding: 0 !important
    }

    header .rightContent {
        color: #fff;
        z-index: 50;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        overflow-y: auto;
        padding-top: 16vw;
        padding-bottom: 16vw;
        padding-left: 4.6666666667vw;
        padding-right: 4.6666666667vw;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        background-color: #1D1D1D
    }

    header .rightContent .right-content-inner {
        min-height: 100%;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    header .rightContent nav {
        order: 1
    }

    header .rightContent nav>ul {
        flex-direction: column;
        align-items: center
    }

    header .rightContent nav>ul>li {
        text-align: center;
        margin-right: 0
    }

    header .rightContent nav>ul>li:hover a {
        color: rgb(255, 255, 255)
    }

    header .rightContent nav>ul>li:hover a::after {
        transform: none
    }

    header .rightContent nav>ul>li.opened a::after {
        transform: rotate(180deg)
    }

    header .rightContent nav>ul>li ul {
        padding: 0;
        padding-top: 6.6666666667vw;
        display: none;
        position: static;
        opacity: 1
    }

    header .rightContent nav>ul>li ul li:last-child {
        margin-bottom: 0
    }

    header .rightContent nav>ul ul li {
        text-align: center;
        margin-bottom: 2vw
    }

    header .rightContent ul a {
        font-size: 6.1333333333vw;
        padding: 0 !important
    }

    header .rightContent .theme-green,
    header .rightContent .theme-metal,
    header .rightContent .roundedButton {
        flex: 0 0 auto;
        order: 2
    }

    header .rightContent .langSwitch {
        order: 3;
        margin-right: 0
    }

    header .rightContent .langSwitch>li>a {
        font-family: "Galano Grotesque W05", Arial, sans-serif
    }

    header .rightContent .langSwitch>li>a::after {
        display: none !important
    }

    header .rightContent .langSwitch ul {
        position: static;
        pointer-events: all;
        display: inline-block;
        opacity: 1
    }

    header .rightContent .langSwitch ul li {
        display: inline-block;
        margin-left: 10.6666666667vw
    }

    header .rightContent nav>ul li,
    header .rightContent .roundedButton {
        margin-bottom: 6.6666666667vw
    }

    header .burger {
        padding: 10px;
        transform: translate3d(10px, 0, 0);
        position: relative;
        z-index: 100;
        -webkit-transition: opacity .5s, transform .3s;
        -moz-transition: opacity .5s, transform .3s;
        -o-transition: opacity .5s, transform .3s;
        transition: opacity .5s, transform .3s
    }

    header .burger>div {
        background-color: currentColor;
        width: 27px;
        height: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: color .3s, opacity .3s, transform .3s;
        -moz-transition: color .3s, opacity .3s, transform .3s;
        -o-transition: color .3s, opacity .3s, transform .3s;
        transition: color .3s, opacity .3s, transform .3s
    }

    header .burger>div+div {
        margin-top: 7px
    }

    header.open .rightContent {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    header.open .burger>div {
        color: rgb(255, 255, 255)
    }

    header.open .burger>div:nth-child(2) {
        opacity: 0;
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1)
    }

    header.open .burger>div:first-child {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }

    header.open .burger>div:last-child {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

    header nav ul ul {
        background-color: transparent
    }

    footer .upperFooter .logo {
        width: 100%;
        margin-top: 0
    }

    footer .upperFooter .logo+.logo {
        margin-top: 10.6666666667vw
    }

    footer .upperFooter .logo .logos {
        padding-top: 0;
        padding-left: 1em;
        padding-right: 1em
    }

    footer .upperFooter .logo .logos a {
        margin-top: 6.6666666667vw
    }

    footer .lowerFooter .innerWrapper:not(.gugu) {
        display: block
    }

    footer .lowerFooter .innerWrapper:not(.gugu)>* {
        width: 100%
    }

    footer .lowerFooter .innerWrapper:not(.gugu)>*+* {
        margin-top: 16vw
    }

    footer .lowerFooter .center .appLinks {
        justify-content: flex-start
    }

    footer .lowerFooter .center .appLinks a img {
        height: 11.4666666667vw
    }

    footer .lowerFooter .center .appLinks a:nth-child(odd) {
        margin-right: 6.6666666667vw
    }

    footer .lowerFooter .center .appLinks a:nth-child(n+3) {
        margin-top: 6.6666666667vw
    }

    footer .lowerFooter .right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    footer .lowerFooter .right>a {
        font-size: 9.0666666667vw
    }

    footer .lowerFooter .right>a+a {
        margin-left: 13.3333333333vw
    }

    footer .lowerFooter .right .newsletterForm {
        width: 100%;
        margin-bottom: 16vw;
        padding-bottom: 1.3333333333vw
    }

    footer .lowerFooter .right .newsletterForm button {
        font-size: 5.8666666667vw
    }

    footer #goToTop {
        font-size: 8vw;
        top: 5.3333333333vw;
        right: 3.3333333333vw
    }

    .twoColumn,
    .threeColumn,
    .fourColumn {
        display: flex;
        flex-direction: column
    }

    .twoColumn>div,
    .threeColumn>div,
    .fourColumn>div {
        width: 100% !important
    }

    .defaultForm {
        max-width: 100%
    }

    .defaultForm textarea {
        padding-top: 2vw;
        margin-top: 5.3333333333vw;
        line-height: 11.4666666667vw;
        height: 34.6666666667vw;
        background-attachment: local;
        background-image: repeating-linear-gradient(transparent -.1333333333vw, transparent 11.2vw, currentColor 11.2vw, currentColor calc(11.2vw + 1px));
        background-image: -ms-repeating-linear-gradient(90deg, transparent -1.3333333333vw, transparent 11.2vw, currentColor 11.2vw, currentColor calc(11.2vw + 1px))
    }

    .defaultForm .selectWrapper::before {
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }

    .defaultForm .mandatoryFields {
        margin-bottom: 10.6666666667vw !important
    }

    .defaultForm .lastRow {
        display: block;
        margin-top: 4.5333333333vw
    }

    .defaultForm .lastRow .feedBackHeads {
        justify-content: space-between
    }

    .defaultForm .lastRow .feedBackHeads>* {
        width: 25%;
        margin-left: 0 !important
    }

    .defaultForm .lastRow .feedBackHeads>*>img {
        width: 100%;
        height: auto
    }

    .defaultForm .lastRow button {
        margin-top: 10vw
    }

    [class*=eye-catcher] {
        padding: 2.4vw 2.1333333333vw;
        margin-bottom: 6vw
    }

    [class*=eye-catcher].eye-catcher-prices>.icon-medal {
        font-size: 13.3333333333vw;
        margin-right: .15em
    }

    [class*=eye-catcher].eye-catcher-prices>.content>* {
        font-size: 3.7333333333vw !important
    }

    .image-text,
    .text-image {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .image-text .twoColumn>div:first-child,
    .text-image .twoColumn>div:first-child {
        order: 2
    }

    .image-text .twoColumn>div:last-child,
    .text-image .twoColumn>div:last-child {
        order: 1;
        margin-bottom: 8vw
    }

    .image-text .roundedButton,
    .text-image .roundedButton {
        margin-top: 8vw
    }

    .image-text.card .twoColumn>div:last-child,
    .text-image.card .twoColumn>div:last-child {
        margin-bottom: 0
    }

    .freitext {
        position: relative
    }

    .faq .categories {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2.6666666667vw
    }

    .faq .categories>a {
        text-align: left;
        font-size: 4.2666666667vw;
        margin-bottom: 4.6666666667vw;
        padding: 0 .5rem 0 0
    }

    .faq .answers .answer h3 {
        font-size: 5.3333333333vw
    }

    .faq .answers .answer .text {
        padding-top: 3.3333333333vw;
        padding-bottom: 0
    }

    .faq .answers .answer+.answer h3 {
        margin-top: 5.3333333333vw
    }

    .faq form input {
        padding-bottom: 1.3333333333vw;
        margin-right: 7.4666666667vw;
        width: calc(100% - 13.8666666667vw)
    }

    .faq form button {
        font-size: 6.4vw
    }

    .faq form .searchHits {
        padding-top: 1.5em
    }

    .faq form .searchHits .hit+hit {
        padding-top: 1.5em !important
    }

    .faq form .icon-close {
        right: 13.8666666667vw !important;
        -webkit-transform: translateY(-10%);
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    .contactElements {
        flex-direction: column;
        align-items: center
    }

    .contactElements>* {
        width: 100%;
        margin-left: 0 !important
    }

    .contactElements>* [class*=icon-] {
        font-size: 17.3333333333vw
    }

    .contactElements>*.mail+* {
        margin-top: 24vw
    }

    .contactElements .bubble {
        width: 23.3333333333vw;
        height: 23.3333333333vw;
        font-size: 4.8vw
    }

    .prices-new table tr:first-child td,
    .prices table tr:first-child td {
        font-weight: 600;
        font-size: 1.15em;
        padding-bottom: 3.0666666667vw;
        padding-top: 0
    }

    .prices-new table tr:first-child td:last-child,
    .prices table tr:first-child td:last-child {
        display: none
    }

    .prices-new table td,
    .prices table td {
        width: 33.33333%;
        padding-top: 4.6666666667vw;
        padding-bottom: 3.3333333333vw;
        border-bottom: 1px solid currentColor
    }

    .prices-new table td:first-child,
    .prices table td:first-child {
        font-size: inherit;
        line-height: inherit
    }

    .prices-new table+table,
    .prices table+table {
        margin-top: 14.2666666667vw
    }

    .prices-new .prices-container {
        display: block
    }

    .prices-new .prices-container .swiper-container {
        overflow: visible
    }

    .prices-new .prices-container .swiper-container .swiper-slide {
        display: flex;
        flex-direction: column;
        max-width: none !important
    }

    .prices-new .prices-container .big-label,
    .prices-new .prices-container .label {
        height: auto !important
    }

    .prices-new .prices-container .big-label:nth-child(2),
    .prices-new .prices-container .label:nth-child(2) {
        order: 2
    }

    .prices-new .prices-container .big-label:nth-child(3),
    .prices-new .prices-container .label:nth-child(3) {
        order: 1
    }

    .prices-new .prices-container .big-label:nth-child(3)~*,
    .prices-new .prices-container .label:nth-child(3)~* {
        order: 3
    }

    .prices-new .prices-container .big-label.super.empty,
    .prices-new .prices-container .label.super.empty {
        display: none
    }

    .prices-new .prices-container b.big-label,
    .prices-new .prices-container b.label {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 1.111em
    }

    .prices-new .prices-container .pseudo-image,
    .prices-new .prices-container .img-wrapper {
        margin-bottom: 4vw;
        max-width: 100% !important
    }

    .prices-new .prices-container .swiper-container {
        width: 100%;
        flex: 1 0 100%
    }

    .prices-new .prices-container span.big-label {
        font-size: 6.2666666667vw !important;
        margin-bottom: 0
    }

    .prices-new .prices-container b.big-label {
        font-size: 6.2666666667vw !important;
        margin-bottom: 6.6666666667vw;
        padding-top: .25em
    }

    .prices-new .prices-container .big-label {
        margin-bottom: 6.6666666667vw;
        font-size: 6.2666666667vw !important
    }

    .prices-new .prices-container .big-label:not(:first-of-type) {
        margin-top: 6.6666666667vw
    }

    .prices-new .prices-container .empty {
        border: none
    }

    .team .teamImage>picture {
        width: 200%
    }

    .team .teamImage .scrollContainer {
        max-width: 100%;
        overflow-x: scroll
    }

    .team .teamImage .scrollContainer>picture {
        width: 200%
    }

    .team .teamImage>span {
        position: absolute;
        bottom: 2vw;
        font-size: 7.7333333333vw;
        display: block
    }

    .team .teamImage>span::before {
        display: block
    }

    .team .teamImage>span.icon-neon_pfeil_links {
        left: 4.6666666667vw
    }

    .team .teamImage>span.icon-neon_pfeil_rechts {
        right: 4.6666666667vw
    }

    .team .contactElements {
        margin-top: 10.6666666667vw;
        margin-bottom: 10.6666666667vw
    }

    .team .newsletterForm input {
        font-size: 6.6666666667vw
    }

    .team .newsletterForm button.icon-neon_pfeil_kurz {
        -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
        -moz-transform: translate3d(0, -50%, 0) rotate(180deg);
        -ms-transform: translate3d(0, -50%, 0) rotate(180deg);
        transform: translate3d(0, -50%, 0) rotate(180deg);
        font-size: 7.7333333333vw
    }

    .team .dateline {
        margin-bottom: 50px
    }

    .blog {
        padding-top: 0
    }

    .blog .blogCategories {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2.6666666667vw
    }

    .blog .blogCategories>a {
        display: block;
        text-align: left;
        font-size: 4.2666666667vw;
        margin-bottom: 4.6666666667vw;
        padding: 0 .5rem 0 0;
        margin-left: 0 !important;
        white-space: nowrap
    }

    .blog.blog-detail {
        padding-top: 0
    }

    .blog:not(.blog-detail) {
        padding-bottom: 0
    }

    .blog>article {
        padding-bottom: 0
    }

    .blog .col-1,
    .blog .col-2,
    .blog .col-3 {
        width: 100%
    }

    .blog .col-1+*,
    .blog .col-2+*,
    .blog .col-3+* {
        margin-top: 5.3333333333vw
    }

    .blog .featured-flag .icon-featured {
        font-size: 23.3333333333vw
    }

    .jobs .roundedButton,
    .jobs .jobNav {
        margin-top: 8vw
    }

    .jobs .jobNav a {
        margin: 0 4vw
    }

    .jobs .jobNav .socialIcons .activeIcons {
        top: 170% !important
    }

    .voucher article.threeColumn.innerWrapper.title {
        padding-bottom: 0
    }

    .roadmap #roadmap .icon-neon_pfeil_rechts,
    .roadmap #roadmap .icon-neon_pfeil_links {
        font-size: 15vw
    }

    .sliderSection #slider .swiper-slide,
    .sliderSection .defaultSwiper .swiper-slide {
        display: flex;
        flex-direction: column;
        height: auto
    }

    .sliderSection #slider .swiper-slide .contentWrapper,
    .sliderSection .defaultSwiper .swiper-slide .contentWrapper {
        flex: 1;
        opacity: 1 !important;
        display: flex !important;
        flex-direction: column;
        position: static;
        width: 100%;
        padding: 0 !important;
        margin-top: 3.3333333333vw
    }

    .sliderSection #slider .swiper-slide .contentWrapper p,
    .sliderSection .defaultSwiper .swiper-slide .contentWrapper p {
        margin-bottom: 3.3333333333vw;
        text-shadow: none;
        font-weight: 400;
        color: #1D1D1D
    }

    .features article>div {
        height: auto !important
    }

    .features article>div:not(.phone) {
        width: 100% !important;
        min-height: 0
    }

    .features article>div:not(.phone) .mockup {
        width: 63%;
        margin: 0 auto;
        position: relative;
        margin-bottom: 5.3333333333vw
    }

    .features article>div:not(.phone) .mockup picture {
        z-index: 1
    }

    .features article>div:not(.phone) .mockup picture:first-child {
        z-index: 2;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        position: relative !important;
        width: 100% !important
    }

    .features article>div:not(.phone) .mockup picture:last-child {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 84%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        overflow: hidden
    }

    .features .mockup picture:last-child {
        width: 100%
    }

    .features.product_overview .mockup picture:last-child {
        width: 82.3% !important
    }

    .features.product_overview article>div:not(.phone) {
        padding-left: 15.3333333333vw
    }

    .features .phone.phone.phone {
        width: auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        left: 4.6666666667vw
    }

    .features .phone.phone.phone .featureNavigation {
        position: static;
        -webkit-transform: translate3d(0, 10%, 0);
        -moz-transform: translate3d(0, 10%, 0);
        -ms-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    .features .phone.phone.phone .featureNavigation a {
        width: 10.6666666667vw;
        height: 10.6666666667vw
    }

    .features .phone.phone.phone>picture {
        display: none !important
    }

    .features .phone.phone.phone.fixed {
        left: 4.6666666667vw;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .features.nophone article>div:not(.phone) .mockup {
        width: 50%
    }

    .metal-features .features .feature,
    .green-features .features .feature {
        width: 100%;
        flex: 0 0 100%;
        display: flex
    }

    .metal-features .features .feature img,
    .green-features .features .feature img {
        margin-bottom: 0;
        margin-right: 5.3333333333vw
    }

    .metal-features .features .feature .dateline,
    .green-features .features .feature .dateline {
        margin-bottom: 2.6666666667vw
    }

    .metal-features .button-row .button-group,
    .green-features .button-row .button-group {
        flex-direction: column
    }

    .metal-features .button-row .button-group .roundedButton+.roundedButton,
    .green-features .button-row .button-group .roundedButton+.roundedButton {
        margin-top: 1em
    }

    .metal-features .button-row .button-group .roundedButton,
    .green-features .button-row .button-group .roundedButton {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .green-downloads .app-links img {
        height: 11.0666666667vw
    }

    .green-partner .twoColumn {
        flex-direction: column-reverse
    }

    .green-partner .twoColumn>div:first-child {
        margin-top: 1.5em
    }

    .theme-metal footer .lowerFooter .center .appLinks {
        display: none
    }
}

@media only screen and (max-width:750px) and (orientation:landscape) {
    .visible-l {
        display: none
    }

    .visible-m {
        display: none
    }

    .visible-s {
        display: block
    }

    .invisible-l {
        display: block
    }

    .invisible-m {
        display: block
    }

    .invisible-s {
        display: none !important
    }

    #headerPush {
        opacity: 0;
        height: 15.3333333333vw
    }

    header {
        padding-top: 2.6666666667vw;
        padding-bottom: 2.6666666667vw
    }

    header a:not(.roundedButton) {
        font-size: 3.6266666667vw !important
    }

    header a.roundedButton {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        margin-top: 0.4em !important;
        margin-bottom: 0.2em !important
    }

    header .logo svg {
        width: 10vw;
        height: 10vw
    }

    header .rightContent {
        justify-content: flex-end;
        padding-bottom: 4.6666666667vw
    }

    header .rightContent nav {
        width: 100%
    }

    header sup {
        font-size: .7em;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    header .rightContent nav>ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end;
        justify-content: space-between
    }

    header .rightContent nav>ul>li>ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end
    }

    header .rightContent nav>ul li,
    header .rightContent nav>ul a {
        margin-bottom: 0 !important
    }

    header .rightContent nav>ul li {
        margin-left: 1.6em
    }

    header .rightContent nav>ul li:first-child {
        margin-left: 0
    }
}

@media print {

    html,
    input,
    textarea,
    select,
    button {
        font-size: 18px;
        line-height: 1.44;
        color: #1D1D1D
    }

    h1,
    h2,
    h3 {
        font-size: 36px;
        line-height: 1.25;
        margin-bottom: 21px
    }

    .roundedButton {
        display: none !important
    }

    @page {
        margin: 1in .5in .5in
    }

    p,
    li,
    pre,
    figure,
    blockquote {
        page-break-inside: avoid
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        page-break-after: avoid
    }

    body,
    html {
        display: block;
        height: auto !important;
        overflow: visible !important
    }

    footer {
        display: none !important
    }

    body {
        position: static !important
    }

    body main {
        height: auto !important;
        min-height: 0 !important
    }

    body section {
        height: auto !important;
        min-height: 0 !important
    }

    body section article::before,
    body section article::after {
        display: none !important
    }

    body section .fp-bg {
        position: static !important;
        height: auto !important;
        min-height: 0 !important
    }

    #headerPush,
    .openFeedback {
        display: none !important
    }

    header {
        padding: 0 !important;
        margin: 0;
        margin-bottom: 2em;
        position: static
    }

    header::before,
    header::after {
        display: none !important
    }

    header .outerWrapper {
        position: static !important;
        display: block
    }

    header .outerWrapper>*:not(.logo) {
        display: none
    }

    header .outerWrapper .logo {
        display: block;
        width: 100px;
        height: 100px
    }

    header .outerWrapper .logo>svg {
        display: block;
        width: 100px;
        height: 100px
    }

}

.js-marquee-wrapper {
    animation-duration: 20s !important
}

.flex-spreader {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%
}

.flex-spreader2 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%
}

.flex-break {
    flex: 1 0 100%;
    height: 0
}

.storeLink {
    position: relative;
    display: inline-block;
    width: 240px;
    height: 80px;
    border-radius: 16px;
    overflow: hidden;
    background-color: transparent;
}
.storeLink > img {
    --width: 100%;
    position: absolute;
    width: var(--width);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}