.animated-element,.cover-text-wrapper>*,.hc-nav-trigger,.mcurtain,.navbar-brand,.sk__body-section,.sk__massfade-typography .elementor-element[data-element_type=widget],.sk__menu-protector,.sk__mobile-main-logo,.sk__mobile-menu-bar,.sk__proj-infobox-label,.sk__proj-infobox-value,.sk__services-page .sk__iconbox .sk__iconbox-icon-link,.sk__services-page .sk__iconbox .sk__iconbox-text-link,.sk__services-page .sk__iconbox>p,[class*=sk__fade-in-],body:not(.elementor-editor-active) .fancy-gradient-text-box.reveal,body:not(.elementor-editor-active) .sk__header-section[class*=skanm_],nav#main-nav,nav.hc-offcanvas-nav {
    opacity: 0
}

.mcurtain,.tp-hero-background-element:before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.mcurtain {
    position: absolute;
    width: 34%;
    height: 100%;
    top: 0;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.mcurtain.mcurtain-visible {
    -webkit-transition: .8s ease-in;
    -o-transition: .8s ease-in;
    transition: .8s ease-in;
    opacity: 1
}

.mcurtain-left {
    left: 0
}

.mcurtain-center {
    left: 33.333%
}

.mcurtain-right {
    left: 66.666%
}

.sk__master-curtain {
    background-color: #000;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10000;
    -webkit-transform-origin: 50% 70%;
    -ms-transform-origin: 50% 70%;
    transform-origin: 50% 70%;
    -webkit-animation: 3s ease-out forwards slowZoom;
    animation: 3s ease-out forwards slowZoom
}

@-webkit-keyframes slowZoom {
    0% {
        background-color: #0a0a0a;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        background-color: #0a0a0a;
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    85% {
        background-color: #0a0a0a;
        -webkit-transform: scale(1.085);
        transform: scale(1.085)
    }

    100% {
        background-color: rgba(10,10,10,0);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes slowZoom {
    0% {
        background-color: #0a0a0a;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        background-color: #0a0a0a;
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    85% {
        background-color: #0a0a0a;
        -webkit-transform: scale(1.085);
        transform: scale(1.085)
    }

    100% {
        background-color: rgba(10,10,10,0);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

body.elementor-editor-active .sk__master-curtain {
    display: none!important
}

#smooth-content {
    overflow: hidden
}

div[data-sk-animation]>.col {
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.cover-text-wrapper {
    position: relative;
    overflow: hidden!important
}

@-webkit-keyframes headerRevealFromTop {
    0% {
        top: -100vh;
        opacity: 1
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes headerRevealFromTop {
    0% {
        top: -100vh;
        opacity: 1
    }

    100% {
        top: 0;
        opacity: 1
    }
}

.sk__header-section.skanm_reveal_from_top {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: 1s ease-out .3s forwards headerRevealFromTop;
    animation: 1s ease-out .3s forwards headerRevealFromTop
}

@-webkit-keyframes headerFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes headerFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.sk__header-section.skanm_fade_in {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: 1s ease-out .3s forwards headerFadeIn;
    animation: 1s ease-out .3s forwards headerFadeIn
}

.tp-hero-el-section .elementor-widget-wrap.elementor-element-populated {
    overflow-x: hidden
}

.tp-hero-animated-icons-wrap {
    width: 100vw;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(1.14);
    -ms-transform: scale(1.14);
    transform: scale(1.14)
}

.tp-hero-animated-icons-wrap.absoluted {
    position: absolute;
    bottom: 0
}

.tp-hero-animated-icons-wrap.scaled {
    -webkit-transform: scale(1.36);
    -ms-transform: scale(1.36);
    transform: scale(1.36)
}

.hue-rotator-red-to-darkstar,.sk__black-pulse-text {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center
}

@media all and (min-width: 1200px) {
    #skAnimShadow,.sk__ultra-h1 {
        font-size:8vw!important;
        letter-spacing: -.9vw!important
    }
}

h2.h2-super.tp-hero-subheading {
    font-weight: 200
}

h2.h2-super.tp-hero-subheading strong {
    font-weight: 700
}

@media all and (min-width: 1400px) and (max-width:1920px) {
    .elementor-spacer-inner {
        height:26.6vh!important
    }

    .tp-hero-animated-icons-wrap {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .tp-hero-h1-maxheight {
        max-height: 7.4vw
    }

    h2.h2-super.tp-hero-subheading {
        font-size: 42px
    }
}

@media all and (min-width: 992px) and (max-width:1199px) {
    #skAnimShadow,.sk__ultra-h1 {
        font-size:12vw!important;
        letter-spacing: -1.4vw!important
    }

    h2.h2-super.tp-hero-subheading {
        font-size: 41px
    }
}

@media all and (min-width: 768px) and (max-width:991px) {
    h2.h2-super.tp-hero-subheading {
        font-size:31px;
        letter-spacing: -1.5px
    }
}

@media all and (min-width: 576px) and (max-width:767px) {
    h2.h2-super.tp-hero-subheading {
        font-size:24px;
        letter-spacing: -.5px
    }
}

@media all and (max-width: 575px) {
    h2.h2-super.tp-hero-subheading {
        font-size:21px;
        letter-spacing: 0
    }
}

@-webkit-keyframes hueRotatorFromRedToDarkstar {
    0%,100%,45% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0)
    }

    20% {
        -webkit-filter: hue-rotate(62deg);
        filter: hue-rotate(62deg)
    }

    70% {
        -webkit-filter: hue-rotate(-98deg);
        filter: hue-rotate(-98deg)
    }
}

@keyframes hueRotatorFromRedToDarkstar {
    0%,100%,28% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0)
    }

    14% {
        -webkit-filter: hue-rotate(62deg);
        filter: hue-rotate(62deg)
    }

    64% {
        -webkit-filter: hue-rotate(-108deg);
        filter: hue-rotate(-108deg)
    }
}

.hue-rotator-red-to-darkstar {
    transform-origin: center center;
    -webkit-animation: linear infinite hueRotatorFromRedToDarkstar;
    animation: linear infinite hueRotatorFromRedToDarkstar
}

@-webkit-keyframes blackPulseText {
    0%,100% {
        color: rgba(0,0,0,.54)
    }

    15% {
        color: rgba(0,0,0,.64)
    }

    25% {
        color: rgba(0,0,0,.45)
    }

    35% {
        color: rgba(0,0,0,.7)
    }
}

@keyframes blackPulseText {
    0%,100% {
        color: rgba(0,0,0,.54)
    }

    15% {
        color: rgba(0,0,0,.64)
    }

    25% {
        color: rgba(0,0,0,.45)
    }

    35% {
        color: rgba(0,0,0,.7)
    }
}

.sk__black-pulse-text {
    transform-origin: center center;
    -webkit-animation: 10s infinite blackPulseText;
    animation: 10s infinite blackPulseText
}

@-webkit-keyframes tpHeroBackRotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes tpHeroBackRotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.tp-hero-background-element:before {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: 80s linear infinite tpHeroBackRotation;
    animation: 80s linear infinite tpHeroBackRotation;
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    background-image: url("../assets/images/theme-preview-hero-background-wp-v3-1.svg");
    z-index: -1
}

.tp-hero-background-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.tp-hero-background-element:after {
    content: '';
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(56%,#000),color-stop(64%,rgba(0,0,0,0)));
    background: -o-linear-gradient(bottom,#000 56%,rgba(0,0,0,0) 64%);
    background: linear-gradient(0deg,#000 56%,rgba(0,0,0,0) 64%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media all and (min-width: 1360px) and (max-width:1860px) {
    .sk__shop-preview-padder {
        padding-inline:60px
    }
}

@media all and (min-width: 1025px) and (max-width:1359px) {
    .sk__shop-preview-padder {
        padding-inline:40px
    }
}

@media all and (min-width: 992px) and (max-width:1800px) {
    h1.h1-regular.sk__shop-preview-limit-heading-size,span.h1-regular.sk__gradient-fancy-text-back.sk__shop-preview-limit-heading-size {
        font-size:4.9vw!important
    }
}