:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8ced7c2 *//* =========================================================
   EMORIX FILMS
   PHOTOGRAPHY SERVICE PAGE + FORMINATOR 457
   MASTER CSS
========================================================= */


/* =========================================================
   BRAND FONTS
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Rajdhani:wght@600;700&family=Sora:wght@300;400&display=swap');


/* =========================================================
   PAGE
========================================================= */

.emx-photo-page {
    background: #080311;
    color: #ffffff;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.emx-photo-container {
    width: min(1180px, calc(100% - 96px));
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.emx-photo-hero {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: center;

    margin: 28px 0 0;

    background: #080311;
}


/* =========================================================
   HERO CONTAINER
   SAME WIDTH AS REST OF PAGE
========================================================= */

.emx-photo-hero .emx-photo-container {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: center;

    overflow: hidden;

    isolation: isolate;

    background:
        linear-gradient(
            90deg,
            #080311 0%,
            rgba(8,3,17,.99) 22%,
            rgba(8,3,17,.96) 34%,
            rgba(8,3,17,.84) 45%,
            rgba(8,3,17,.60) 55%,
            rgba(8,3,17,.32) 65%,
            rgba(8,3,17,.11) 75%,
            rgba(8,3,17,0) 84%
        ),
        url("https://images.pexels.com/photos/4125584/pexels-photo-4125584.jpeg?auto=compress&dpr=1&h=750&w=1260");

    background-repeat:
        no-repeat;

    background-size:
        cover;

    background-position:
        78% center;

    background-color:
        #080311;
}


/* =========================================================
   HERO COLOR BLEND
========================================================= */

.emx-photo-hero .emx-photo-container::after {
    content: "";

    position: absolute;

    z-index: 0;

    inset: 0;

    background:
        radial-gradient(
            ellipse at 88% 48%,
            rgba(139,47,255,.14),
            transparent 34%
        ),
        radial-gradient(
            ellipse at 72% 52%,
            rgba(63,224,245,.055),
            transparent 38%
        ),
        linear-gradient(
            90deg,
            rgba(8,3,17,0) 57%,
            rgba(8,3,17,.03) 73%,
            rgba(8,3,17,.15) 100%
        );

    pointer-events:
        none;
}


/* =========================================================
   EXISTING HERO OVERLAY
========================================================= */

.emx-photo-hero-overlay {
    position: absolute;

    inset: 0;

    background: transparent;

    pointer-events: none;
}


.emx-photo-hero-copy {
    position: relative;

    z-index: 2;

    width: min(600px, 100%);
}


/* =========================================================
   EYEBROWS
========================================================= */

.emx-eyebrow {
    margin-bottom: 18px;

    font-family: "Rajdhani", sans-serif;
    font-size: 12px;
    font-weight: 600;

    letter-spacing: 4px;
    text-transform: uppercase;

    color: #ff29cf;
}


/* =========================================================
   HERO HEADING
========================================================= */

.emx-photo-hero h1 {
    margin: 0;

    font-family: "Rajdhani", sans-serif;
    font-size: clamp(48px, 6vw, 78px);
    line-height: 0.98;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #ffffff;
}


/* =========================================================
   MULTICOLOR HEADING LINE
========================================================= */

.emx-gradient-line {
    display: inline-block;

    background:
        linear-gradient(
            90deg,
            #3FE0F5 0%,
            #5B4CFF 52%,
            #FF2FD1 100%
        );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}


/* =========================================================
   TRANSPARENT OUTLINE HEADING LINE
========================================================= */

.emx-outline-line {
    display: inline-block;

    background: none !important;

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;

    -webkit-text-stroke: 1.5px #EDE9FF;
}


/* =========================================================
   ACCENT LINE
========================================================= */

.emx-accent-line {
    width: 46px;
    height: 3px;

    margin: 28px 0;

    background:
        linear-gradient(
            90deg,
            #3FE0F5,
            #5B4CFF,
            #FF2FD1
        );
}

.emx-accent-line.centered {
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   HERO BODY
========================================================= */

.emx-photo-hero-copy p {
    max-width: 560px;

    margin: 0 0 34px;

    font-family: "Sora", sans-serif;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 300;

    color: #c8bfd3;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.emx-outline-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    padding: 15px 22px;

    border: 1px solid #ff29cf;

    font-family: "Rajdhani", sans-serif;
    font-size: 14px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;

    text-decoration: none !important;

    color: #ffffff;

    background: transparent;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


/* REMOVE UNDERLINE IN ALL BUTTON STATES */

.emx-outline-btn:hover,
.emx-outline-btn:focus,
.emx-outline-btn:focus-visible,
.emx-outline-btn:active,
.emx-outline-btn:visited {
    text-decoration: none !important;
}


.emx-outline-btn span,
.emx-outline-btn:hover span,
.emx-outline-btn:focus span,
.emx-outline-btn:focus-visible span,
.emx-outline-btn:active span,
.emx-outline-btn:visited span {
    text-decoration: none !important;
}


.emx-outline-btn:hover,
.emx-outline-btn:focus-visible {
    background:
        linear-gradient(
            90deg,
            #ff29cf,
            #8d2cff
        );

    border-color: transparent;

    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================================
   PHOTOGRAPHY SERVICES
========================================================= */

.emx-photo-services {
    padding: 90px 0 45px;

    background: #080311;
}


/* =========================================================
   SECTION INTRO
========================================================= */

.emx-section-intro {
    max-width: 900px;

    margin: 0 auto 55px;

    text-align: center;
}

.emx-section-intro .emx-eyebrow {
    margin-bottom: 14px;
}


/* =========================================================
   OUTSIDE SECTION HEADINGS
========================================================= */

.emx-section-intro h2,
.emx-request-intro-content h2 {
    margin: 0;

    font-family: "Rajdhani", sans-serif;

    font-size: clamp(46px, 5.6vw, 72px);

    line-height: 0.98;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #ffffff;
}


/* =========================================================
   DECORATIVE LINE ABOVE MAJOR HEADINGS
========================================================= */

.emx-section-intro h2::before,
.emx-request-intro-content h2::before {
    content: "";

    display: block;

    width: 46px;
    height: 2px;

    margin:
        0 auto 22px;

    background:
        linear-gradient(
            90deg,
            #3FE0F5,
            #5B4CFF,
            #FF2FD1
        );
}


/* =========================================================
   SECTION SUBTITLE
========================================================= */

.emx-section-subtitle {
    max-width: 700px;

    margin: 18px auto 0;

    font-family: "Sora", sans-serif;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 300;

    color: #a99bb9;
}


/* =========================================================
   SERVICE GRID
========================================================= */

.emx-service-grid {
    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: stretch;

    gap: 16px;

    width: 100%;

    margin: 0 auto;
}


/* =========================================================
   SERVICE CARDS
========================================================= */

.emx-service-card {
    flex:
        0 1 calc((100% - 64px) / 5);

    box-sizing: border-box;

    min-height: 225px;

    padding: 38px 30px;

    border:
        1px solid rgba(255,255,255,0.15);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.008)
        );

    text-align: center;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.emx-service-card:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(255,41,207,.55);

    background:
        rgba(255,255,255,.035);
}


/* =========================================================
   SERVICE ICONS
========================================================= */

.emx-service-icon {
    margin-bottom: 20px;

    font-size: 38px;
    line-height: 1;

    color: #ff29cf;
}


/* =========================================================
   SERVICE HEADINGS
========================================================= */

.emx-service-card h3 {
    margin: 0 0 12px;

    font-family: "Rajdhani", sans-serif;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 1.4px;

    text-transform: uppercase;

    color: #ffffff;
}


/* =========================================================
   SERVICE TEXT
========================================================= */

.emx-service-card p {
    margin: 0;

    font-family: "Sora", sans-serif;

    font-size: 14px;

    line-height: 1.6;

    font-weight: 300;

    color: #aca0bb;
}


/* =========================================================
   SELECTED WORK
========================================================= */

.emx-photo-selected {
    padding: 72px 0 55px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(91,76,255,.055),
            transparent 46%
        ),
        #080311;
}


/* =========================================================
   SELECTED PHOTO GRID
========================================================= */

.emx-selected-gallery {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;

    width: 100%;

    margin: 0 auto;
}


/* =========================================================
   SELECTED PHOTO TILE
========================================================= */

.emx-selected-photo,
.emx-selected-photo-tall,
.emx-selected-photo-wide {
    position: relative;

    margin: 0;

    width: 100%;

    height: 300px;

    grid-row: auto;
    grid-column: auto;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.13);

    background:
        #0A0518;

    display: flex;

    align-items: center;
    justify-content: center;
}


