/* MARQUEE CSS */
.pix-marquee {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: visible;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    --offset: 20vw;
    --move-initial: 0%;
    --move-final: -100%;
    --marquee-speed: 10s;
    --marquee-item-padding: 4vw;
    padding-bottom: 200px;
    margin-bottom: -200px;
    padding-top: 200px;
    margin-top: -200px;
    display: inline-block;
    pointer-events: none
}

.pix-marquee .marquee__inner {
    pointer-events: auto;
    width: fit-content;
    display: flex;
    position: relative;
    will-change: transform;
    align-items: center;
    animation-fill-mode: both;
    backface-visibility: hidden
}

.pix-marquee .marquee__inner.pix-reversed {
    animation-direction: reverse
}

.pix-marquee .marquee__inner .pix-marquee-item {
    padding: 0 var(--marquee-item-padding);
    white-space: nowrap;
    display: block;
    align-items: center
}

.pix-marquee .marquee__inner .pix-marquee-item img {
    max-width: initial;
    display: inline-block
}

.pix-marquee .marquee__inner .pix-marquee-item.pix-text-image {
    background: #333;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.pix-marquee .marquee__inner .pix-marquee-item.text-gradient-primary {
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.pix-marquee .marquee__inner .pix-marquee-item svg {
    width: auto;
    backface-visibility: hidden
}

.pix-marquee .marquee__inner .pix-marquee-item.el-content_custom_color svg circle,
.pix-marquee .marquee__inner .pix-marquee-item.el-content_custom_color svg path,
.pix-marquee .marquee__inner .pix-marquee-item.el-content_custom_color svg polygon,
.pix-marquee .marquee__inner .pix-marquee-item.el-content_custom_color svg rect {
    fill: currentColor !important
}

.pix-marquee.pix-gray-effect .pix-marquee-item {
    filter: grayscale(1);
    will-change: filter
}

.pix-marquee.pix-gray-effect.pix-colored-hover .pix-marquee-item {
    transition: all .5s cubic-bezier(.19, .29, .32, .99) !important
}

.pix-marquee.pix-gray-effect.pix-colored-hover .pix-marquee-item:hover {
    filter: grayscale(0)
}

.pix-marquee.pix-pause-hover .marquee__inner:hover {
    animation-play-state: paused
}

.pix-marquee.pix-vertical {
    height: 100%;
    white-space: normal;
    overflow: visible;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

.pix-marquee.pix-vertical .marquee__inner {
    flex-direction: column;
    height: fit-content;
    width: 100%
}

.pix-marquee.pix-vertical .pix-marquee-item {
    padding: var(--marquee-item-padding) 0 !important;
    white-space: normal;
    width: 100%;
    text-align: center
}

.pix-marquee.pix-vertical img {
    max-width: 100% !important
}

.pix-marquee img.rounded-circle {
    aspect-ratio: 1
}

.elementor-widget-container:has(.pix-vertical),
.wpb_wrapper:has(.pix-vertical) {
    overflow-x: visible;
    overflow-y: hidden
}

.pix-marquee-element:has(.pix-vertical) {
    height: 100%
}

.rtl .pix-marquee {
    --move-final: 100% !important
}

@keyframes pixMarquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0)
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0)
    }
}

.pix-is-safari .pix-marquee .pix-marquee-item.text-gradient-primary.pix-text-image {
    display: inline-block !important;
    vertical-align: middle
}

/* SLIDING TEXT / ANIMATED HEADING CSS */
.pix-headline ::after,
.pix-headline ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pix-headline {
    display: inline-block
}

.pix-headline * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pix-headline>span:last-child {
    transition: none !important
}

.pix-words-wrapper {
    display: inline-block !important;
    position: relative;
    text-align: left;
    overflow: visible;
    height: 100%;
    margin: 0;
    top: 0
}

.pix-words-wrapper span {
    display: inline;
    position: absolute;
    white-space: nowrap;
    overflow: visible;
    left: 0;
    top: 0
}

.pix-words-wrapper span.is-visible {
    position: relative
}

.pix-words-wrapper:not(.is-last) {
    transition: width .4s cubic-bezier(.165, .84, .44, 1) !important
}

