.elementor-kit-13{--e-global-color-primary:#E3D1A6;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E3D1A6;--e-global-color-22314a1:#E7D0A1;--e-global-typography-primary-font-family:"Khand";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Krona One";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Krona One";--e-global-typography-accent-font-weight:500;font-family:"Khand", Sans-serif;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{background-color:#E7D0A100;font-family:"Krona One", Sans-serif;font-size:20px;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:10px 30px 10px 30px;}.elementor-kit-13 button:hover,.elementor-kit-13 button:focus,.elementor-kit-13 input[type="button"]:hover,.elementor-kit-13 input[type="button"]:focus,.elementor-kit-13 input[type="submit"]:hover,.elementor-kit-13 input[type="submit"]:focus,.elementor-kit-13 .elementor-button:hover,.elementor-kit-13 .elementor-button:focus{background-color:#EDE3C400;color:#FFFFFF;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 h1{font-family:"Jost", Sans-serif;}.elementor-kit-13 img{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   PRODUCT HERO BACKGROUND VIDEO SYSTEM
   Class: product-video-background
   ========================================================= */

.product-video-background {
    /* Default video framing */
    --product-video-zoom: 1;
    --product-video-position-x: 50%;
    --product-video-position-y: 50%;

    /*
     * Used with luminosity blending to grayscale
     * Elementor's fallback background image.
     */
    background-color: #000000 !important;
    background-blend-mode: luminosity !important;
}


/* =========================================================
   GRAYSCALE ELEMENTOR'S MOTION-EFFECTS BACKGROUND LAYER
   ========================================================= */

/*
 * Elementor may place the fallback image on a separate
 * motion-effects layer rather than directly on the container.
 */

.product-video-background
> .elementor-motion-effects-container
> .elementor-motion-effects-layer {
    background-color: #000000 !important;
    background-blend-mode: luminosity !important;
}


/* =========================================================
   CONTAIN THE BACKGROUND VIDEO
   ========================================================= */

.product-video-background
.elementor-background-video-container {
    overflow: hidden !important;
}


/* =========================================================
   GRAYSCALE, SCALE, AND POSITION THE YOUTUBE VIDEO
   ========================================================= */

.product-video-background
.elementor-background-video-container iframe,

.product-video-background
iframe.elementor-background-video-embed,

.product-video-background
.elementor-background-video-container video {
    left: var(--product-video-position-x) !important;
    top: var(--product-video-position-y) !important;

    transform:
        translate(-50%, -50%)
        scale(var(--product-video-zoom)) !important;

    transform-origin: center center !important;

    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}


/* =========================================================
   INDIVIDUAL PRODUCT VIDEO ADJUSTMENTS
   ========================================================= */

/* Example: cinematic letterboxed video */

body.single-product.postid-2284 .product-video-background {
    --product-video-zoom: 1.5;
}/* End custom CSS */