/* =========================================================
   SELECTED PHOTO IMAGE
========================================================= */

.emx-selected-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    object-position: center;

    background:
        #080311;

    transition:
        transform .45s ease,
        filter .45s ease;
}


.emx-selected-photo::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 72%,
            rgba(8,3,17,.10) 100%
        );
}


.emx-selected-photo:hover img {
    transform:
        scale(1.015);
}


/* =========================================================
   REQUEST SECTION
========================================================= */

.emx-request-section,
.emx-request-intro {
    padding:
        45px 0 28px;

    background: #080311;
}


.emx-request-intro-content {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


.emx-request-intro-content .emx-eyebrow {
    margin-bottom: 16px;
}


.emx-request-intro-content p {
    max-width: 820px;

    margin:
        22px auto 0;

    font-family:
        "Sora",
        sans-serif;

    font-size:
        17px;

    line-height:
        1.75;

    font-weight:
        300;

    color:
        #b9a6ca;
}


/* =========================================================
   FORM OUTER CONTAINER
========================================================= */

.emx-form-shell {
    width: 100%;

    max-width: 1080px;

    margin:
        0 auto !important;

    padding:
        56px 60px;

    box-sizing:
        border-box;

    border:
        1px solid rgba(255, 41, 207, 0.42);

    background:
        rgba(8, 2, 16, .72);

    box-shadow:
        0 30px 70px rgba(0,0,0,.24);
}


/* =========================================================
   FORMINATOR FORM 457
========================================================= */

#forminator-module-457 {
    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        none !important;

    font-family:
        "Sora",
        sans-serif !important;

    color:
        #ffffff !important;
}


