.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000404;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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;}}:root { --void-2:#000F10; --Archivo:Archivo; --H2:4vw; --white:#fff; --silver-teal:#9DBAAD; --paragraph:16px; --text-muted:#6B8A7A; --accent-fire:#D87405; --gold:#9B7129; --white-light:#C9962E; }
/* Start custom CSS */.form-dev #field_1g6j5::placeholder {
    color: #E8EEE978 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    opacity: 1;
    font-weight: 300;
}

.with_frm_style .frm_primary_label {
    text-transform: uppercase;
    letter-spacing: 0.4em;
    margin-bottom: 4px;
}



.form-dev input::placeholder {
    color: #E8EEE978!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 14px!important;
    opacity: 1; 
    font-weight: 300;
}


.form-dev .btn-cta .frm_button_submit,
.form-dev-cta .btn-cta .frm_button_submit {
    font-family: 'Archivo', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;

    background: linear-gradient(165deg, #D87405 0%, #A43D05 100%) !important;
    border: none !important;

    transition: transform 1s ease, background 1s ease !important;
    transform: scale(1);
}

.form-dev .btn-cta .frm_button_submit:hover,
.form-dev-cta .btn-cta .frm_button_submit:hover {
    background: linear-gradient(165deg, #D87405 0%, #A43D05 100%) !important;
    transform: scale(1.06) !important;
}


.form-dev #frm_field_10_container {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


.form-dev fieldset,
.form-dev .frm_form_fields {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}



 @media screen and (max-width: 767px) {
 .capture-heading {
     font-size: 24px!important;
 }
 .font-mob {
    font-size: 32px!important;
    line-height: 1.2!important;
}
}

 
 
 /* =========================
   FORM BUTTONS
   form-dev + form-dev-cta
========================= */

.form-dev .frm_button_submit,
.form-dev-cta .frm_button_submit,
.form-dev button[type="submit"],
.form-dev-cta button[type="submit"] {
    background: linear-gradient(165deg, #D87405 0%, #A43D05 100%);
    border: none;
    transition: transform 1s ease, background 1s ease;
    will-change: transform;
}

/* Hover Grow Effect */
.form-dev .frm_button_submit:hover,
.form-dev-cta .frm_button_submit:hover,
.form-dev button[type="submit"]:hover,
.form-dev-cta button[type="submit"]:hover {
    transform: scale(1.06);
}
 
 
 .form-note strong
 {
    color: #9DBAAD;
    font-weight: 600;
  }

.capture-heading em {
    font-style: normal;
    color: #D87405;
}
.capture-tagline em {
    font-style: normal;
    color: #9DBAAD;
    font-weight: 600;
}


/* =========================================
   HERO / BANNER BASE
========================================= */




.banner-container{
    position:relative !important;
    overflow:hidden !important;
}

/* =========================================
   FIXED BACKGROUND
   Фон може бути ВИЩИЙ за 100vh
========================================= */

.parallax-bg{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    will-change:transform;
    transform:translate3d(0,0,0);

    backface-visibility:hidden;
    pointer-events:none;
}

/* =========================================
   PARALLAX OBJECTS
   ТЕПЕР вони НЕ залежать від висоти банера
   і завжди займають тільки перший екран
========================================= */

.parallax-planet,
.parallax-ship,
.parallax-portal{
    position:absolute !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;

    width:100% !important;
    height:100vh !important;
    max-height:100vh !important;

    will-change:transform;
    transform:translate3d(0,0,0);

    backface-visibility:hidden;
    pointer-events:none;

    overflow:visible !important;
}

/* =========================================
   ELEMENTOR INNER CONTAINERS
   Elementor часто задає свої height
========================================= */

.parallax-planet > *,
.parallax-ship > *,
.parallax-portal > *,

.parallax-planet .elementor-widget-container,
.parallax-ship .elementor-widget-container,
.parallax-portal .elementor-widget-container,

.parallax-planet .elementor-image,
.parallax-ship .elementor-image,
.parallax-portal .elementor-image{
    width:100% !important;
    height:100% !important;
}

/* =========================================
   PLANET IMAGE
========================================= */

.parallax-planet img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center top !important;

    display:block;
}

/* =========================================
   SHIP IMAGE
========================================= */

.parallax-ship img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center top !important;

    display:block;
}

/* =========================================
   PORTAL IMAGE
========================================= */

.parallax-portal img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center top !important;

    display:block;
}

/* =========================================
   FLOATING SHIP
========================================= */

.parallax-ship{
    animation:shipFloat 7s ease-in-out infinite;
}

@keyframes shipFloat{

    0%{
        transform:translate3d(0,0,0);
    }

    50%{
        transform:translate3d(0,-8px,0);
    }

    100%{
        transform:translate3d(0,0,0);
    }

}

/* =========================================
   OPTIONAL:
   Якщо портал обрізається
========================================= */

.parallax-portal{
    overflow:visible !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width:1024px){

    .banner-container{
        height:70vh !important;
        min-height:320px !important;
    }

    .parallax-planet,
    .parallax-ship,
    .parallax-portal{
        height:70vh !important;
        max-height:70vh !important;
        min-height:320px !important;
    }

    .parallax-portal img{
        object-fit:cover !important;
        object-position:center top !important;
    }

}

/* =========================================
   MOBILE
========================================= */

@media (max-width:768px){

    .banner-container{
        height:60vh !important;
        min-height:280px !important;
    }

    .parallax-planet,
    .parallax-ship,
    .parallax-portal{
        height:60vh !important;
        max-height:60vh !important;
        min-height:280px !important;
    }

}


@media (max-width: 1024px) {

    #form_gf9or2 .frm_fields_container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    /* Поля займають весь доступний простір */
    #form_gf9or2 .frm4:not(.btn-cta) {
        flex: 1 1 calc(50% - 6px);
        min-width: 0;
    }

    #form_gf9or2 input {
        width: 100%;
    }

    /* Кнопка на новому рядку */
    #form_gf9or2 .btn-cta {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 12px;
    }

    #form_gf9or2 .frm_button_submit {
        width: 100%;
    }

}/* End custom CSS */