.pix-words-wrapper:not(.is-last) span {
    transition: width .4s cubic-bezier(.165, .84, .44, 1)
}

.no-js .pix-words-wrapper span {
    opacity: 0
}

.no-js .pix-words-wrapper span.is-visible {
    opacity: 1
}

.pix-headline.rotate-1 .pix-words-wrapper {
    perspective: 300px;
    transition: width .2s cubic-bezier(.165, .84, .44, 1);
    transition-delay: 0.5s
}

.pix-headline.rotate-1 .pix-words-wrapper span {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: rotateX(180deg)
}

.pix-headline.rotate-1 .pix-words-wrapper span.is-visible {
    opacity: 1;
    transform: rotateX(0);
    animation: pix-rotate-1-in 1.2s
}

.pix-headline.rotate-1 .pix-words-wrapper span.is-hidden {
    transform: rotateX(180deg);
    animation: pix-rotate-1-out 1.2s
}

@keyframes pix-rotate-1-in {
    0% {
        transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        transform: rotateX(360deg);
        opacity: 1
    }
}

@keyframes pix-rotate-1-out {
    0% {
        transform: rotateX(0);
        opacity: 1
    }

    35% {
        transform: rotateX(-20deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        transform: rotateX(180deg);
        opacity: 0
    }
}

.pix-headline.type .pix-words-wrapper {
    vertical-align: middle;
    overflow: hidden
}

.pix-headline.type .pix-words-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9
}

.pix-headline.type .pix-words-wrapper.waiting::after {
    animation: pix-pulse 1s infinite
}

.pix-headline.type .pix-words-wrapper.selected {
    background-color: #aebcb9
}

.pix-headline.type .pix-words-wrapper.selected::after {
    visibility: hidden
}

.pix-headline.type .pix-words-wrapper.selected span {
    color: #0d0d0d
}

.pix-headline.type .pix-words-wrapper span {
    visibility: hidden
}

.pix-headline.type .pix-words-wrapper span.is-visible {
    visibility: visible
}

@keyframes pix-pulse {
    0% {
        transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

.pix-headline.rotate-2 .pix-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.pix-headline.rotate-2 em,
.pix-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pix-headline.rotate-2 b {
    opacity: 0
}

.pix-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .pix-headline.rotate-2 i {
    opacity: 1
}

.pix-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .4s forwards;
    -moz-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards
}

.pix-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .4s forwards;
    -moz-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards
}

.pix-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .pix-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .pix-headline.rotate-2 i em {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.no-csstransitions .pix-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.pix-headline.loading-bar>span {
    display: inline
}

.pix-headline.loading-bar .pix-words-wrapper {
    overflow: hidden;
    vertical-align: top;
    padding-bottom: 3px
}

.pix-headline.loading-bar .pix-words-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    z-index: 2;
    opacity: 0;
    transition: width opacity .3s -.1s
}

.pix-headline.loading-bar .pix-words-wrapper .pix-bar {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 95% !important;
    bottom: 0;
    height: 3px;
    width: 0;
    z-index: 2;
    opacity: 0;
    transition: width opacity .3s -.1s;
    -webkit-background-clip: unset !important
}

.pix-headline.loading-bar .pix-words-wrapper.is-loading::after {
    width: 100%;
    opacity: 1;
    transition: width 3s
}

.pix-headline.loading-bar .pix-words-wrapper.is-loading .pix-bar {
    width: 100%;
    opacity: 1;
    transition: width 3s
}

.pix-headline.loading-bar .pix-words-wrapper span {
    opacity: 0;
    transition: opacity .6s
}

.pix-headline.loading-bar .pix-words-wrapper span.is-visible {
    opacity: 1;
    top: 0
}

.pix-headline.slide>span {
    display: inline
}

.pix-headline.slide .pix-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.pix-headline.slide .pix-words-wrapper span {
    opacity: 0
}

.pix-headline.slide span.is-visible {
    top: 0;
    opacity: 1;
    animation: slide-in .4s
}

.pix-headline.slide span.is-hidden {
    animation: slide-out .4s
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        transform: translateY(10%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        transform: translateY(110%)
    }

    100% {
        opacity: 0;
        transform: translateY(100%)
    }
}

.pix-headline.slide-inverse .pix-words-wrapper span {
    opacity: 0
}