/* =========================================================
   FORM HEADINGS
========================================================= */

#forminator-module-457 .forminator-html h1,
#forminator-module-457 .forminator-html h2,
#forminator-module-457 .forminator-html h3,
#forminator-module-457 .forminator-html h4,

#forminator-module-457 .forminator-field-html h1,
#forminator-module-457 .forminator-field-html h2,
#forminator-module-457 .forminator-field-html h3,
#forminator-module-457 .forminator-field-html h4,

#forminator-module-457 .forminator-title {

    margin:
        28px 0 18px !important;

    padding:
        0 !important;

    border:
        none !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size:
        20px !important;

    line-height:
        1.25 !important;

    font-weight:
        600 !important;

    letter-spacing:
        0 !important;

    text-transform:
        none !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    opacity:
        1 !important;
}


/* =========================================================
   FORM LABELS
========================================================= */

#forminator-module-457 .forminator-label {

    margin-bottom:
        9px !important;

    font-family:
        "Rajdhani",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        1.4 !important;

    font-weight:
        600 !important;

    letter-spacing:
        2px !important;

    text-transform:
        uppercase !important;

    color:
        #d7cae4 !important;
}


#forminator-module-457 .forminator-required {
    color:
        #ff29cf !important;
}


/* =========================================================
   STANDARD INPUTS
========================================================= */

#forminator-module-457 .forminator-input,
#forminator-module-457 .forminator-textarea {

    width:
        100% !important;

    box-sizing:
        border-box !important;

    background:
        rgba(255,255,255,.012) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;

    color:
        #ffffff !important;

    font-family:
        "Sora",
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        300 !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


#forminator-module-457 .forminator-input {

    min-height:
        48px !important;

    height:
        48px !important;

    padding:
        11px 13px !important;
}


#forminator-module-457 .forminator-textarea {

    min-height:
        125px !important;

    height:
        auto !important;

    padding:
        13px !important;
}


/* =========================================================
   PLACEHOLDERS
========================================================= */

#forminator-module-457 input::placeholder,
#forminator-module-457 textarea::placeholder {

    color:
        #756883 !important;

    opacity:
        1 !important;
}


/* =========================================================
   INPUT HOVER — CYAN
========================================================= */

#forminator-module-457 .forminator-input:hover,
#forminator-module-457 .forminator-textarea:hover {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.10) !important;
}


/* =========================================================
   INPUT FOCUS — CYAN
========================================================= */

#forminator-module-457 .forminator-input:focus,
#forminator-module-457 .forminator-textarea:focus {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.16) !important;

    outline:
        none !important;
}


/* =========================================================
   DESCRIPTION TEXT
========================================================= */

#forminator-module-457 .forminator-description {

    margin-top:
        7px !important;

    font-family:
        "Sora",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        1.5 !important;

    font-weight:
        300 !important;

    color:
        #8e819a !important;
}


/* =========================================================
   NORMAL SELECT2 DROPDOWNS
========================================================= */

#forminator-module-457 .select2-container {

    width:
        100% !important;
}


