@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@backgroundColor: #FEFAE6;
@primaryColor: #4D5E85;
@secondaryColor: #A40E4C;
@successColor: #20AC6B;
@infoColor: #0AA3C2;
@warningColor: #CC9900;
@dangerColor: #AE1E2C;
@mainFont: Liter;
@display1Font: 'Liter', sans-serif;
@display1Size: 5;
@display2Font: 'Liter', sans-serif;
@display2Size: 4;
@display5Font: 'Liter', sans-serif;
@display5Size: 2.5;
@display7Font: 'Liter', sans-serif;
@display7Size: 1.4;
@display4Font: 'Liter', sans-serif;
@display4Size: 1.2;
@isRoundedImages: true;
@isRoundedButtons: true;
@isLargeButtons: true;
@isGhostButtonBorder: true;
@underlinedLinks: false;
@isAnimatedOnScroll: false;
@isScrollToTopButton: false;
@isPublish: false;

@btn-font-size: 1rem;
@btn-border-radius: 4px;
@btn-padding-y: 1.25rem;
@btn-padding-x: 2rem;

@btn-font-size-sm: .8rem;
@btn-border-radius-sm: 4px;
@btn-padding-y-sm: .6rem;
@btn-padding-x-sm: 1.2rem;

@btn-font-size-md: .8rem;
@btn-border-radius-md: 4px;
@btn-padding-y-md: .6rem;
@btn-padding-x-md: 1.2rem;

@btn-font-size-lg: 1rem;
@btn-border-radius-lg: 4px;
@btn-padding-y-lg: 1.25rem;
@btn-padding-x-lg: 2rem;

.btn when (@isGhostButtonBorder) {
    border-width: 2px;
}

img,
.card-wrap,
.card-wrapper,
.video-wrapper,
.mbr-figure iframe,
.google-map iframe,
.slide-content,
.plan,
.card,
.item-wrapper {

    & when not (@isRoundedImages) {
        border-radius: 0 !important;
    }

    & when (@isRoundedImages) {
        border-radius: 2rem !important;
    }
}

.video-wrapper {
    overflow: hidden;
}

// .btn when not (@isLargeButtons) {
//     padding: 0.75rem 1.5rem !important;
// }

// .btn when (@isLargeButtons) {
//     @media (max-width: 767px) {
//         padding: 0.75rem 1.5rem !important;
//     }
// }

// BACKGROUND

body {
    background-color: @backgroundColor;
}

// fix for builder
& when not (@isPublish) {
    .is-builder .template {
        background-color: @backgroundColor;
    }
}

// FONTS

body {
    font-family: @mainFont;
}

.display-1 {
    font-family: @display1Font;
    font-size: @display1Size *1rem;
    line-height: 1;

    >.mbr-iconfont {
        font-size: @display1Size *1.25rem;
    }
}

.display-2 {
    font-family: @display2Font;
    font-size: @display2Size *1rem;
    line-height: 1;

    >.mbr-iconfont {
        font-size: @display2Size *1.25rem;
    }
}

.display-4 {
    font-family: @display4Font;
    font-size: @display4Size *1rem;
    line-height: 1.5;

    >.mbr-iconfont {
        font-size: @display4Size *1.25rem;
    }
}

.display-5 {
    font-family: @display5Font;
    font-size: @display5Size *1rem;
    line-height: 1.5;

    >.mbr-iconfont {
        font-size: @display5Size *1.25rem;
    }
}

.display-7 {
    font-family: @display7Font;
    font-size: @display7Size *1rem;
    line-height: 1.3;

    >.mbr-iconfont {
        font-size: @display7Size *1.25rem;
    }
}

/* ---- Fluid typography for mobile devices ---- */

/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */


@media (max-width: 992px) {
    .display-1 {
        font-size: @display1Size * 0.8rem;
    }
}