.pix-headline.slide-inverse span.is-visible {
    top: 0;
    opacity: 1;
    animation: slide-inverse-in .4s
}

.pix-headline.slide-inverse span.is-hidden {
    animation: slide-inverse-out .4s
}

@keyframes slide-inverse-in {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    60% {
        opacity: 1;
        transform: translateY(-10%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-inverse-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: 0;
        width: 0%;
        transform: translateY(-10%)
    }
}

.pix-headline.clip span {
    display: inline;
    padding: .2em 0
}

.pix-headline.clip .pix-words-wrapper {
    overflow: hidden;
    vertical-align: top;
    transition: all .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-headline.clip .pix-words-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9
}

.pix-headline.clip b {
    opacity: 0
}

.pix-headline.clip b.is-visible {
    opacity: 1
}

.pix-headline.zoom>span {
    display: inline
}

.pix-headline.zoom .pix-words-wrapper {
    perspective: 300px
}

.pix-headline.zoom .pix-words-wrapper span {
    opacity: 0
}

.pix-headline.zoom .pix-words-wrapper span.is-visible {
    opacity: 1;
    animation: zoom-in .8s
}

.pix-headline.zoom .pix-words-wrapper span.is-hidden {
    animation: zoom-out .8s
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    100% {
        opacity: 0;
        transform: translateZ(-100px)
    }
}

.pix-headline.rotate-3 .pix-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.pix-headline.rotate-3 b {
    opacity: 0
}

.pix-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.is-visible .pix-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.pix-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in .6s forwards;
    -moz-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards
}

.pix-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out .6s forwards;
    -moz-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards
}