#forminator-module-457 .select2-selection,
#forminator-module-457 .select2-selection--single {

    min-height:
        48px !important;

    height:
        48px !important;

    box-sizing:
        border-box !important;

    background:
        rgba(255,255,255,.012) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


#forminator-module-457 .select2-selection__rendered {

    padding-left:
        13px !important;

    line-height:
        46px !important;

    font-family:
        "Sora", sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        300 !important;

    color:
        #ffffff !important;
}


#forminator-module-457 .select2-selection__arrow {

    height:
        46px !important;
}


#forminator-module-457 .select2-selection:hover {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.10) !important;
}


#forminator-module-457
.select2-container--open
.select2-selection {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.16) !important;
}


/* =========================================================
   NATIVE SELECTS
========================================================= */

#forminator-module-457 select {

    width:
        100% !important;

    height:
        48px !important;

    min-height:
        48px !important;

    box-sizing:
        border-box !important;

    padding:
        11px 40px 11px 13px !important;

    background:
        rgba(255,255,255,.012) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;

    color:
        #ffffff !important;

    font-family:
        "Sora", sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        300 !important;

    outline:
        none !important;
}


#forminator-module-457 select:hover {

    border-color:
        #3FE0F5 !important;
}


#forminator-module-457 select:focus {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.16) !important;
}


/* =========================================================
   TIME FIELD
========================================================= */

#forminator-module-457
.forminator-field-time
.forminator-input {

    width:
        100% !important;

    height:
        48px !important;

    min-height:
        48px !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   AM / PM OUTER BOX
========================================================= */

#forminator-module-457
.forminator-field-time
.forminator-select,

#forminator-module-457
.forminator-timepicker
.forminator-select {

    width:
        100% !important;

    height:
        48px !important;

    min-height:
        48px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    background:
        rgba(255,255,255,.012) !important;

    border:
        1px solid rgba(255,255,255,.16) !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;
}


/* =========================================================
   AM / PM INNER SELECT
========================================================= */

#forminator-module-457
.forminator-field-time
.forminator-select
.select2-container,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-container {

    width:
        100% !important;

    height:
        46px !important;

    min-height:
        46px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


#forminator-module-457
.forminator-field-time
.forminator-select
.select2-selection,

#forminator-module-457
.forminator-field-time
.forminator-select
.select2-selection--single,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-selection,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-selection--single {

    width:
        100% !important;

    height:
        46px !important;

    min-height:
        46px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    outline:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}


#forminator-module-457
.forminator-field-time
.forminator-select
.select2-selection__rendered,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-selection__rendered {

    height:
        46px !important;

    line-height:
        46px !important;

    padding:
        0 42px 0 13px !important;

    color:
        #ffffff !important;

    background:
        transparent !important;
}


#forminator-module-457
.forminator-field-time
.forminator-select
.select2-selection__arrow,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-selection__arrow {

    top:
        0 !important;

    right:
        8px !important;

    height:
        46px !important;
}


/* =========================================================
   AM / PM HOVER
========================================================= */

#forminator-module-457
.forminator-field-time
.forminator-select:hover,

#forminator-module-457
.forminator-timepicker
.forminator-select:hover {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.10) !important;
}


#forminator-module-457
.forminator-field-time
.forminator-select
.select2-selection:hover,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-selection:hover {

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* =========================================================
   AM / PM FOCUS
========================================================= */

#forminator-module-457
.forminator-field-time
.forminator-select:focus-within,

#forminator-module-457
.forminator-timepicker
.forminator-select:focus-within {

    border-color:
        #3FE0F5 !important;

    box-shadow:
        0 0 0 1px rgba(63,224,245,.16) !important;
}


#forminator-module-457
.forminator-field-time
.forminator-select
.select2-container--open
.select2-selection,

#forminator-module-457
.forminator-timepicker
.forminator-select
.select2-container--open
.select2-selection {

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}


/* =========================================================
   RADIO + CHECKBOX
========================================================= */

#forminator-module-457 .forminator-radio,
#forminator-module-457 .forminator-checkbox {

    margin-bottom:
        8px !important;

    font-family:
        "Sora", sans-serif !important;

    color:
        #ded6e7 !important;

    font-size:
        14px !important;

    line-height:
        1.55 !important;

    font-weight:
        300 !important;
}


/* =========================================================
   ROW SPACING
========================================================= */

#forminator-module-457 .forminator-row {

    margin-bottom:
        24px !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

#forminator-module-457 .forminator-button-submit {

    width:
        100% !important;

    min-height:
        58px !important;

    margin-top:
        18px !important;

    border:
        0 !important;

    border-radius:
        2px !important;

    background:
        linear-gradient(
            90deg,
            #ff25c9,
            #892cff
        ) !important;

    color:
        #09010f !important;

    font-family:
        "Rajdhani", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    letter-spacing:
        2px !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    transition:
        transform .2s ease,
        filter .2s ease !important;
}


