/* ==================  Theme CSS Starts ================== */
/** Colours */
/** Grid Content Sizes */
/** Interpolate sizes */
/** Media queries */
/** Grid Column Structure */
/** Side gutters */
/** Grid gutters */
/* ==================  Site Fonts  ================== */
/* ==================  Site Animations  ================== */
/* ==================  Responsive Grid Col Settings  ================== */
/* Generates classes for a grid of columns, prefixed by size. The result will be .col-[size]-[col]-[total-columns] E.g. .col-xs-6-12 @param {string}	$size			The name of the size target (e.g. xs, sm, md, lg, xl, etc.) @param {int}		$grid-columns	Amount of columns */
/* A mixin targeting a specific device width and larger. These are the available targets: 'xs', 'sm', 'md', 'lg', 'xl' @param {string} $media The target media */
/** Media queries */
/* ==================  Site Flex Settings  ================== */
/* ==================  Responsive Fonts Settings  ================== */
/* ==================  Theme CSS Ends ================== */
.comp-c { width: 100vw; height: 100vh; overflow-x: hidden; position: relative;}

.comp-c-logo { width: 400px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.comp-c-container { position: relative; top: calc(100% - 70px); -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.comp-c-contact-one {
    margin: 0;
    padding-bottom: 0;
    transform: unset;
}

.comp-c-container.layout-2-align { -moz-align-items: flex-end; -ms-align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.schedule_appointment {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
}

.comp-c-container.layout-2-align .comp-c-contact-one { text-align: left; }

.comp-c-container.layout-2-align .comp-c-contact-two { text-align: right; }

.comp-c-container.layout-2-align .comp-c-contact-two a { margin-top: 15px; display: inline-block; }

.comp-c-email { text-transform: lowercase !important; }

#scrollToSection { font-family: "Slate Light", sans-serif; font-weight: 300; font-style: normal; font-display: block; font-size: 16px; line-height: 18px; letter-spacing: 0.15em; text-transform: uppercase; color: #FFFFFF; }

#scrollToSection { font-size: 14px; }

@media screen and (min-width: 1400px) { #scrollToSection { font-size: calc(1.25vw - 3.5px); } }

@media screen and (min-width: 1560px) { #scrollToSection { font-size: 16px; } }

#scrollToSection { line-height: 17px; }

@media screen and (min-width: 1400px) { #scrollToSection { line-height: calc(0.625vw + 8.25px); } }

@media screen and (min-width: 1560px) { #scrollToSection { line-height: 18px; } }

/** Small desktop */
@media only screen and (max-width: 1399px) { .comp-c-container { top: calc(100% - 30px); } }

/** iPad portrait styles here */
@media only screen and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .comp-c-logo { top: calc(50% - 50px); }
    .comp-c-container { top: calc(100% - 80px); } }

/* Styles applied ONLY to iPads in landscape */
@media (min-device-width: 768px) and (max-device-width: 2752px) and (min-device-height: 768px) and (max-device-height: 2752px) and (orientation: landscape) and (any-pointer: coarse) { .comp-c { height: calc(100vh - 50px); height: calc(100svh); }
    .comp-c-logo { top: calc(50% - 30px); }
    .comp-c-container { top: calc(100% - 60px); } }

/** Mobile */
@media only screen and (max-width: 979px) { .comp-c { min-height: 100vh; height: auto;  }
    .comp-c.layout-2 { padding-top: calc(50vh - 67px); padding-top: calc(50svh - 67px); }
    .comp-c-container { width: 90%; position: relative; top: auto; bottom: auto; -webkit-transform: none; transform: none; -moz-align-items: flex-end; -ms-align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
    .comp-c-container.layout-2-align { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .comp-c-container.layout-2-align .comp-c-contact-one, .comp-c-container.layout-2-align .comp-c-contact-two { text-align: center; }
    .comp-c-container.layout-2-align .comp-c-contact-one a, .comp-c-container.layout-2-align .comp-c-contact-two a { margin-top: 0; }
    .comp-c-logo {
        height: 320px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transform: translateY(-40px);
    }
    body.page-id-3258 .comp-c-logo img { max-width: 270px; margin: 0 auto; }
}

/* approx. mobile devices in portrait */
@media only screen and (max-width: 1024px) and (orientation: landscape) { .comp-c.layout-1, .comp-c.layout-2 { padding-top: 60px; }
    .comp-c.layout-1 .comp-c-logo, .comp-c.layout-2 .comp-c-logo { margin-bottom: 15px; } }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcC1jb250YWN0L2NvbXAtY29udGFjdC5jc3MiLCJzb3VyY2VzIjpbImNvbXAtY29udGFjdC9jb21wLWNvbnRhY3Quc2NzcyIsIi4uL2Fzc2V0cy9jc3MvX3ZhcmlhYmxlcy5zY3NzIiwiLi4vYXNzZXRzL2Nzcy9fbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNkRBQTZEO0FDQTdELGNBRUc7QUFLSCx5QkFFRztBQUtILHdCQUVHO0FBSUgsb0JBRUc7QUFNSCw0QkFFRztBQU9ILG1CQUVHO0FBU0gsbUJBRUc7QUNsREgsd0RBQXdEO0FBb0d4RCw2REFBNkQ7QUFnQjdELDBFQUEwRTtBQUUxRSx5UUFNRztBQVNILGlLQUtHO0FBeUJILG9CQUVHO0FBaUJILGdFQUFnRTtBQXNJaEUsdUVBQXVFO0FGelR2RSwyREFBMkQ7QUFFM0QsQUFBQSxPQUFPLENBQUMsRUFDTixLQUFLLEVBQUUsS0FBSyxFQUNaLE1BQU0sRUFBRSxLQUFLLEVBQ2IsVUFBVSxFQUFFLE1BQU0sR0FLbkI7O0FBUkQsQUFLRSxPQUxLLENBS0wsWUFBWSxDQUFDLEVBQ1gsT0FBTyxFQUFFLEdBQUcsR0FDYjs7QUFHSCxBQUFBLFlBQVksQ0FBQyxFQUNYLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUUsR0FBRyxFRW1GVCxpQkFBaUIsRUZsRkUscUJBQXFCLEVFbUZ4QyxjQUFjLEVGbkZLLHFCQUFxQixFRW9GeEMsYUFBYSxFRnBGTSxxQkFBcUIsRUVxRnhDLFNBQVMsRUZyRlUscUJBQXFCLEdBQ3pDOztBQUVELEFBQUEsaUJBQWlCLENBQUMsRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsR0FBRyxFQUFFLGlCQUFpQixFQUN0QixTQUFTLEVBQUUsaUJBQWlCLEdBbUI3Qjs7QUF0QkQsQUFLRSxpQkFMZSxBQUtkLGVBQWUsQ0FBQyxFRStRakIsbUJBQW1CLEVGOVFJLFFBQVEsRUUrUS9C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 */

/*# sourceMappingURL=comp-contact.css.map */

.comp-sfv-gallery-holder { height: 100%; }

.comp-sfv-gallery-holder .splide__slide { width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; }

.comp-sfv-gallery-image { width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; }

.comp-sfv-gallery-image:before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; min-height: 150px; z-index: 99; }

.comp-sfv-gallery-image .comp-sfv-gallery-image-ipad { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.comp-sfv-gallery-image .comp-sfv-gallery-image-ipad:before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; min-height: 150px; }

.comp-sfv-gallery-image .comp-sfv-gallery-image-ipad img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }

.comp-sfv-gallery-image .comp-sfv-gallery-image-mobile-landscape:before { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; min-height: 150px; }

.comp-sfv-audio #playAudio { width: 58px; font-family: 'Slate Regular'; text-align: left; }

@supports (height: 100svh) { .comp-sfv-gallery-holder .splide__slide { height: 100svh; }
    .comp-sfv-gallery-image { height: 100svh; } }

.comp-sfv-gallery-video { overflow: hidden; height: 100%; }

.comp-sfv-gallery-video video { position: absolute; width: 100%; height: auto; min-width: 100%; min-height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; -o-object-fit: cover; object-fit: cover; }

.comp-sfv-gallery-video:after { content: ''; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; min-height: 150px; }

.comp-sfv-fade-off.comp-sfv-gallery-image:before, .comp-sfv-fade-off.comp-sfv-gallery-video:after { display: none; }

.comp-sfv-details-holder { position: absolute; bottom: 65px; left: 0; right: 0; z-index: 99; color: #FFFFFF; }

.comp-sfv-subtitle { padding-bottom: 10px; }

.comp-sfv-text { max-width: 520px; }

.comp-sfv-details-centered { position: absolute; bottom: 50px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; color: #FFFFFF; text-align: center; width: 90%; }

.comp-sfv-sliding-bg-container { overflow: hidden; position: relative; width: 100%; height: 100vh; max-height: 100vh; z-index: 99; }

:root { --comp-sfv-image-overlay-height: 150%; }

.comp-sfv-sliding-background, .comp-sfv-sliding-background-right { width: 100%; /* Adjust based on your layout */ height: 100%; /* Height of the visible area */ position: relative; top: -20vh; -webkit-animation: scroll-vertical 15s linear infinite; animation: scroll-vertical 15s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; will-change: transform; /* Changed from top to transform */ -webkit-transform: translateY(0); transform: translateY(0); }

.comp-sfv-sliding-background.width-opiton-2, .comp-sfv-sliding-background-right.width-opiton-2 { -webkit-animation: scroll-vertical-2 30s linear infinite; animation: scroll-vertical-2 30s linear infinite; }

.comp-sfv-sliding-background img, .comp-sfv-sliding-background-right img { width: auto; /* Ensure the image covers the container width */ height: var(--comp-sfv-image-overlay-height); /* Maintain aspect ratio */ }

.comp-sfv-sliding-background.width-opiton-2 img, .comp-sfv-sliding-background-right.width-opiton-2 img { height: calc(var(--comp-sfv-image-overlay-height) * 2.2); }

body.page-loaded .comp-sfv-sliding-background, body.page-loaded .comp-sfv-sliding-background-right { -webkit-animation-play-state: running; animation-play-state: running; }

.comp-sfv-sliding-background-right img { display: -webkit-box; display: -ms-flexbox; display: flex; justify-self: flex-end; margin-left: auto; margin-right: 10px; }

@-webkit-keyframes scroll-vertical { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(calc(var(--comp-sfv-image-overlay-height) * -1)); transform: translateY(calc(var(--comp-sfv-image-overlay-height) * -1)); } }

@keyframes scroll-vertical { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(calc(var(--comp-sfv-image-overlay-height) * -1)); transform: translateY(calc(var(--comp-sfv-image-overlay-height) * -1)); } }

@-webkit-keyframes scroll-vertical-2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(calc(var(--comp-sfv-image-overlay-height) * 2.2 * -1)); transform: translateY(calc(var(--comp-sfv-image-overlay-height) * 2.2 * -1)); } }

@keyframes scroll-vertical-2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(calc(var(--comp-sfv-image-overlay-height) * 2.2 * -1)); transform: translateY(calc(var(--comp-sfv-image-overlay-height) * 2.2 * -1)); } }

.comp-sfv-opacity { opacity: 0.5; }

.comp-sfv-next-prev { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 1; opacity: 1; }

.comp-sfv-next-prev .btn-next, .comp-sfv-next-prev .btn-previous { border-radius: 50%; height: 45px; width: 45px; cursor: pointer; background-color: rgba(0, 0, 0, 0.3); }

.comp-sfv-next-prev .btn-next:hover, .comp-sfv-next-prev .btn-previous:hover { opacity: 1; }

.comp-sfv-next-prev .btn-next svg, .comp-sfv-next-prev .btn-previous svg { display: inline-block; height: 100%; }

.comp-sfv-audio { position: absolute; right: 70px; bottom: 65px; z-index: 1; color: #FFFFFF; }

/** Small desktop */
@media only screen and (max-width: 1399px) { :root { --comp-sfv-image-overlay-height: 100%; }
    .comp-sfv-details-holder { bottom: 10vw; }
    /* Override if svh is supported */
    @supports (height: 100svh) { .comp-sfv-details-holder { bottom: 30px; } }
    .comp-sfv-text { max-width: 400px; }
    .comp-sfv-next-prev .btn-next, .comp-sfv-next-prev .btn-previous { height: 50px; width: 50px; }
    .comp-sfv-next-prev .btn-next svg, .comp-sfv-next-prev .btn-previous svg { width: 12px; }
    .comp-sfv-audio { bottom: 30px; } }

/** iPad portrait styles here */
@media (min-device-width: 768px) and (max-device-width: 2752px) and (min-device-height: 768px) and (max-device-height: 2752px) and (any-pointer: coarse) and (orientation: portrait) { .comp-sfv-gallery-image .comp-sfv-gallery-image-ipad { display: block !important; }
    .comp-sfv.comp-sfv-has-audio .comp-sfv-details-holder { top: calc(100svh - 90px); }
    .comp-sfv-gallery-video video.hide-on-responsive { display: none !important; }
    .comp-sfv-gallery-video video.show-on-responsive { display: block !important; } }

/* Styles applied ONLY to iPads */
@media (min-device-width: 768px) and (max-device-width: 2752px) and (min-device-height: 768px) and (max-device-height: 2752px) and (any-pointer: coarse) { :root { --comp-sfv-image-overlay-height: 105%; }
    @supports (height: 100dvh) { .comp-sfv-gallery-holder .splide__slide { height: 100vh; }
        .comp-sfv-gallery-image { height: 100vh; }
        .comp-sfv-sliding-bg-container { height: 100vh; }
        .comp-sfv-details-holder { top: calc(100svh - 30px); bottom: auto !important; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } }

/** Mobile */
@media only screen and (max-width: 979px) { :root { --comp-sfv-image-overlay-height: 80%; }
    .comp-sfv { background-color: #000000; }
    .comp-sfv-gallery-holder .splide__slide { height: 100svh; max-height: 100vh; background-position: top; }
    .comp-sfv-gallery-image { height: 100svh; max-height: 100vh; background-position: top; }
    .comp-sfv-gallery-image .comp-sfv-gallery-image-mobile-landscape { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .comp-sfv-gallery-image .comp-sfv-gallery-image-mobile-landscape img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }
    .comp-sfv-gallery-holder .splide__slide { margin-right: 0 !important; }
    .comp-sfv-details-holder { left: 5%; right: 5%; }
    /* Override if svh is supported */
    @supports (height: 100svh) { .comp-sfv-details-holder { bottom: 4vw; } }
    .comp-sfv-has-audio .comp-sfv-details-holder { bottom: 80px; }
    .comp-sfv-sliding-bg-container { height: 100svh; max-height: 100vh; }
    .comp-sfv-sliding-background { padding-left: 5px; }
    .comp-sfv-sliding-background-right { padding-right: 5px; }
    .comp-sfv-details-centered { bottom: 0; }
    .comp-sfv-next-prev .btn-next, .comp-sfv-next-prev .btn-previous { height: 36px; width: 36px; }
    .comp-sfv-next-prev .btn-next svg, .comp-sfv-next-prev .btn-previous svg { width: 8.5px; }
    .comp-sfv-audio { left: 5%; bottom: 4vw; }
    .comp-sfv-subtitle * { font-size: 13px; } }

/** Tablet fix */
@media only screen and (min-width: 660px) and (max-width: 979px) { :root { --comp-sfv-image-overlay-height: 100%; } }

/* approx. mobile devices in landscape */
@media only screen and (max-device-width: 1024px) and (orientation: landscape) and (pointer: coarse) { .comp-sfv-gallery-image .comp-sfv-gallery-image-mobile-landscape { display: block; }
    :root { --comp-sfv-image-overlay-height: 140%; }
    .comp-sfv-subtitle { padding-bottom: 5px; }
    .comp-sfv-details-holder { left: 4%; right: 4%; }
    .comp-sfv-audio { left: 4%; }
    .comp-sfv-gallery-holder .splide__slide { height: 100vh !important; }
    .comp-sfv-gallery-video video.hide-on-responsive { display: block !important; }
    .comp-sfv-gallery-video video.show-on-responsive { display: none !important; }
    .single-proposal .comp-sfv-gallery-image { height: 100vh; }
    .comp-sfv-next-prev { width: 100%; padding: 0 20px; } }