.no-csstransitions .pix-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.no-csstransitions .pix-headline.rotate-3 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg)
    }

    100% {
        -moz-transform: rotateY(0)
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg)
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0)
    }

    100% {
        -moz-transform: rotateY(-180deg)
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.pix-headline.scale b {
    opacity: 0
}

.pix-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.is-visible .pix-headline.scale i {
    opacity: 1
}

.pix-headline.scale i.in {
    -webkit-animation: scale-up .6s forwards;
    -moz-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards
}

.pix-headline.scale i.out {
    -webkit-animation: scale-down .6s forwards;
    -moz-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards
}

.no-csstransitions .pix-headline.scale i {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 0
}

.no-csstransitions .pix-headline.scale .is-visible i {
    opacity: 1
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    60% {
        -moz-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1
    }

    60% {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

/* VIDEO CSS */
.pix-video {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.pix-video .video-bg {
    position: absolute;
    max-width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1)
}

.pix-video .video-play-btn {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    cursor: pointer;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-video iframe,
.pix-video video {
    opacity: 0
}

.pix-video.video-active {
    background: #000
}

.pix-video.video-active .video-bg {
    opacity: 0;
    background: #000
}

.pix-video.video-active .video-play-btn {
    opacity: 0;
    pointer-events: none
}

.pix-video.video-active iframe,
.pix-video.video-active video {
    opacity: 1
}

.pix-video.video-start .video-bg,
.pix-video.video-start .video-play-btn {
    display: none
}

.elementor-widget-pix-video {
    width: 100%
}

/* ALERT CSS (BADGES) */
.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 0 solid transparent;
    border-radius: 2px
}

.alert .close {
    background: initial;
    border: none
}

.alert .alert-text-alert-default,
.alert .close {
    color: inherit
}

.alert .alert-text-alert-default:focus,
.alert .close:focus {
    outline: 0
}

@media (max-width:576px) {
    .alert .close {
        float: none;
        width: 100%
    }
}

.alert-link {
    font-weight: 700
}

.alert-success {
    color: #1b722f;
    background-color: #d4edda;
    border-color: #155724
}

.alert-success hr {
    border-top-color: #10421c
}

.alert-success .alert-link {
    color: #11491e
}

.alert-info {
    color: #106e7d;
    background-color: #d1ecf1;
    border-color: #0c5460
}

.alert-info hr {
    border-top-color: #094049
}

.alert-info .alert-link {
    color: #0a4650
}

.alert-warning {
    color: #ad8305;
    background-color: #fff3cd;
    border-color: #856404
}

.alert-warning hr {
    border-top-color: #6c5103
}

.alert-warning .alert-link {
    color: #7b5d04
}

.alert-danger {
    color: #96242f;
    background-color: #f8d7da;
    border-color: #721c24
}

.alert-danger hr {
    border-top-color: #5e171e
}

.alert-danger .alert-link {
    color: #6d1a22
}

.alert-light {
    color: #a9a9aa;
    background-color: #fefefe;
    border-color: #818182
}

.alert-light hr {
    border-top-color: #747475
}

.alert-light .alert-link {
    color: #8f8f91
}

.alert-dark {
    color: #23272c;
    background-color: #d6d8d9;
    border-color: #1b1e21
}

.alert-dark hr {
    border-top-color: #101113
}

.alert-dark .alert-link {
    color: #0c0e10
}

/* SLIDER CSS */
:root {
    --swiper-theme-color: var(--pix-primary, #007aff)
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    width: 100%
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

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

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

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.pixfort-slider-pagination-container {
    display: flex;
    --pix-slider-pagination-spacing: 30px;
    margin-top: var(--pix-slider-pagination-spacing);
    justify-content: center
}

.pixfort-slider-pagination-container.pix-dots-pix-dots-left {
    justify-content: flex-start
}

.pixfort-slider-pagination-container.pix-dots-pix-dots-right {
    justify-content: flex-end
}

.light-dots .pixfort-slider-pagination {
    --swiper-pagination-color: var(--pix-white);
    --swiper-pagination-bullet-inactive-color: var(--pix-white)
}

.pixfort-slider-pagination {
    --swiper-pagination-color: var(--pix-heading-default, var(--swiper-theme-color));
    --swiper-pagination-bullet-inactive-color: var(--pix-heading-default, var(--swiper-theme-color));
    --swiper-pagination-bullet-inactive-opacity: 0.4;
    --swiper-pagination-bullet-opacity: 0.6;
    --swiper-pagination-bullet-size: 7px;
    --swiper-pagination-bullet-horizontal-gap: 12px;
    position: relative;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    display: inline-flex;
    width: auto !important;
    gap: var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

.pixfort-slider-pagination-bullets.swiper-pagination-horizontal,
.swiper-horizontal>.pixfort-slider-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100%
}

.pixfort-slider-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    transition: all .3s ease
}

.swiper-pagination-bulletbutton {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    width: 20px;
    border-radius: 3.5px
}

.swiper-pagination-vertical.pixfort-slider-pagination-bullets,
.swiper-vertical>.pixfort-slider-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.pixfort-slider-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.pixfort-slider-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.pixfort-slider-pagination-bullets.pixfort-slider-pagination-bullets-dynamic,
.swiper-vertical>.pixfort-slider-pagination-bullets.pixfort-slider-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

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

.swiper-horizontal>.pixfort-slider-pagination-bullets.pixfort-slider-pagination-bullets-dynamic,
.swiper-pagination-horizontal.pixfort-slider-pagination-bullets.pixfort-slider-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.pixfort-slider-pagination-bullets.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.pixfort-slider-pagination-bullets.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.pixfort-slider-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

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

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

.swiper-pagination-lock {
    display: none
}

.pixfort-button-next,
.pixfort-button-prev {
    --pix-slider-nav-spacing: 80px;
    --pix-slider-nav-color: var(--pix-dark-opacity-3, #e0e0e0);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid var(--pix-slider-nav-color, #e0e0e0);
    color: var(--pix-slider-nav-color, #e0e0e0);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

.pixfort-button-next:hover:not(.swiper-button-disabled),
.pixfort-button-prev:hover:not(.swiper-button-disabled) {
    opacity: .8
}

.pixfort-button-next path,
.pixfort-button-prev path {
    fill: currentColor
}

.pixfort-button-prev {
    left: calc(var(--pix-slider-nav-spacing) * -1) !important
}

.pixfort-button-next {
    right: calc(var(--pix-slider-nav-spacing) * -1) !important
}

.swiper-button-disabled {
    opacity: 0
}

.light-dots .pixfort-button-next,
.light-dots .pixfort-button-prev {
    border: 2px solid var(--pix-light-opacity-3, #e0e0e0);
    color: var(--pix-light-opacity-3, #e0e0e0)
}

.pix-overflow-all-visible {
    overflow: visible !important
}

.pix-circular-left .swiper-wrapper .swiper-slide,
.pix-circular-right .swiper-wrapper .swiper-slide,
.pix-circular-slider .swiper-wrapper .swiper-slide {
    perspective: 400px
}

.pix-circular-left .swiper-wrapper .swiper-slide .pixfort-slide-inner,
.pix-circular-right .swiper-wrapper .swiper-slide .pixfort-slide-inner,
.pix-circular-slider .swiper-wrapper .swiper-slide .pixfort-slide-inner {
    transform-style: preserve-3d;
    will-change: transform, opacity
}

/* CAROUSEL-2 CSS */
.pixfort-slider-element .pixfort-slide-inner {
    overflow: hidden
}

.pixfort-slider-element.thumbs-basic .pix-slider-thumbnails .pixfort-slide-inner {
    cursor: pointer;
    height: 150px
}

.pixfort-slider-element.thumbs-basic .pix-slider-thumbnails .pixfort-slide-inner img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.pixfort-slider-element.thumbs-basic .pix-slider-thumbnails .swiper-slide img {
    opacity: .5;
    transition: var(--transition-base)
}

.pixfort-slider-element.thumbs-basic .pix-slider-thumbnails .swiper-slide.swiper-slide-thumb-active img,
.pixfort-slider-element.thumbs-basic .pix-slider-thumbnails .swiper-slide:hover img {
    opacity: 1
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails {
    display: flex;
    overflow: visible;
    transform: translateY(-50%)
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .swiper-wrapper {
    display: inline-flex;
    width: auto
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .swiper-slide {
    width: auto
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .swiper-slide img {
    opacity: .5;
    transition: var(--transition-base)
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .swiper-slide.swiper-slide-thumb-active img,
.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .swiper-slide:hover img {
    opacity: 1
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .pixfort-slide-inner {
    overflow: visible
}

.pixfort-slider-element.thumbs-circles .pix-slider-thumbnails .circle-thumb-inner {
    background: #000;
    display: inline-block;
    line-height: 100%;
    height: 80px;
    width: 80px;
    border-radius: 100%
}

.pixfort-slider-element .pixfort-slider-circle-thumb {
    border-radius: 100%;
    cursor: pointer;
    padding: 2px
}

.pixfort-slider-element .pixfort-slider-circle-thumb img {
    aspect-ratio: 1/1;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 3px solid #fff;
    transition: var(--transition-base)
}

.thumbs-circles .pixfort-swiper-thumbs {
    height: 40px
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.flickity-resize .carousel-cell {
    min-height: 100%
}

.carousel-cell {
    width: 100%
}

.pix-fix-x {
    margin-left: -10px;
    margin-right: -10px
}

.pix-blog-overflow-visible .flickity-viewport {
    overflow: visible !important
}

.pix-overflow-y-visible {
    overflow-y: visible;
    padding-bottom: 50px;
    margin-bottom: -50px;
    padding-top: 50px;
    margin-top: -50px
}

.pix-overflow-y-visible .flickity-viewport {
    pointer-events: all;
    overflow-y: visible !important;
    overflow-x: clip !important
}

.pix-overflow-all-visible {
    overflow: visible !important
}

.pix-overflow-all-visible .flickity-viewport {
    overflow: visible !important
}

.pix-slider-2 .carousel-cell {
    width: 50%;
    position: relative
}

.pix-slider-full .flickity-page-dots {
    text-align: left;
    display: flex;
    bottom: 0
}

.pix-slider-full .flickity-page-dots .dot {
    height: 6px;
    width: 40px;
    margin: 0;
    border-radius: 0;
    flex-basis: 100%;
    text-align: center;
    opacity: .3;
    background: var(--pix-gradient-primary) fixed
}

.pix-slider-full .flickity-page-dots .dot.is-selected {
    opacity: .6
}

.pix-slider-full.no-dots .dot {
    display: none !important
}

.pix-slider-single .carousel-cell {
    width: 100%;
    padding: 0
}

.pix-slider-nav {
    margin-top: 30px
}

.pix-slider-nav .carousel-cell {
    width: 33.33%;
    text-align: center;
    opacity: .5;
    transition: var(--transition-base)
}

.pix-slider-nav .carousel-cell.is-nav-selected,
.pix-slider-nav .carousel-cell:hover {
    opacity: 1;
    cursor: pointer
}

.pix-slider-nav-full .carousel-cell {
    width: 33.33%;
    text-align: center;
    height: 150px;
    padding: 0;
    opacity: .5;
    transition: var(--transition-base)
}

.pix-slider-nav-full .carousel-cell img {
    object-fit: cover;
    object-position: 50% 100%;
    height: 200px;
    width: 100%;
    transition: var(--transition-base)
}

.pix-slider-nav-full .carousel-cell.is-nav-selected,
.pix-slider-nav-full .carousel-cell:hover {
    opacity: 1;
    cursor: pointer
}

.pix-slider-nav-full.pix-style-2 .flickity-viewport {
    height: 120px !important;
    padding: 20px;
    margin-top: -60px;
    overflow: visible
}

.pix-slider-nav-full.pix-style-2 .carousel-cell {
    width: 100px;
    text-align: center;
    height: 80px;
    padding: 0;
    opacity: 1;
    z-index: 999999999;
    transition: var(--transition-base)
}

.pix-slider-nav-full.pix-style-2 .carousel-cell .dot-img-container {
    background: #000;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    padding: 2px;
    line-height: 100%
}

.pix-slider-nav-full.pix-style-2 .carousel-cell .dot-img-container-inner {
    background: #000;
    display: inline-block;
    line-height: 100%;
    height: 80px;
    width: 80px;
    border-radius: 100%
}

.pix-slider-nav-full.pix-style-2 .carousel-cell img {
    object-fit: cover;
    height: 80px;
    border-radius: 40px;
    background: #fff;
    opacity: .6;
    width: 80px;
    border: 3px solid #fff;
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-slider-nav-full.pix-style-2 .carousel-cell.is-nav-selected,
.pix-slider-nav-full.pix-style-2 .carousel-cell:hover {
    cursor: pointer
}

.pix-slider-nav-full.pix-style-2 .carousel-cell.is-nav-selected .dot-img-container:hover,
.pix-slider-nav-full.pix-style-2 .carousel-cell:hover .dot-img-container:hover {
    transform: translate(0, -3px) !important
}

.pix-slider-nav-full.pix-style-2 .carousel-cell.is-nav-selected img,
.pix-slider-nav-full.pix-style-2 .carousel-cell:hover img {
    opacity: .9
}

.flickity-viewport {
    width: 100%
}

.pix-slider-1 .carousel-cell,
.pix-slider-2 .carousel-cell,
.pix-slider-3 .carousel-cell,
.pix-slider-4 .carousel-cell,
.pix-slider-5 .carousel-cell,
.pix-slider-6 .carousel-cell {
    width: 100%
}

@media screen and (min-width:768px) {
    .pix-slider-6 .carousel-cell {
        width: 16.66%
    }

    .pix-slider-5 .carousel-cell {
        width: 20%
    }

    .pix-slider-4 .carousel-cell {
        width: 25%
    }

    .pix-slider-3 .carousel-cell {
        width: 33.33%
    }

    .pix-slider-2 .carousel-cell {
        width: 50%
    }
}

.pix-one-active .carousel-cell {
    opacity: 0;
    padding: 25px 0;
    transition: opacity 1s cubic-bezier(.165, .84, .44, 1)
}

.pix-one-active .carousel-cell.is-selected {
    opacity: 1
}

.pix-opacity-slider .carousel-cell {
    opacity: .3;
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-opacity-slider .carousel-cell.is-selected {
    opacity: 1
}

.pix-slider-scale .pix-slider-effects {
    transform: scale(.85);
    transition: transform .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-slider-scale .carousel-cell.is-selected .pix-slider-effects {
    transform: scale(1)
}

.pix-circular-left .carousel-cell,
.pix-circular-right .carousel-cell,
.pix-circular-slider .carousel-cell {
    transition: opacity .1s cubic-bezier(.165, .84, .44, 1) !important
}

.slide-inner {
    transition: opacity 50ms !important
}

.flickity-prev-next-button {
    width: 48px;
    height: 48px;
    border-radius: 24px !important;
    top: calc(50% - 24px) !important
}

.flickity-button-icon {
    fill: rgba(0, 0, 0, 0.1)
}

.flickity-prev-next-button.previous {
    left: -100px !important
}

.flickity-prev-next-button.next {
    right: -100px !important
}

.flickity-rtl .flickity-prev-next-button.previous {
    right: -100px !important;
    left: auto !important
}

.flickity-rtl .flickity-prev-next-button.next {
    left: -100px !important;
    right: auto !important
}

.pix-slider-dots .flickity-page-dots {
    position: relative;
    padding-top: 30px;
    margin-top: 0;
    bottom: 0
}

.pix-slider-dots .flickity-page-dots .dot {
    padding-top: 0;
    border-radius: 3.5px;
    height: 7px;
    width: 7px;
    opacity: .4;
    background-color: var(--pix-heading-default);
    transition: var(--transition-base)
}

.pix-slider-dots .flickity-page-dots .dot.is-selected {
    width: 20px;
    opacity: .6
}

.pix-slider-dots.dark-dots .flickity-page-dots .dot {
    opacity: .3;
    background-color: var(--pix-heading-default)
}

.pix-slider-dots.dark-dots .flickity-page-dots .dot.is-selected {
    opacity: .7
}

.pix-slider-dots.light-dots .flickity-page-dots .dot {
    opacity: .4;
    background-color: var(--pix-gray-2)
}

.pix-slider-dots.light-dots .flickity-page-dots .dot.is-selected {
    opacity: .8
}

.pix-dots-left .flickity-page-dots {
    text-align: left
}

.pix-dots-left .flickity-page-dots .dot {
    float: left
}

.pix-dots-right .flickity-page-dots {
    text-align: right
}

.pix-dots-right .flickity-page-dots .dot {
    float: right
}

.no-dots .flickity-page-dots {
    display: none !important
}

.flickity-button {
    background: 0 0 !important;
    border: 2px solid var(--pix-dark-opacity-3) !important;
    opacity: 1;
    transition: var(--transition-base) !important
}

.flickity-button svg path {
    fill: var(--pix-dark-opacity-3)
}

.flickity-button:hover {
    background: 0 0;
    opacity: .5
}

.light-dots .flickity-button {
    border: 2px solid var(--pix-light-opacity-3) !important
}

.light-dots .flickity-button svg path {
    fill: var(--pix-light-opacity-3) !important
}

.pix-main-slider,
.pix-main-slider * {
    backface-visibility: initial !important;
    outline: 0
}

.pix-main-slider * .card-img,
.pix-main-slider .card-img {
    backface-visibility: hidden !important
}

.pix-main-slider .bg-gradient-primary {
    background-attachment: scroll !important
}

.pix-bring-front {
    z-index: 99999999999999;
    position: relative
}

.pix_tabs_content .pix-main-slider:not(.pix-slider-loaded) {
    opacity: 0;
    min-height: 400px;
    transition: var(--transition-base)
}

.pix_tabs_content .pix-main-slider.pix-slider-loaded {
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeIn
}

.pix-slider-loader {
    opacity: 0;
    min-height: 400px
}

@media (max-width:920px) {
    .pix-slider .row.row-eq-height.align-items-center.pix-py-200 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

.elementor-section.elementor-section-full_width.elementor-section-stretched .flickity-button.flickity-prev-next-button.previous {
    left: 20px;
    top: 50% !important;
    opacity: .1 !important;
    transition: opacity .5s
}

.elementor-section.elementor-section-full_width.elementor-section-stretched .flickity-button.flickity-prev-next-button.next {
    right: 20px;
    top: 50% !important;
    opacity: .05
}

.elementor-section.elementor-section-full_width.elementor-section-stretched:hover .flickity-button.flickity-prev-next-button {
    opacity: 1 !important
}

@media (min-width:768px) {
    .pix-main-slider .flickity-slider {
        pointer-events: none !important
    }
}

.carousel-cell.min-100 {
    min-height: 100%
}

.pix-slider,
.pix-slider-div {
    isolation: isolate
}

/* CIRCLES CSS */
.pix-lg-circles,
.pix-md-circles,
.pix-sm-circles {
    display: inline-block
}

.pix-lg-circles .circle-item,
.pix-md-circles .circle-item,
.pix-sm-circles .circle-item {
    line-height: 100%;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.pix-lg-circles .circle-item:not(.pix-bg-custom),
.pix-md-circles .circle-item:not(.pix-bg-custom),
.pix-sm-circles .circle-item:not(.pix-bg-custom) {
    background: var(--pix-gradient-primary) fixed !important;
    padding: 3px
}

.pix-lg-circles .circle-item .pix-bg-custom,
.pix-md-circles .circle-item .pix-bg-custom,
.pix-sm-circles .circle-item .pix-bg-custom {
    margin-right: 3px
}

.pix-lg-circles .circle-item img,
.pix-md-circles .circle-item img,
.pix-sm-circles .circle-item img {
    object-fit: cover;
    border: 3px solid #fff;
    transition: var(--transition-base)
}

.pix-lg-circles .circle-item:not(:first-child),
.pix-md-circles .circle-item:not(:first-child),
.pix-sm-circles .circle-item:not(:first-child) {
    margin-left: -30px;
    transition: none
}

.pix-lg-circles.circles-transition .circle-item:not(:first-child),
.pix-md-circles.circles-transition .circle-item:not(:first-child),
.pix-sm-circles.circles-transition .circle-item:not(:first-child) {
    transition: margin .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-lg-circles:hover .circle-item,
.pix-md-circles:hover .circle-item,
.pix-sm-circles:hover .circle-item {
    margin-left: 0
}

.pix-lg-circles:hover .circle-item:hover img,
.pix-md-circles:hover .circle-item:hover img,
.pix-sm-circles:hover .circle-item:hover img {
    opacity: .8
}

.pix-sm-circles img {
    width: 60px !important;
    height: 60px !important
}

.pix-md-circles img {
    width: 80px !important;
    height: 80px !important
}

.pix-lg-circles img {
    width: 120px !important;
    height: 120px !important
}

.pix-circle {
    line-height: 100%;
    display: inline-block;
    padding: 2px;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.pix-circle:not(.pix-bg-custom) {
    background: var(--pix-primary);
    background: var(--pix-gradient-primary) !important
}

.pix-circle img {
    aspect-ratio: 1;
    max-width: 40px;
    border: 2px solid #fff;
    transition: opacity .5s cubic-bezier(.165, .84, .44, 1)
}

.pix-circle.circle-48 {
    min-width: 52px
}

.pix-circle.circle-48 img {
    max-width: 48px
}

.pix-circle:hover:hover img {
    opacity: .8
}

.circle-item.pix-animate:first-child {
    -webkit-transform: translate3d(0, 0, 10px)
}

.circle-item.pix-animate:nth-child(2) {
    -webkit-transform: translate3d(0, 0, 12px)
}

.circle-item.pix-animate:nth-child(3) {
    -webkit-transform: translate3d(0, 0, 14px)
}

.circle-item.pix-animate:nth-child(4) {
    -webkit-transform: translate3d(0, 0, 16px)
}

.circle-item.pix-animate:nth-child(5) {
    -webkit-transform: translate3d(0, 0, 18px)
}

/* CONTENT STACK CSS */
.pix-content-stack {
    width: 100%;
    position: relative;
    display: inline-block
}

.pix-content-stack .img-el {
    width: 75%;
    height: auto
}

.pix-content-stack .content-el {
    transition: var(--transition-base);
    position: absolute;
    width: 45%;
    right: 0;
    top: 10%
}

.pix-content-stack .content-el .content-el-inner {
    transition: var(--transition-base);
    min-height: 50px;
    display: inline-block;
    width: 100%
}

.pix-content-stack.pix-left-content .img-el {
    margin-left: 25%
}

.pix-content-stack.pix-left-content .content-el {
    left: 0
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .pix-content-stack .img-el {
        width: 87%
    }

    .pix-content-stack .content-el {
        width: 53.7%
    }

    .pix-content-stack.pix-left-content .img-el {
        margin-left: 13%
    }
}

@media screen and (max-width:992px) {
    .pix-content-stack .img-el {
        width: 100%;
        height: auto;
        margin-left: 0 !important
    }

    .pix-content-stack .content-el {
        position: relative;
        top: 0;
        margin-top: -100px;
        width: 100%
    }
}