#forminator-module-457
.forminator-button-submit:hover {

    transform:
        translateY(-2px);

    filter:
        brightness(1.08);

    text-decoration:
        none !important;
}


/* =========================================================
   ERROR
========================================================= */

#forminator-module-457
.forminator-error-message {

    margin-top:
        6px !important;

    padding:
        0 !important;

    background:
        transparent !important;

    font-family:
        "Sora", sans-serif !important;

    color:
        #ff668c !important;

    font-size:
        12px !important;
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

#forminator-module-457
.forminator-response-message {

    padding:
        24px !important;

    border:
        1px solid rgba(255,41,207,.4) !important;

    background:
        rgba(255,255,255,.025) !important;

    font-family:
        "Sora", sans-serif !important;

    color:
        #ffffff !important;

    font-size:
        15px !important;

    line-height:
        1.7 !important;
}


/* =========================================================
   BOTTOM NOTE
========================================================= */

.emx-request-note {

    max-width:
        850px;

    margin:
        18px auto 0;

    text-align:
        center;

    font-family:
        "Sora",
        sans-serif;

    font-size:
        12px;

    line-height:
        1.6;

    font-weight:
        300;

    color:
        #71667e;
}


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

@media (max-width: 1024px) {

    .emx-service-card {
        flex:
            0 1 calc((100% - 32px) / 3);
    }


    .emx-selected-gallery {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


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

@media (max-width: 800px) {

    .emx-service-card {
        flex:
            0 1 calc((100% - 16px) / 2);
    }

}


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

@media (max-width: 767px) {

    .emx-photo-container {
        width:
            min(100% - 40px, 1180px);
    }


    .emx-photo-hero {
        min-height:
            560px;

        margin-top:
            24px;
    }


    .emx-photo-hero .emx-photo-container {
        min-height:
            560px;

        background:
            linear-gradient(
                90deg,
                rgba(8,3,17,.99) 0%,
                rgba(8,3,17,.97) 38%,
                rgba(8,3,17,.78) 55%,
                rgba(8,3,17,.40) 69%,
                rgba(8,3,17,.12) 82%,
                transparent 94%
            ),
            url("https://images.pexels.com/photos/4125584/pexels-photo-4125584.jpeg?auto=compress&dpr=1&h=750&w=1260");

        background-repeat:
            no-repeat;

        background-size:
            cover;

        background-position:
            74% center;
    }


    .emx-photo-hero-copy {
        padding:
            65px 0;
    }


    .emx-photo-hero h1 {
        font-size:
            clamp(42px, 13vw, 58px);
    }


    .emx-photo-hero-copy p {
        font-size:
            16px;
    }


    .emx-section-intro h2,
    .emx-request-intro-content h2 {
        font-size:
            clamp(38px, 12vw, 54px);

        line-height:
            1;
    }


    .emx-outline-line {
        -webkit-text-stroke:
            1px #EDE9FF;
    }


    .emx-service-card {
        flex:
            0 0 100%;

        width:
            100%;

        min-height:
            auto;
    }


    .emx-photo-services {
        padding:
            70px 0;
    }


    .emx-photo-selected {
        padding:
            60px 0 45px;
    }


    .emx-selected-gallery {
        grid-template-columns:
            1fr;
    }


    .emx-selected-photo,
    .emx-selected-photo-tall,
    .emx-selected-photo-wide {
        height:
            340px;

        grid-row:
            auto;

        grid-column:
            auto;
    }


    .emx-request-section,
    .emx-request-intro {
        padding:
            70px 0 22px;
    }


    .emx-form-shell {
        width:
            calc(100% - 30px);

        padding:
            32px 24px;
    }


    #forminator-module-457
    .forminator-html h2,

    #forminator-module-457
    .forminator-html h3,

    #forminator-module-457
    .forminator-html h4,

    #forminator-module-457
    .forminator-field-html h2,

    #forminator-module-457
    .forminator-field-html h3,

    #forminator-module-457
    .forminator-field-html h4 {

        font-size:
            18px !important;
    }

}/* End custom CSS */