@media (max-width: 768px) {
    .display-1 {
        @display1Size-min: @display1Size - (@display1Size - 1) * 0.65;
        font-size: @display1Size * 0.7rem;
        font-size:~"calc( @{display1Size-min}rem + (@{display1Size} - @{display1Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.1 * (@{display1Size-min}rem + (@{display1Size} - @{display1Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-2 {
        @display2Size-min: @display2Size - (@display2Size - 1) * 0.65;
        font-size: @display2Size * 0.8rem;
        font-size:~"calc( @{display2Size-min}rem + (@{display2Size} - @{display2Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.3 * (@{display2Size-min}rem + (@{display2Size} - @{display2Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-4 {
        @display4Size-min: @display4Size - (@display4Size - 1) * 0.65;
        font-size: @display4Size * 0.8rem;
        font-size:~"calc( @{display4Size-min}rem + (@{display4Size} - @{display4Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display4Size-min}rem + (@{display4Size} - @{display4Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-5 {
        @display5Size-min: @display5Size - (@display5Size - 1) * 0.65;
        font-size: @display5Size * 0.8rem;
        font-size:~"calc( @{display5Size-min}rem + (@{display5Size} - @{display5Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display5Size-min}rem + (@{display5Size} - @{display5Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }

    .display-7 {
        @display7Size-min: @display7Size - (@display7Size - 1) * 0.65;
        font-size: @display7Size * 0.8rem;
        font-size:~"calc( @{display7Size-min}rem + (@{display7Size} - @{display7Size-min}) * ((100vw - 20rem) / (48 - 20)))";
        line-height:~"calc( 1.4 * (@{display7Size-min}rem + (@{display7Size} - @{display7Size-min}) * ((100vw - 20rem) / (48 - 20))))";
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .display-1 {
        @display1Size-min: @display1Size - (@display1Size - 1) * 0.65;
        font-size: @display1Size * 0.7rem;
        font-size:~"calc( @{display1Size-min}rem + (@{display1Size} - @{display1Size-min}) * ((100vw - 62rem) / (87 - 62)))";
        line-height:~"calc( 1.1 * (@{display1Size-min}rem + (@{display1Size} - @{display1Size-min}) * ((100vw - 62rem) / (87 - 62))))";
    }

    .display-2 {
        @display2Size-min: @display2Size - (@display2Size - 1) * 0.65;
        font-size: @display2Size * 0.8rem;
        font-size:~"calc( @{display2Size-min}rem + (@{display2Size} - @{display2Size-min}) * ((100vw - 62rem) / (87 - 62)))";
        line-height:~"calc( 1.3 * (@{display2Size-min}rem + (@{display2Size} - @{display2Size-min}) * ((100vw - 62rem) / (87 - 62))))";
    }

    .display-4 {
        @display4Size-min: @display4Size - (@display4Size - 1) * 0.65;
        font-size: @display4Size * 0.8rem;
        font-size:~"calc( @{display4Size-min}rem + (@{display4Size} - @{display4Size-min}) * ((100vw - 62rem) / (87 - 62)))";
        line-height:~"calc( 1.4 * (@{display4Size-min}rem + (@{display4Size} - @{display4Size-min}) * ((100vw - 62rem) / (87 - 62))))";
    }

    .display-5 {
        @display5Size-min: @display5Size - (@display5Size - 1) * 0.65;
        font-size: @display5Size * 0.8rem;
        font-size:~"calc( @{display5Size-min}rem + (@{display5Size} - @{display5Size-min}) * ((100vw - 62rem) / (87 - 62)))";
        line-height:~"calc( 1.4 * (@{display5Size-min}rem + (@{display5Size} - @{display5Size-min}) * ((100vw - 62rem) / (87 - 62))))";
    }

    .display-7 {
        @display7Size-min: @display7Size - (@display7Size - 1) * 0.65;
        font-size: @display7Size * 0.8rem;
        font-size:~"calc( @{display7Size-min}rem + (@{display7Size} - @{display7Size-min}) * ((100vw - 62rem) / (87 - 62)))";
        line-height:~"calc( 1.4 * (@{display7Size-min}rem + (@{display7Size} - @{display7Size-min}) * ((100vw - 62rem) / (87 - 62))))";
    }
}

/* Buttons */
.button-variant(@background) {
    @color: contrast(@background, darken(@background, 50%), #ffffff, 60%);
    @border: @background;
    @active-color: @color;
    @active-border: @active-background;

    @active-background: if(eq(@background, @color),
            #fafafa,
            lighten(@background, 10%));

    &,
    &:active {
        background-color: @background !important;
        border-color: @border !important;
        color: @color !important;
        box-shadow: none;
    }

    &:hover,
    &:focus,
    &.focus,
    &.active {
        color: inherit;
        background-color: @active-background !important;
        border-color: @active-border !important;
        box-shadow: none;
    }

    &.disabled,
    &:disabled {
        color: @active-color !important;
        background-color: @active-background !important;
        border-color: @active-border !important;
    }
}

.button-outline-variant(@color) {
    @active-color: contrast(@color, darken(@color, 50%), #ffffff, 60%);
    @active-background: @color;
    @new-color: if(eq(@color, @active-color),
            #fafafa,
            darken(@color, 17%));

    &,
    &:active {
        background-color: transparent !important;

        & when (@isGhostButtonBorder) {
            border-color: @color;
        }

        & when not (@isGhostButtonBorder) {
            border-color: transparent;
        }

        color: @color;
    }

    &:hover,
    &:focus,
    &.focus,
    &.active {
        color: @new-color !important;
        background-color: transparent !important;

        & when (@isGhostButtonBorder) {
            border-color: @new-color !important;
        }

        & when not (@isGhostButtonBorder) {
            border-color: transparent !important;
        }

        box-shadow: none !important;
    }

    &.disabled,
    &:disabled {
        color: @active-color !important;
        background-color: @active-background !important;
        border-color: @active-background !important;
    }
}

.plan-variant(@className, @color) {
    &@{className} {

        .mbr-plan-subtitle,
        .mbr-plan-price-desc {
            @max: max(red(@color), green(@color), blue(@color));

            & when (@max > 200) {
                color: lighten(@color, 40%);
            }

            & when (@max > 85) and (@max <=200) {
                color: lighten(@color, 25%);
            }

            & when (@max > 50) and (@max <=85) {
                color: lighten(@color, 45%);
            }

            & when (@max <=50) {
                color: lighten(@color, 70%);
            }
        }
    }
}

.button-size(@btn-padding-y, @btn-padding-x, @btn-font-size, @btn-border-radius) {
    padding: @btn-padding-y @btn-padding-x;
    border-radius: @btn-border-radius;
}

.btn {
    .button-size(@btn-padding-y, @btn-padding-x, @btn-font-size, @btn-border-radius);
    & when not (@isLargeButtons) {
        padding: 0.75rem 1.5rem;
    }
    & when (@isLargeButtons) {
        @media (max-width: 767px) {
            padding: 0.75rem 1.5rem;
        }
    }
}

.btn-sm {
    .button-size(@btn-padding-y-sm, @btn-padding-x-sm, @btn-font-size-sm, @btn-border-radius-sm);
}

.btn-md {
    .button-size(@btn-padding-y-md, @btn-padding-x-md, @btn-font-size-md, @btn-border-radius-md);
}

.btn-lg {
    .button-size(@btn-padding-y-lg, @btn-padding-x-lg, @btn-font-size-lg, @btn-border-radius-lg);
}

.bg-primary {
    background-color: @primaryColor !important;
}

.bg-success {
    background-color: @successColor !important;
}

.bg-info {
    background-color: @infoColor !important;
}

.bg-warning {
    background-color: @warningColor !important;
}

.bg-danger {
    background-color: @dangerColor !important;
}

.btn-primary {
    .button-variant(@primaryColor);
}

.btn-secondary {
    .button-variant(@secondaryColor);
}

.btn-info {
    .button-variant(@infoColor);
}

.btn-success {
    .button-variant(@successColor);
}

.btn-warning {
    .button-variant(@warningColor);
}

.btn-danger {
    .button-variant(@dangerColor);
}

.btn-white {
    .button-variant(#eff0ec);
}

.btn-black {
    .button-variant(#232323);
}

.btn-primary-outline {
    .button-outline-variant(@primaryColor);
}

.btn-secondary-outline {
    .button-outline-variant(@secondaryColor);
}

.btn-info-outline {
    .button-outline-variant(@infoColor);
}

.btn-success-outline {
    .button-outline-variant(@successColor);
}

.btn-warning-outline {
    .button-outline-variant(@warningColor);
}

.btn-danger-outline {
    .button-outline-variant(@dangerColor);
}

.btn-black-outline {
    .button-outline-variant(#232323);
}

.btn-white-outline {
    .button-outline-variant(#fafafa);
}

.text-primary {
    color: @primaryColor !important;
}

.text-secondary {
    color: @secondaryColor !important;
}

.text-success {
    color: @successColor !important;
}

.text-info {
    color: @infoColor !important;
}

.text-warning {
    color: @warningColor !important;
}

.text-danger {
    color: @dangerColor !important;
}

.text-white {
    color: #fafafa !important;
}

.text-black {
    color: #232323 !important;
}

a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
    color: darken(@primaryColor, 20%) !important;
}

a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
    color: darken(@secondaryColor, 20%) !important;
}

a.text-success:hover,
a.text-success:focus,
a.text-success.active {
    color: darken(@successColor, 20%) !important;
}

a.text-info:hover,
a.text-info:focus,
a.text-info.active {
    color: darken(@infoColor, 20%) !important;
}

a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
    color: darken(@warningColor, 20%) !important;
}

a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
    color: darken(@dangerColor, 20%) !important;
}

a.text-white:hover,
a.text-white:focus,
a.text-white.active {
    color: darken(#fafafa, 20%) !important;
}

a.text-black:hover,
a.text-black:focus,
a.text-black.active {
    color: darken(#232323, 20%) !important;
}

& when (@underlinedLinks) {
    a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
        transition: 0.2s;
        position: relative;
        background-image: linear-gradient(currentColor 50%, currentColor 50%);
        background-size: 10000px 2px;
        background-repeat: no-repeat;
        background-position: 0 1.2em;
    }
}

& when not (@underlinedLinks) {
    a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
        position: relative;
        background-image: transparent;
        background-size: 10000px 2px;
        background-repeat: no-repeat;
        background-position: 0px 1.2em;
        background-position: -10000px 1.2em;

        &:hover {
            transition: background-position 2s ease-in-out;
            background-image: linear-gradient(currentColor 50%, currentColor 50%);
            background-position: 0px 1.2em;
        }
    }
}

.nav-tabs .nav-link {
    &.active {
        color: @primaryColor;
    }

    &:not(.active) {
        color: #232323;
    }
}

.alert-success {
    background-color: #70c770;
}

.alert-info {
    background-color: @infoColor;
}

.alert-warning {
    background-color: @warningColor;
}

.alert-danger {
    background-color: @dangerColor;
}

.mbr-section-btn .btn:not(.btn-form) {
    & when (@isRoundedButtons) {
        border-radius: 100px;
    }
}

.mbr-gallery-filter li a when(@isRoundedButtons) {
    border-radius: 100px !important;
}

.mbr-gallery-filter {
    li.active .btn {
        background-color: @primaryColor;
        border-color: @primaryColor;
        color: contrast(@primaryColor, darken(@primaryColor, 45%), #ffffff, 60%);

        &:focus {
            box-shadow: none;
        }
    }
}

.nav-tabs .nav-link when(@isRoundedButtons) {
    border-radius: 100px !important;
}

a,
a:hover {
    color: @primaryColor;
}

.mbr-plan-header {
    .plan-variant(~'.bg-primary', @primaryColor);
    .plan-variant(~'.bg-success', @successColor);
    .plan-variant(~'.bg-info', @infoColor);
    .plan-variant(~'.bg-warning', @warningColor);
    .plan-variant(~'.bg-danger', @dangerColor);
}

/* Scroll to top button*/
.scrollToTop_wraper when not(@isScrollToTopButton) {
    display: none;
}

#scrollToTop a when (@isScrollToTopButton) and (@isRoundedButtons) {
    border-radius: 100px;
}

.form-control {
    .display-7;
    font-weight: 400;
    & when(@isRoundedButtons) {
        border-radius: 40px !important;
    }
    &:hover,
    &:focus {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
        border-color: @primaryColor !important;
    }
}

.form-control:-webkit-input-placeholder {
    .display-7;
    font-weight: 400;
}

blockquote {
    border-color: @primaryColor;
}

/* Forms */
.mbr-form {
    .input-group-btn .btn when(@isRoundedButtons) {
        border-radius: 100px !important;

        &:hover {
            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2);
        }
    }

    .input-group-btn button[type="submit"] when (@isRoundedButtons) {
        border-radius: 100px !important;
        padding: 1rem 3rem;

        &:hover {
            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2);
        }
    }
}

//formstyler
.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: @primaryColor;
    color: contrast(@primaryColor, #000000, #ffffff, 60%)
}

.jq-number__spin {
    transition: 0.25s ease;
}

.jq-number__spin:hover {
    border-color: @primaryColor;
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
    transition: 0.4s;
    border-top-color: #232323;
    border-bottom-color: #232323;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
    border-top-color: @primaryColor;
    border-bottom-color: @primaryColor;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    color: contrast(@primaryColor, #000, #fff, 30%) !important;
    background-color: @primaryColor !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: contrast(@secondaryColor, #000, #fff, 30%) !important;
    background: @secondaryColor !important;
    box-shadow: none !important
}

//lazyload
.lazy-bg {
    background-image: none !important;
}

.lazy-placeholder:not(section),
.lazy-none {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: auto;
}

iframe.lazy-placeholder,
.lazy-placeholder:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: transparent no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    @fillSVG: replace("@{primaryColor}", "#", "%23");
    background-image: url("../../../data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='@{fillSVG}' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

section.lazy-placeholder:after {
    opacity: 0.5;
}

body {
    overflow-x: hidden;
}

a {
    transition: color 0.6s;
}

@media (max-width: 1400px) {
    .container {
        max-width: 100%;
        @media (min-width: 768px) {
            padding-left: 32px;
            padding-right: 32px;
        }
    }
    .container-fluid {
        @media (min-width: 768px) {
            padding-left: 32px;
            padding-right: 32px;
        }
    }
}

@media (max-width: 767px) {
    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }
}@isPublish: true;

#custom-html-0 {


/* ==========================================================
   LTP Cars block - every rule is scoped to #ltp
   The reset below stops the Mobirise theme styles leaking in
   ========================================================== */
#ltp{display:block;width:100%;text-align:left;font-style:normal;text-transform:none;letter-spacing:normal;font-family:'Inter',system-ui,Arial,sans-serif;font-size:16px;line-height:1.65;font-weight:400}
#ltp,#ltp *,#ltp *::before,#ltp *::after{box-sizing:border-box;margin:0;padding:0;float:none;font-family:'Inter',system-ui,Arial,sans-serif;letter-spacing:normal;text-transform:none;font-style:normal}
#ltp p,#ltp span,#ltp div,#ltp li,#ltp ul,#ltp ol,#ltp a,#ltp small,#ltp b,#ltp strong,#ltp h1,#ltp h2,#ltp h3,#ltp h4,#ltp summary,#ltp details,#ltp address,#ltp nav,#ltp section,#ltp header,#ltp footer,#ltp label{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-align:inherit;background:none;border:0;border-radius:0;text-shadow:none;text-decoration:none;list-style:none;width:auto;height:auto;min-height:0;max-width:none;box-shadow:none;transform:none;opacity:1;position:static}
#ltp img{max-width:100%;width:auto;height:auto;display:block;border-radius:0}
#ltp iframe{max-width:100%}

#ltp{--gold:#FB9900; --gold2:#ffb900; --bg:#141414; --bg2:#0e0e0e; --card:#1a1a1a; --line:rgba(255,255,255,.09); --goldline:rgba(251,153,0,.22); --text:#FFFDFF; --muted:#a3a9b1; --radius:14px;}
#ltp *{box-sizing:border-box;margin:0;padding:0}
#ltp{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#ltp{font-family:'Inter',system-ui,Arial,sans-serif;background:var(--bg);color:var(--muted);line-height:1.65;font-size:16px;overflow-x:hidden}
#ltp a{color:inherit;text-decoration:none}
#ltp img{max-width:100%;height:auto;display:block}
#ltp a:focus-visible,#ltp summary:focus-visible,#ltp label:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#ltp .wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}
#ltp section{padding:80px 0}
#ltp .alt{background:var(--bg2)}
#ltp h1,#ltp h2,#ltp h3{color:var(--text);line-height:1.2;letter-spacing:-.02em}
#ltp h2{font-size:clamp(26px,4vw,44px);font-weight:800}
#ltp h3{font-size:18px;font-weight:700}
#ltp .center{text-align:center}
#ltp .lead{max-width:760px;margin:16px auto 0;font-size:clamp(15px,1.6vw,18px)}
#ltp .badge{display:inline-block;padding:5px 14px;border:1px solid rgba(251,153,0,.4);background:rgba(251,153,0,.1);color:var(--gold);border-radius:999px;font-size:13px;font-weight:600;margin-bottom:16px}
#ltp .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:12px;font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;text-align:center;transition:background .2s,border-color .2s}
#ltp .btn-gold{background:var(--gold);color:#000}
#ltp .btn-gold:hover{background:var(--gold2)}
#ltp .btn-ghost{border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:#fff}
#ltp .btn-ghost:hover{background:rgba(255,255,255,.1)}
#ltp .btn-wa:hover{background:#25d366;border-color:#25d366}
#ltp .btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
#ltp .center .btns,#ltp .hero .btns,#ltp .btns.mid{justify-content:center}
#ltp .grid{display:grid;gap:18px;margin-top:40px}
#ltp .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
#ltp .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
#ltp .g5{grid-template-columns:repeat(5,minmax(0,1fr))}
#ltp .card{background:var(--card);border:1px solid var(--goldline);border-radius:var(--radius);padding:22px;transition:border-color .25s;min-width:0}
#ltp .card:hover{border-color:rgba(251,153,0,.55)}
#ltp .card p{font-size:15px;margin-top:8px}
#ltp .ico{width:42px;height:42px;border-radius:12px;background:rgba(251,153,0,.18);color:var(--gold);display:grid;place-items:center;margin-bottom:16px}
#ltp .ico svg{width:20px;height:20px}
#ltp .more{display:inline-block;margin-top:14px;color:var(--gold);font-weight:600;font-size:15px}
#ltp header{position:sticky;top:0;z-index:50;background:#171717;border-bottom:1px solid var(--line)}
#ltp .hbar{display:flex;align-items:center;justify-content:space-between;height:78px;gap:12px}
#ltp .logo{flex:none}
#ltp .logo img{width:140px}
#ltp nav.main{display:flex;align-items:center;gap:0;flex-wrap:nowrap}
#ltp nav.main>a,#ltp .dd>a{display:inline-flex;align-items:center;gap:4px;padding:8px 9px;font-size:14px;color:#e8e8e8;border-radius:10px;white-space:nowrap}
#ltp nav.main>a:hover,#ltp .dd:hover>a{color:var(--gold2);background:rgba(251,153,0,.08)}
#ltp .caret{font-size:10px;opacity:.8}
#ltp .dd{position:relative}
#ltp .dd .panel{position:absolute;left:0;top:100%;padding-top:10px;display:none;min-width:250px}
#ltp .dd .panel.right{left:auto;right:0}
#ltp .dd:hover .panel,#ltp .dd:focus-within .panel{display:block}
#ltp .panel div{background:#171717;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.6)}
#ltp .panel a{display:block;padding:9px 13px;font-size:14px;color:#ddd;border-radius:10px;white-space:nowrap}
#ltp .panel a:hover{background:rgba(251,153,0,.11);color:var(--gold2)}
#ltp .hbtn{flex:none;min-height:42px;padding:8px 20px}
#ltp #menu-toggle{position:absolute;opacity:0;pointer-events:none}
#ltp .burger{display:none;flex:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:12px;align-items:center;justify-content:center;color:#fff;cursor:pointer}
#ltp .burger svg{width:22px;height:22px}
#ltp .mnav{display:none}
#ltp .hero{position:relative;min-height:720px;display:flex;align-items:center;text-align:center;padding:90px 0; background:url('https://cdn.qmhtech.com/ltp/1786522060_15b012df658dc82c_london-heathrow-airport-transfers.webp') center/cover}
#ltp .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.86),rgba(10,10,10,.8) 60%,rgba(10,10,10,.92))}
#ltp .hero .wrap{position:relative;display:flex;flex-direction:column;align-items:center}
#ltp .hero h1{font-size:clamp(30px,5vw,56px);font-weight:800;max-width:920px}
#ltp .hero p.lead{color:rgba(255,255,255,.84);font-size:clamp(16px,1.8vw,19px);max-width:760px}
#ltp .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:860px;margin-top:40px}
#ltp .stat{background:rgba(23,23,23,.85);border:1px solid rgba(123,51,6,.4);border-radius:12px;padding:16px 10px}
#ltp .stat b{display:block;color:#fff;font-size:clamp(22px,3vw,30px);font-weight:800}
#ltp .stat span{font-size:13px}
#ltp .about{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center}
#ltp .about p{margin-top:14px}
#ltp .includes{border:1px solid var(--gold);border-radius:24px;padding:26px;background:radial-gradient(circle at 15% 20%,rgba(242,202,142,.1),rgba(251,153,0,0) 80%)}
#ltp .includes ul{list-style:none;margin-top:14px}
#ltp .includes li{display:flex;gap:10px;margin-top:12px;color:#d4d4d8}
#ltp .includes li::before{content:"✓";color:var(--gold);font-weight:800}
#ltp .fleet .card{text-align:center;padding:18px 14px;display:flex;flex-direction:column}
#ltp .fleet h3{color:var(--gold);font-size:17px}
#ltp .fleet img{height:100px;width:100%;object-fit:contain;margin:14px 0}
#ltp .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:15px;color:#fff;font-weight:700;margin-top:auto}
#ltp .specs small{display:block;color:var(--muted);font-weight:500;font-size:11px;line-height:1.3}
#ltp .outline{display:block;margin-top:14px;padding:10px 6px;border:1px solid rgba(251,153,0,.65);background:rgba(251,153,0,.08);border-radius:8px;color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ltp .outline:hover{background:rgba(251,153,0,.16)}
#ltp .air{padding:0;overflow:hidden;display:flex;flex-direction:column}
#ltp .air .img{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center}
#ltp .air .code{position:absolute;left:14px;top:14px;background:rgba(0,0,0,.8);border:1px solid rgba(251,153,0,.4);color:var(--gold);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}
#ltp .air .body{padding:20px;flex:1;display:flex;flex-direction:column}
#ltp .air .body p{flex:1}
#ltp .price .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
#ltp .price .top b{color:var(--gold);font-size:21px;font-weight:800}
#ltp .price .top span{font-size:11px;border:1px solid rgba(251,153,0,.3);color:var(--gold);padding:3px 10px;border-radius:999px;white-space:nowrap}
#ltp .price h3{margin-top:10px;font-size:18px}
#ltp .price .from{margin-top:6px;color:#fff;font-size:26px;font-weight:800}
#ltp .price .from small{font-size:12px;color:var(--muted);font-weight:500;margin-left:6px}
#ltp .note{margin:20px auto 0;font-size:14px;text-align:center;max-width:760px}
#ltp .note a{color:var(--gold)}
#ltp .stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:36px}
#ltp .stations a{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:#fff;font-weight:600;font-size:15px}
#ltp .stations a small{display:block;color:var(--muted);font-weight:400;font-size:13px}
#ltp .stations a:hover{border-color:rgba(251,153,0,.5);color:var(--gold)}
#ltp .steps{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;margin-top:40px}
#ltp .steps ol{list-style:none;counter-reset:s}
#ltp .steps li{counter-increment:s;display:flex;gap:16px;margin-bottom:14px}
#ltp .steps li:last-child{margin-bottom:0}
#ltp .steps li::before{content:counter(s);flex:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(251,153,0,.35);background:#121212;color:var(--gold);font-weight:800;display:grid;place-items:center}
#ltp .steps li div{flex:1;min-width:0;background:#111;border:1px solid var(--line);border-radius:12px;padding:18px}
#ltp .frame{width:100%;max-width:440px;margin:0 auto;border-radius:20px;padding:3px;background:linear-gradient(150deg,var(--gold),rgba(251,153,0,.2) 30%,rgba(255,255,255,.07) 55%,rgba(251,153,0,.25) 78%,var(--gold2))}
#ltp .frame img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:17px;background:#0b0b0b}
#ltp .areas{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:center;margin-top:40px}
#ltp .areas .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#ltp .areas .list .card{padding:18px}
#ltp .areas .list .wide{grid-column:span 2}
#ltp .areas .list p{font-size:14px}
#ltp .tip{margin-top:16px;border:1px solid rgba(251,153,0,.22);background:rgba(251,153,0,.06);border-radius:12px;padding:16px;font-size:14px}
#ltp .tip b{color:#fff}
#ltp .faq{max-width:880px;margin:40px auto 0}
#ltp .faq details{background:var(--card);border:1px solid rgba(123,51,6,.35);border-radius:12px;margin-bottom:10px}
#ltp .faq summary{cursor:pointer;list-style:none;padding:16px 20px;color:#fff;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px}
#ltp .faq summary::-webkit-details-marker{display:none}
#ltp .faq summary::after{content:"+";flex:none;color:var(--gold);font-size:22px;line-height:1}
#ltp .faq details[open] summary::after{content:"–"}
#ltp .faq details p{padding:12px 20px 18px;font-size:15px;border-top:1px solid var(--line)}
#ltp .cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
#ltp .cta h2{font-size:clamp(28px,4.5vw,52px)}
#ltp .cta .lead{margin-left:0}
#ltp .cta img{width:100%;max-width:420px;margin:0 auto}
#ltp .ticks{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;color:#e5e5e5}
#ltp .ticks span::before{content:"✓ ";color:var(--gold);font-weight:800}
#ltp footer{background:#0e0e0e;border-top:1px solid var(--line);color:#c4c9cf;font-size:14.5px}
#ltp .fmain{display:grid;grid-template-columns:1.6fr repeat(5,minmax(0,1fr));gap:36px 24px;padding:56px 0 44px}
#ltp .fmain img{width:160px;margin-bottom:18px}
#ltp .fbrand p{max-width:320px}
#ltp .fcol h4{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.03em;margin-bottom:16px}
#ltp .fcol ul{list-style:none}
#ltp .fcol li{margin-bottom:10px}
#ltp .fcol a:hover{color:var(--gold)}
#ltp .contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#ltp .contact a{border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:18px;min-width:0}
#ltp .contact a:hover{border-color:rgba(251,153,0,.45);background:#141414}
#ltp .contact small{display:block;font-size:12px;font-weight:600;color:#8b9197}
#ltp .contact b{display:block;color:#fff;font-size:15px;margin-top:4px;overflow-wrap:anywhere}
#ltp .social{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:28px 0;border-bottom:1px solid var(--line)}
#ltp .social a{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px}
#ltp .social a:hover{border-color:var(--gold);color:var(--gold)}
#ltp .legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:24px 0 10px;text-align:center}
#ltp .legal a:hover{color:var(--gold)}
#ltp .copy{text-align:center;padding-bottom:40px}
#ltp .wa-float{position:fixed;right:18px;bottom:22px;z-index:40;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 28px -8px rgba(37,211,102,.6)}
#ltp .wa-float svg{width:28px;height:28px;fill:#fff}
#ltp .web-group{margin-top:44px}
#ltp .web-group h3{font-size:20px;margin-bottom:16px}
#ltp .webgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#ltp .webgrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .wl{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--card);border:1px solid var(--goldline);border-radius:var(--radius);min-width:0}
#ltp .wl:hover{border-color:rgba(251,153,0,.55)}
#ltp .wl .ico{display:grid;place-items:center;margin:0;flex:none;width:38px;height:38px}
#ltp .wl b{display:block;color:#fff;font-size:15.5px;line-height:1.35}
#ltp .wl span{display:block;font-size:13.5px;margin-top:4px}
#ltp .wl small{display:block;color:var(--gold);font-size:12.5px;margin-top:6px;overflow-wrap:anywhere}
#ltp .mapwrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin-top:40px;align-items:stretch}
#ltp .mapframe{border-radius:20px;padding:3px;background:linear-gradient(150deg,var(--gold),rgba(251,153,0,.2) 30%,rgba(255,255,255,.07) 55%,rgba(251,153,0,.25) 78%,var(--gold2))}
#ltp .mapframe iframe{display:block;width:100%;height:100%;min-height:440px;border:0;border-radius:17px;background:#0b0b0b}
#ltp .nap{background:var(--card);border:1px solid var(--goldline);border-radius:20px;padding:26px;display:flex;flex-direction:column}
#ltp .nap address{font-style:normal;margin-top:14px}
#ltp .nap .row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
#ltp .nap .row:last-child{border-bottom:0}
#ltp .nap .row svg{flex:none;width:20px;height:20px;color:var(--gold);margin-top:2px}
#ltp .nap .row a:hover{color:var(--gold)}
#ltp .nap strong{color:#fff}
#ltp .nap .btns{margin-top:auto;padding-top:18px}
#ltp .nap .btns .btn{flex:1 1 180px}

@media (max-width:1024px){
#ltp .webgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .mapwrap{grid-template-columns:1fr}
#ltp .mapframe iframe{min-height:380px}
}

@media (max-width:560px){
#ltp .webgrid,#ltp .webgrid.two{grid-template-columns:1fr}
#ltp .mapframe iframe{min-height:320px}
}

@media (max-width:1280px){
#ltp nav.main,#ltp .hbtn{display:none}
#ltp .burger{display:inline-flex}
#ltp #menu-toggle:checked ~ .mnav{display:block}
#ltp .mnav{background:#171717;border-top:1px solid var(--line);padding:8px 20px 20px;max-height:calc(100vh - 78px);overflow-y:auto}
#ltp .mnav>a,#ltp .mnav summary{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;color:#e8e8e8;border-bottom:1px solid var(--line);font-size:15px;font-weight:500;cursor:pointer;list-style:none}
#ltp .mnav summary::-webkit-details-marker{display:none}
#ltp .mnav summary::after{content:"+";color:var(--gold);font-size:20px;line-height:1}
#ltp .mnav details[open] summary::after{content:"–"}
#ltp .mnav details a{display:block;padding:10px 4px 10px 18px;color:#bbb;font-size:14px;border-bottom:1px solid rgba(255,255,255,.04)}
#ltp .mnav a:hover{color:var(--gold2)}
#ltp .mnav>a.btn{display:flex;justify-content:center;width:100%;margin-top:16px;border:0;border-radius:12px;color:#000;font-weight:700;padding:12px}
#ltp .g5{grid-template-columns:repeat(3,minmax(0,1fr))}
#ltp .fmain{grid-template-columns:repeat(3,minmax(0,1fr))}
#ltp .fbrand{grid-column:1/-1}
#ltp .fbrand p{max-width:560px}
}

@media (max-width:1024px){
#ltp .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .g4,#ltp .contact{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .stations{grid-template-columns:repeat(3,minmax(0,1fr))}
#ltp .about{grid-template-columns:1fr;gap:36px}
#ltp .includes{max-width:560px}
#ltp .steps,#ltp .areas{grid-template-columns:1fr;gap:36px}
#ltp .steps .frame{order:-1}
#ltp .frame{max-width:420px}
}

@media (max-width:768px){
#ltp section{padding:56px 0}
#ltp .hero{min-height:auto;padding:70px 0}
#ltp .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .g5{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .cta{grid-template-columns:1fr;text-align:center}
#ltp .cta .lead{margin-left:auto}
#ltp .cta .ticks,#ltp .cta .btns{justify-content:center}
#ltp .fmain{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .logo img{width:120px}
#ltp .hbar{height:70px}
}

@media (max-width:560px){
#ltp .wrap{padding:0 16px}
#ltp .g3,#ltp .g4,#ltp .contact,#ltp .areas .list{grid-template-columns:1fr}
#ltp .areas .list .wide{grid-column:auto}
#ltp .stations{grid-template-columns:repeat(2,minmax(0,1fr))}
#ltp .btns .btn{width:100%}
#ltp .frame{max-width:340px}
#ltp .steps li::before{width:38px;height:38px}
#ltp .steps li{gap:12px}
}

@media (max-width:400px){
#ltp .g5{grid-template-columns:1fr}
#ltp .fleet .card{max-width:320px;width:100%;margin:0 auto}
#ltp .fmain{grid-template-columns:1fr}
}
#ltp{scroll-behavior:auto}
}}