body.ce-header--transparent header#masthead {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

body.ce-header--transparent:not(.elementor-editor-active) header#masthead {
    z-index: 9999
}

body.ce-footer--transparent footer#colophon {
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999
}

@media(min-width:768px) {
    body.ce-footer--transparent footer#colophon {
        position: fixed
    }

    body.ce-footer--transparent footer#colophon .elementor-element {
        background-color: transparent
    }
}

body.ce-footer--transparent footer#colophon ul {
    margin: 0;
    padding: 0
}

body.ce-footer--transparent footer#colophon ul li {
    display: inline-block;
    padding: 0 10px
}

@media(min-width:768px) {
    body.ce-footer--transparent footer#colophon ul li {
        padding: 0 20px
    }
}

body.ce-footer--transparent footer#colophon ul li:last-child {
    padding-right: 0
}

body.ce-footer--transparent footer#colophon ul li:first-child {
    padding-left: 0
}

.bce-hidden {
    display: none
}

@media(min-width:1024px) {
    .sticky-text.elementor-widget {
        position: sticky;
        top: 50%
    }
}

.left-aligned-counter .elementor-counter .elementor-counter-number-prefix,
.left-aligned-counter .elementor-counter .elementor-counter-number-suffix {
    flex-grow: unset
}

.gallery.gallery-columns-6.gallery-size-full figure {
    width: calc(100%/6)
}

.ce-horizontal-scroll-text {
    z-index: 9999;
    position: fixed;
    right: 75px;
    bottom: 20px;
    display: flex;
    align-items: center
}

.ce-horizontal-scroll-text span {
    margin-right: 16px;
    margin-top: 7px;
    font-weight: 600
}

.footer_shop_2 .tagcloud a {
    background: #fff
}

.footer_shop_2 .mc4wp-form .mc4wp-form-fields input[type=email] {
    background: #fff !important
}

.shop_carousel_1 {
    position: relative
}

.shop_carousel_1 .ce-products-carousel .ce-products-carousel-controls {
    position: absolute;
    margin-top: 0;
    right: 20%;
    top: -36px
}

.ce-cycle-heading .ce-heading {
    font-family: Circular
}

.ce-cycle-heading .ce-heading .first-line {
    position: relative;
    font-size: 32px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -.04em
}

@media(min-width:992px) {
    .ce-cycle-heading .ce-heading .first-line {
        font-size: 120px;
        line-height: 100px
    }
}

.ce-cycle-heading .ce-heading .first-line .ul-wrapper {
    overflow: hidden;
    height: 120px;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    padding-left: 40px
}

@media(min-width:992px) {
    .ce-cycle-heading .ce-heading .first-line .ul-wrapper {
        padding-left: 135px
    }
}

.ce-cycle-heading .ce-heading .first-line ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-style: italic;
    font-family: eb garamond;
    position: relative;
    top: -50px;
    letter-spacing: -.04em;
    font-weight: 400;
    list-style: none
}

@media(min-width:992px) {
    .ce-cycle-heading .ce-heading .first-line ul {
        -webkit-animation-name: change;
        -webkit-animation-duration: 64s;
        -webkit-animation-iteration-count: infinite;
        animation-name: change;
        animation-duration: 64s;
        animation-iteration-count: infinite
    }
}

.ce-cycle-heading .ce-heading .first-line ul li {
    position: relative;
    list-style: none;
    padding-top: 50px;
    padding-bottom: 50px
}

.ce-cycle-heading .ce-heading .first-line ul li.active {
    width: 100%
}

.ce-cycle-heading .ce-heading .second-line {
    position: relative;
    height: 100px;
    font-size: 32px;
    line-height: 48px;
    font-family: Circular;
    font-weight: 500;
    letter-spacing: -.04em
}

@media(min-width:992px) {
    .ce-cycle-heading .ce-heading .second-line {
        font-size: 96px;
        line-height: 100px
    }
}

.ce-cycle-heading .ce-heading .second-line .ul-wrapper {
    overflow: hidden;
    height: 120px;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    padding-left: 0
}

.ce-cycle-heading .ce-heading .second-line ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -50px;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 64s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 64s;
    animation-iteration-count: infinite
}

.ce-cycle-heading .ce-heading .second-line ul li {
    position: relative;
    list-style: none;
    padding-top: 50px;
    padding-bottom: 50px
}

.ce-cycle-heading .ce-heading .second-line ul li.active {
    width: 100%
}

@keyframes change {

    0%,
    3% {
        transform: translate3d(0, 0, 0)
    }

    4%,
    9% {
        transform: translate3d(0, -200px, 0)
    }

    10%,
    14% {
        transform: translate3d(0, -400px, 0)
    }

    15%,
    19% {
        transform: translate3d(0, -600px, 0)
    }

    20%,
    24% {
        transform: translate3d(0, -800px, 0)
    }

    25%,
    29% {
        transform: translate3d(0, -1000px, 0)
    }

    30%,
    34% {
        transform: translate3d(0, -1200px, 0)
    }

    35%,
    39% {
        transform: translate3d(0, -1400px, 0)
    }

    40%,
    44% {
        transform: translate3d(0, -1600px, 0)
    }

    45%,
    49% {
        transform: translate3d(0, -1800px, 0)
    }

    50%,
    54% {
        transform: translate3d(0, -2000px, 0)
    }

    55%,
    59% {
        transform: translate3d(0, -1800px, 0)
    }

    60%,
    64% {
        transform: translate3d(0, -1600px, 0)
    }

    65%,
    69% {
        transform: translate3d(0, -1400px, 0)
    }

    70%,
    74% {
        transform: translate3d(0, -1200px, 0)
    }

    75%,
    79% {
        transform: translate3d(0, -1000px, 0)
    }

    80%,
    84% {
        transform: translate3d(0, -800px, 0)
    }

    85%,
    89% {
        transform: translate3d(0, -600px, 0)
    }

    90%,
    94% {
        transform: translate3d(0, -400px, 0)
    }

    95%,
    99% {
        transform: translate3d(0, -200px, 0)
    }
}