/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');

:root {
    /* Font Families */
    --font-heading: "Playfair Display", serif;
    --font-body: "Barlow Condensed", sans-serif;
    font-family: "Barlow", sans-serif;
    /* Font Weights */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;
    /* Colors */
    --primary: #1f4650;
    --secondary: #c96f4a;
    --accent: #b8a87a;
    --background: #faf6ef;
    --text: #27333a;
    --shell: #f1eae0;
    --water: #2d5f6b;
    --sea: #5e93a0;
    --mist: #6e7e85;
    --line: #e4dccd;
    --ok: #5f8f5b;
}
body {
    background: var(--background);
    color: var(--text);
    font-family: 'Barlow', sans-serif !important;
    line-height: 1.55;
    overflow-x: hidden;
}

.header-splash {
    padding-top: 0px;
    margin-bottom: 0px;
}
nav.navbar {
    margin-bottom: 0px !important;
}
/*.header--style2 {
    padding-top: 5px;
    padding-bottom: 5px;
}*/
.hero-cta a.btn:hover {
    color: #fff;
}
.header--style2 #awe-main-nav ul.nav.navbar-nav li a.nav-link {
    padding: 0;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    font-size: 14px;
    color: #cfdde1;
    transition: .15s;
    white-space: nowrap;
}
.header--style2 #awe-main-nav ul.nav.navbar-nav {
    gap: 12px;
    align-items: center;
}

svg.search-icon {
    fill: none!important;
}
a.nav-link.search-on-top {
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    padding: 7px 12px !important;
    gap: 8px;
}
.search-on-top span {
    font-size: 14px;
    color: #9db8bf;
    font-family: 'Barlow';
    text-transform: none;
    letter-spacing: 0;
    font-weight: 100;
}
.user-nav ul.nav .nav-item .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    border-radius: 8px;
    padding: 12px 22px !important;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .16s !important;
    white-space: nowrap !important;
}
.btn-line-sign-in, a.dropdown-toggle.nav-link, .sign-out-box a.nav-link {
    background: transparent;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .35) !important;
}
.btn-coral-register {
    background: var(--secondary);
    color: #fff!important;
}
    .btn-coral-register:hover {
        background: var(--secondary) !important;
    }
div#awe-main-nav {
    align-items: center;
}
.hello-admin-wrapper {
    margin: 0px !important;
}
.myaccount__dropdown a.nav-link {
    color: var(--text) !important;
}
.hello-admin-wrapper span.no-wrap.hidden-xs.nav-link {
    padding: 0 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    letter-spacing: .06em !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #cfdde1;
    transition: .15s !important;
    white-space: nowrap !important;
}
.header-splash .btn-admin {
    margin-top: 10px;
    margin-right: 10px;
}
.header--style2 .navbar-brand img {
    width: 180px;
}
.btn-line-sign-in:hover{
    border-color: #fff !important;
}
.search-on-top:focus {
    outline: none;
}
.top-announcement-bar {
    background: linear-gradient(90deg, #B22234 0%, #8B1E2D 50%, #1F3A6E 100%);
    color: #fff;
    text-align: center;
    padding: 10px 16px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 14px;
}
footer {
    background: var(--primary) !important;
    color: #b9cdd2;
    padding: 54px 0 32px !important;
    margin-top: 0px !important;
}
    footer .wrap {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 26px;
    }
.foot-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1fr 1.2fr;
    gap: 28px;
}
footer .wm {
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}
footer .tag {
    font-family: var(--font-heading);
    font-style: italic;
    color: var(--accent);
    margin-top: 12px;
    font-size: 15.5px;
}
footer .wm b {
    color: var(--accent);
}
.fc h4 {
    font-family: var(--font-body);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 12px;
    color: #8fb0b8;
    margin-bottom: 14px;
}
.fc a, .fc p {
    display: block;
    font-size: 13.5px;
    margin-bottom: 9px;
    color: #c6d6da;
    font-family: 'Barlow', system-ui, sans-serif;
}
.foot-bot {
    border-top: 1px solid rgba(255, 255, 255, .14);
    margin-top: 38px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    color: #7f9ba3;
}
.hero {
    background: linear-gradient(180deg, #fff 0%, var(--background) 100%);
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(49% - 50vw);
    margin-right: calc(49% - 50vw);
}
    .hero .wrap {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: center;
        padding: 74px 26px 96px;
        max-width: 1140px;
        margin: 0 auto;
    }
    .hero .eyebrow {
        color: var(--sea);
        font-size: 13px;
        margin-bottom: 16px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .16em;
        font-weight: 600;
        padding: 0;
    }
    .hero h1 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 56px;
        line-height: 1.05;
        color: var(--primary);
        letter-spacing: -.01em;
    }
        .hero h1 em {
            font-style: italic;
            color: var( --secondary);
        }
    .hero p {
        margin: 20px 0 30px;
        font-size: 17.5px;
        color: var(--mist);
        max-width: 45ch;
        font-family: 'Barlow', system-ui, sans-serif;
        line-height: 1.55;
    }
/*.header--style2 .container,
.header-splash .container{
    width: 1140px;
}*/
    .header--style2 .container nav.navbar {
        padding-left: 0px;
        padding-right: 0px;
    }
    .header-splash .container.text-right {
        padding-left: 26px;
        padding-right: 26px;
    }
.hero-cta {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
    .hero-cta a.btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .16s;
        white-space: nowrap;
    }
.btn-browse-lot {
    background: var( --secondary);
    color: #fff;
}
.btn-bidding-works {
    background: transparent !important;
    color: var(--water) !important;
    border: 1px solid var(--water) !important;
}
.label.spotlight {
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
}
.hero .card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: hidden;
    transition: transform .18s, box-shadow .18s;
}
    .hero .card .photo {
        position: relative;
        aspect-ratio: 16 / 10;
        background: #f5f2ec;
        overflow: hidden;
    }
        .hero .card .photo img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.hero .card-body {
    padding: 18px 20px 20px;
}
.hero .card-body .lot-title {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--text);
}
.hero .lot-sub {
    font-size: 13.5px;
    color: var(--mist);
    margin-top: 4px;
}
.hero .bidrow {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
}
.hero .cur .l {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10.5px;
    color: var(--sea);
}
.hero .cur .v {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 28px;
    color: var(--primary);
    line-height: 1.05;
}
.hero .timer {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--secondary);
    display: flex;
    align-items: center;
    gap: 6px;
}
.hero .timer .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--secondary);
}
.hero .card-actions {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
    .hero .card-actions .btn {
        flex: 1;
        justify-content: center;
        padding: 11px 12px;
        font-size: 13.5px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .16s;
        white-space: nowrap;
    }
        .hero .card-actions .btn.btn-coral {
            background: var(--secondary);
            color: #fff;
        }
        .hero .card-actions .btn.btn-ask
       {
            background: #fff;
            color: var(--primary);
            border-color: var(--line);
        }
.hero svg.waves {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 110px;
    opacity: .5;
    pointer-events: none;
    width: 100%;
}
#searchCollapse a.btn.btn-link {
    color: var(--primary);
    font-family: 'Barlow', system-ui, sans-serif;
    font-size: 14.5px;
    font-weight: 500;
}
input#FullTextQuery1 {
    font-family: 'Barlow', system-ui, sans-serif;
    font-size: 14px;
}
#searchCollapse form.form-horizontal span.input-group-btn button.btn.btn-default {
    font-family: 'Barlow', system-ui, sans-serif;
    background: var( --secondary);
    color: #fff;
}
.promises {
    background: var(--primary);
    color: #fff;
    width: 100vw;
    margin-left: calc(49% - 50vw);
    margin-right: calc(49% - 50vw);
}
    .promises .wrap {
        display: flex;
        justify-content: center;
        gap: 46px;
        padding: 22px 26px;
        flex-wrap: wrap;
        max-width: 1140px;
        margin: 0 auto;
    }
.promise {
    display: flex;
    align-items: center;
    gap: 10px;
}
    .promise svg {
        width: 19px;
        height: 19px;
        color: var( --accent);
        flex: none;
    }
    .promise span {
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .09em;
        font-weight: 600;
        font-size: 14px;
    }
section.video-section-wrapper {
    padding: 64px 0 0;
    width: 100vw;
    margin-left: calc(49% - 50vw);
    margin-right: calc(49% - 50vw);
    background: var(--background);
}
.video-section-wrapper .wrap {
    max-width: 860px;
    text-align: center;
    margin: 0 auto;
    padding: 0 26px;
}
.video-section-wrapper .eyebrow.label {
    color: var(--sea);
    font-size: 13px;
    margin-bottom: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 600;
}
.video-section-wrapper h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 34px;
    color: var(--primary);
    margin-bottom: 22px;
    margin-top: 15px;
}
.video-box-wrapper {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    aspect-ratio: 16 / 9;
    background: linear-gradient(140deg, #1F4650, #2D5F6B);
    display: grid;
    place-items: center;
    box-shadow: 0 22px 50px rgba(31, 70, 80, .18);
    cursor: pointer;
}
.inner-video-box {
    position: absolute;
    inset: 0;
    opacity: .25;
    background: radial-gradient(60% 80% at 20% 20%, #5E93A0, transparent 60%), radial-gradient(50% 70% at 85% 75%, #B8A87A, transparent 55%);
}
.playbutton-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.play-btn {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: var(--secondary);
    display: grid;
    place-items: center;
    box-shadow: 0 10px 28px rgba(201, 111, 74, .45);
}
.video-title-text {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 600;
    font-size: 26px;
    color: #fff;
}
.video-subtitle-text {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 12px;
    color: #cfdde1;
    font-weight: 500;
}
.sub-para-video-content {
    font-size: 13px;
    color: var(--mist);
    margin-top: 12px;
}
.bid-now-btn {
    text-align: center;
    padding: 34px 0 6px;
}
    .bid-now-btn a.btn.btn-link {
        background: var(--secondary);
        color: #fff;
        font-size: 17px;
        padding: 15px 44px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow Condensed',sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .16s;
        white-space: nowrap;
    }
.full-width-screen {
    width: 100vw;
    margin-left: calc(49% - 50vw);
    margin-right: calc(49% - 50vw);
    background: var(--background);
}
#featured {
    padding: 78px 0;
}
    #featured .wrap {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 26px;
    }
    #featured .sec-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 34px;
        flex-wrap: wrap;
        gap: 18px;
    }
        #featured .sec-head .eyebrow {
            color: var(--sea);
            font-size: 13px;
            margin-bottom: 8px;
            font-family: 'Barlow Condensed', sans-serif;
            text-transform: uppercase;
            letter-spacing: .16em;
            font-weight: 600;
        }
        #featured .sec-head h2 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 36px;
            color: var(--primary);
        }
    #featured a.sec-link {
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .09em;
        font-weight: 600;
        font-size: 14px;
        color: var(--secondary);
        border-bottom: 2px solid transparent;
        padding-bottom: 2px;
    }
.see-all-btn {
    text-align: center;
    margin-top: 30px;
}
    .see-all-btn .past-result-btn {
        background: var(--secondary);
        color: #fff;
        font-size: 16px !important;
        padding: 14px 40px !important;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .16s;
        white-space: nowrap;
    }
.label.spotlight {
    text-align: center;
    color: var(--secondary);
    font-size: 13px;
    letter-spacing: .2em;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}
section.CTA1-wrapper {
    padding: 10px 0 54px;
}
    section.CTA1-wrapper .wrap {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 26px;
        text-align: center;
    }
.CTA1-content {
    background: linear-gradient(120deg, #2d5f6b 0%, var(--primary) 100%);
    border-radius: 18px;
    padding: 38px 30px;
}
.CTA1-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    margin-bottom: 6px;
}
.CTA1-subtitle {
    font-size: 15px;
    color: #cfdde1;
    margin-bottom: 22px;
}
a.btn.CTA1-btn {
    background: var(--secondary);
    color: #fff;
    font-size: 17px !important;
    padding: 15px 42px !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .16s;
    white-space: nowrap;
}
.rev-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.rev {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 28px;
}

.stars {
    color: var(--accent);
    font-size: 15px;
    letter-spacing: 3px;
    margin-bottom: 14px;
}

.rev q {
    display: block;
    font-family: 'Playfair Display',serif;
    font-style: italic;
    font-size: 16.5px;
    color: var(--text);
    line-height: 1.5;
    quotes: none;
    font-weight: 500;
}

.rev .by {
    margin-top: 16px;
    font-family: 'Barlow Condensed',sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12.5px;
    color: var(--sea);
    font-weight: 500;
}

.rev {
    margin: 0 12px;
}

.testimonial-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.testimonial-slider .slick-slide {
    height: auto;
}
.CTA2-wrapper .wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 26px;
}
.ask-band {
    background: linear-gradient(120deg, #2d5f6b 0%, var(--primary) 100%);
    border-radius: 18px;
    color: #fff;
    padding: 46px 50px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 34px;
    align-items: center;
}
    .ask-band .eyebrow {
        color: var(--accent);
        font-size: 12.5px;
        margin-bottom: 12px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .16em;
        font-weight: 600;
    }
    .ask-band h2 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 1.15;
    }
    .ask-band p {
        margin-top: 12px;
        color: #cfdde1;
        font-size: 15.5px;
        max-width: 48ch;
    }
.ask-cta {
    display: flex;
    flex-direction: column;
    gap: 11px;
}
a.btn.CTA2-whapsapp-link {
    background: #fff;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .16s;
    white-space: nowrap;
}
a.btn.CTA2-phone-link {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .35);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    transition: .16s;
    white-space: nowrap;
    justify-content: center;
    margin-left: 0;
}
.CTA2-wrapper {
    padding: 78px 0;
    padding-top: 0px;
}
#past-results-wrapper {
    padding: 38px 0 22px;
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
    #past-results-wrapper h1 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 38px;
        color: var(--primary);
        margin-top: 0;
    }
    #past-results-wrapper p {
        color: var(--mist);
        font-size: 15.5px;
        margin-top: 6px;
    }
.wrap.events {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
}
    .wrap.events .panel-body.event-row {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 18px;
        display: grid;
        grid-template-columns: 150px 1fr auto;
        align-items: center;
    }
    .wrap.events .event-hp {
        border-radius: 16px;
        box-shadow: none !important;
        position: relative;
    }
    .wrap.events .event-row__img {
        width: 150px;
        height: 112px;
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        background: #eee;
    }
        .wrap.events .event-row__img img.img-responsive {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: none;
        }
    .wrap.events .event-row__title a {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 20px;
        color: var(--primary);
        line-height: 1.15;
    }
    .wrap.events .event-row__thumbnails a,
    .wrap.events .event-row__thumbnails--portrait a {
        width: 52px;
        height: 52px;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        background: #f0ece4;
        flex: none;
        border: 1px solid var(--line);
    }
        .wrap.events .event-row__thumbnails a img.event-row__thumb-single,
        .wrap.events event-row__thumbnails--portrait a img.event-row__thumb-single {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    .wrap.events .event-row__thumbnails,
    .wrap.events .event-row__thumbnails--portrait {
        display: flex;
        gap: 8px;
        overflow: hidden;
        margin-top: 0px;
    }
.stats {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
    padding-bottom: 0;
    font-size: 13.5px;
    color: var(--mist);
    margin: 5px 0 5px;
}
    .stats b {
        color: var(--ok);
    }
.view-all-lots a.btn {
    background: var(--secondary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    top: -33px;
    transform: translate(0px, 0px);
}
.view-all-lots {
    width: 100%;
    max-width: 150px;
    position: absolute;
    right: 22px;
    bottom: 30px;
/*    bottom: 36%;
    transform: translate(0px, 0px);*/
}
#lot-listing-page {
    padding: 34px 0 6px;
    max-width: 1180px;
    margin: 0 auto;
}
    #lot-listing-page h1 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 38px;
        color: var(--primary);
        margin-top: 0px;
    }
    #lot-listing-page .meta {
        margin-top: 8px;
        font-size: 14.5px;
        color: var(--mist);
    }
        #lot-listing-page .meta a {
            color: var(--sea);
            text-decoration: underline;
        }
.lotsectionheaderwrapper {
    padding: 18px 0 14px;
    background-color: var(--background) !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100vw;
    margin-left: calc(49% - 50vw);
    margin-right: calc(49% - 50vw);
    box-shadow: none !important;
    border-bottom: 1px solid var(--line) !important;
}
.lot-section-wrapper {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 26px;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.all-lots-wrapper {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 15px;
    color: var(--primary);
    margin-right: auto;
}
    .all-lots-wrapper span {
        color: var(--mist);
        font-weight: 600;
    }
.search-auction-box {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 8px 12px;
    width: 100%;
    max-width: 160px;
    height: 36px;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
}
    .search-auction-box .input-group-btn button#SearchTermButton,
    .jumptolotbox button#JumpToLotButton {
        border: 0;
        padding: 0;
    }
        .search-auction-box .input-group-btn button#SearchTermButton span.glyphicon.glyphicon-search,
        .jumptolotbox button#JumpToLotButton span.glyphicon.glyphicon-chevron-right {
            color: rgb(110, 126, 133);
            font-weight: 500;
            width: 14px;
            height: 14px;
            font-size: 14px;
        }
    .search-auction-box input#SearchTermInput {
        padding: 0;
        border: 0;
        box-shadow: none;
        width: auto;
    }
    .search-auction-box input#SearchTermInput, .jumptolotbox input#JumpToLotInput {
        padding: 0;
        border: 0;
        box-shadow: none;
        font-size: 12px;
        color: var(--mist);
        width: 100%;
        font-family: 'Barlow', sans-serif;
        height: 100%;
        font-weight: 100;
        padding-left: 5px;
    }
.jumptolotbox {
    max-width: 130px !important;
}
.follow-live-box a.btn {
    background: var(--water);
    color: #fff;
    padding: 9px 16px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    border-radius: 8px !important;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .15s;
}
.search-jump-block {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    color: var(--mist);
}
.search-auction-box .clear-prev-inp {
    right: 5px !important;
}
.sort-filter-box label.input-group-addon {
    padding: 0;
    font-size: 13.5px;
    color: var(--mist);
    background: none;
    border: 0;
    padding-right: 15px;
}
form#EventCatalogFilterForm {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.sort-filter-box select#SortFilterOptions {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 9px 12px;
    font-family: 'Barlow', sans-serif;
    font-size: 13.5px;
    color: var(--text);
    background: #fff;
    box-shadow: none;
}
.active-status-box button#Status_IncludeActive.btn-primary,
.active-status-box button#Status_IncludeCompleted.btn-primary {
    background: var(--primary);
    color: #fff;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
}
.active-status-box button#Status_IncludeCompleted.btn-default,
.active-status-box button#Status_IncludeActive.btn-default,
.showlistgridbox button#ShowListView.btn-default,
.showlistgridbox button#ShowGridView.btn-default {
    color: var(--primary);
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
}
.showlistgridbox button#ShowGridView.btn-primary,
.showlistgridbox button#ShowListView.btn-primary {
    background: var(--primary);
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
}
.eventDetails__container .mt10 a.btn.btn-primary {
    background: var(--primary);
}
a#EnableRollingUpdates {
    color: var(--primary);
}
.live-lot-listing-gallery .galleryUnit .panel,
.browse-listing-lots .galleryUnit > .panel.panel-default {
    background: #fff;
    border: 1px solid var(--line) !important;
    border-radius: 14px;
    overflow: hidden;
    transition: .16s;
    display: flex;
    flex-direction: column;
    box-shadow: none !important;
}
.cb h2.galleryTitle.gallery_shortTitle {
    margin: 0;
    height: auto;
    border: 0;
}
.cb {
    padding: 14px 15px 16px;
    padding-bottom: 0;
}
    .cb .lotno {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        font-size: 13.5px !important;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--sea);
    }
.lotbid-count, .lotbid-text {
    font-size: 10.5px !important;
    color: var(--mist) !important;
}
p.lottitle-text {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 17.5px;
    color: var(--text);
    line-height: 1.15;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.currentlotbid > span, .soldlotbid, .previewstarting-bid, .previewstart-time strong {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 9.5px;
    color: var(--sea);
    font-weight: 500;
}
.currentlotbid, .currentvalueprice, .soldlotbid,
.previewlotbid, .previewvalueprice {
    padding: 0px 15px 16px;
    margin: 0 !important;
    padding-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .currentvalueprice .galleryPrice,
    .currentvalueprice .galleryPrice .NumberPart,
    .soldvalueprice .galleryPrice, .soldvalueprice .galleryPrice .NumberPart,
    .previewvalueprice .galleryPrice,
    .previewvalueprice .galleryPrice .NumberPart {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 21px;
        color: var(--primary);
        line-height: 1;
    }
    .currentvalueprice span.galleryTime--active.time__format--active,
    .soldvalueprice .galleryDate--ended, .previewvalueprice span.galleryTime--active.time__format--active {
        font-size: 11.5px;
        color: var(--secondary);
        font-weight: 600;
        text-align: right;
    }
.lotquickbid, .previewquickbid {
    padding: 0px 15px 16px;
    margin: 0 !important;
    margin-bottom: 15px !important;
}
    .lotquickbid .InlineQuickBid {
        background: var(--secondary);
        color: #fff;
        width: 100%;
        padding: 11px;
        font-size: 13.5px;
        /* display: inline-flex;*/
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14px;
        border-radius: 8px;
        padding: 11px 20px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .15s;
        box-shadow: none;
        margin-top: 0;
    }
#searchCollapse {
    background-color: var(--background)!important;
}
.grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
    .grid4 .auction-card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        overflow: hidden;
        transition: transform .18s, box-shadow .18s;
    }
    .grid4 .photo {
        position: relative;
        aspect-ratio: 16 / 10;
        background: #f5f2ec;
        overflow: hidden;
    }
        .grid4 .photo img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.auction-card-body {
    padding: 18px 20px 20px;
}
    .auction-card-body h3 {
        margin: 0;
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 20px;
        color: var(--text);
    }
.bidrow {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
}
.cur .current-bid {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10.5px;
    color: var(--sea);
    font-weight: 500;
}
.cur .v {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 28px;
    color: var(--primary);
    line-height: 1.05;
}
.bidrow .timer {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--secondary);
    display: flex;
    align-items: center;
    gap: 6px;
}
    .bidrow .timer span.dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--secondary);
    }
.reverse-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--water);
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
    padding: 5px 11px;
    border-radius: 6px;
    z-index: 2;
}
span.watch {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--primary);
    background: rgba(255, 255, 255, .92);
    padding: 5px 11px;
    border-radius: 20px;
    z-index: 2;
    font-weight: 600;
}
.watch svg {
    width: 14px;
    height: 14px;
}
.card-actions-btn {
    display: flex;
/*    gap: 10px;*/
    margin-top: 15px;
}
a.place-bid-btn {
    flex: 1;
    justify-content: center;
    padding: 11px 12px;
    font-size: 13.5px;
    background: var(--secondary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .16s;
    white-space: nowrap;
    margin-right: 5px;
}
.card-actions-btn a.btn.btn-ask {
    flex: 1;
    justify-content: center;
    padding: 11px 12px;
    font-size: 13.5px;
    background: #fff;
    color: var(--water);
    border-color: var(--line);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    transition: .16s;
    white-space: nowrap;
    margin-left: 5px;
}
.sold-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    gap: 8px;
}
    .sold-body h3 {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        font-size: 14.5px;
        color: var(--mist);
        line-height: 1.2;
        margin: 0;
    }
    .sold-body p {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 19px;
        color: var(--ok);
        margin: 0;
    }
span.sold-stamp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-8deg);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 20px;
    color: #fff;
    background: var(--water);
    border-radius: 8px;
    padding: 5px 18px;
    z-index: 2;
}
.live-lots-categories-block,
.browse-lot-categories {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 20px 18px;
    position: sticky;
    top: 16px;
}
    .live-lots-categories-block h4,
    .browse-lot-categories h4 {
        font-size: 11.5px;
        color: var(--sea);
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .16em;
        font-weight: 600;
        padding: 0 !important;
        margin: 0;
        margin-bottom: 12px;
        border: 0 !important;
    }
    .live-lots-categories-block ul li a span.category-name__container,
    .live-lots-categories-block ul li a .category-badge__container,
    .browse-lot-categories ul li a span.category-name__container {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        font-size: 15px;
        color: var(--text);
        padding: 0px;
        border-radius: 8px;
    }
        .live-lots-categories-block ul li a .category-badge__container span.badge {
            color: var(--mist);
            background: transparent;
            font-weight: 600;
            font-size: 15px;
        }
    .live-lots-categories-block ul li a .category-badge__container {
        padding: 0;
    }
    .live-lots-categories-block ul li,
    .browse-lot-categories ul li {
        padding: 9px 12px;
    }
.listview-live-lot-wrapper {
    background: #fff;
    border: 1px solid var(--line) !important;
    border-radius: 16px;
    padding: 14px !important;
    box-shadow: none !important;
}
    .listview-live-lot-wrapper .img-container a {
        width: 120px;
        height: 120px;
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        background: #eee;
        display: block;
    }
        .listview-live-lot-wrapper .img-container a img.img-responsive {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: none;
        }
    .listview-live-lot-wrapper h2.title.inlinebidding {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 17.5px;
        color: var(--text);
        line-height: 1.15;
    }
    .listview-live-lot-wrapper h3.subtitle.inlinebidding {
        margin-top: 8px;
        font-size: 14.5px;
        color: var(--mist);
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 400;
    }
.listing.listview-live-lot-wrapper .cta,
.listing.listview-live-lot-wrapper .context-wrapper {
    right: 15px;
}
.listing.listview-live-lot-wrapper .InlineQuickBid {
    background: var(--secondary);
    color: #fff;
    padding: 11px !important;
    font-size: 13.5px !important;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .15s;
    box-shadow: none;
    margin-top: 0;
}
.listing.listview-live-lot-wrapper .time {
    font-size: 11.5px;
    color: var(--secondary);
    font-weight: 600;
    text-align: right;
}
.listing.listview-live-lot-wrapper .bids .price {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 21px;
    color: var(--primary);
    line-height: 1;
}
.listing.listview-live-lot-wrapper .bids .btn {
    min-width: 100px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    border-radius: 8px;
    padding: 11px !important;
    cursor: pointer;
    transition: .16s !important;
    white-space: nowrap !important;
}
.bid-count-value, .bid-count {
    font-size: 11.5px !important;
    color: var(--mist) !important;
    font-weight: 500;
}
.soldvalueprice {
    padding: 0px 15px 16px;
    margin: 0 !important;
    padding-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px !important;
    margin-top: 5px !important;
}
.listingTypeIcon svg {
    fill: var(--primary);
    width: 16px;
    height: 16px;
}
.listingTypeIcon {
    right: 12px !important;
    bottom: 18px !important;
}
/*.cta span.sold, .soldlotbid .sold {
    background: var(--primary);
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-block;
    font-size: 14.5px;
    padding: 5px 16px;
    text-transform: capitalize;
}*/
.soldlotbid .sold, .soldlot-bid {
    background: var(--primary)!important;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-flex!important;
    font-size: 14.5px;
    padding: 5px 16px!important;
    text-transform: capitalize;
}
.previewquickbid a.btn.btn-primary.btn-block {
    background: var(--primary);
    color: #fff;
    width: 100%;
    padding: 11px;
    font-size: 13.5px;
    /* display: inline-flex; */
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14px;
    border-radius: 8px;
    padding: 11px 20px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .15s;
    box-shadow: none;
    margin-top: 0;
}
.preview-list-view-btn {
    background: var(--primary);
    color: #fff;
    justify-content: center;
    border: 1px solid transparent;
    box-shadow: none;
    margin-top: 0;
}
.browse-listing-lots .galleryUnit > .panel.panel-default {
    height: 350px;
}
.browse-lot-categories ul li a span.category-badge__container {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--text);
    padding: 0px;
    border-radius: 8px;
}
    .browse-lot-categories ul li a span.category-badge__container span.badge {
        color: var(--mist);
        background: transparent;
        font-weight: 600;
        font-size: 15px;
    }
.BrowseCatalogFilterForm {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
}
.browse-categories-section {
    padding: 18px 0 14px;
    background-color: var(--background) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--line) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .browse-categories-section  .search-jump-block {
        width: 80%;
        margin-bottom: 0px;
    }
    .browse-categories-section span.glyphicon {
        left: -5px;
        top:0px;
    }
        .browse-categories-section span.glyphicon::before {
            font-size: 12px;
        }
.breadcrumb-section {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
    .breadcrumb-section ul.breadcrumb li a {
        font-size: 12.5px !important;
        color: var(--primary) !important;
        font-weight: 500;
    }
/*.user-nav ul.nav.navbar-nav {
    gap: 0 !important;
}*/
.browse-categories-section {
    padding-left: 15px;
    padding-right: 15px;
}
.contact-wrap {
    padding: 44px 0 8px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}
    .contact-wrap h1 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 40px;
        color: var(--primary);
    }
.contact-wrap-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    padding: 34px 0 20px;
    align-items: start;
    max-width: 1000px;
    margin: 0 auto;
}
.contact-panel.contact-text-card {
    background: linear-gradient(120deg, #2d5f6b 0%, #1f4650 100%);
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 30px;
}
    .contact-panel.contact-text-card h2 {
        margin: 0px;
        margin-bottom: 6px;
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 22px;
    }
    .contact-panel.contact-text-card .big-num {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 34px;
        letter-spacing: .03em;
        margin: 6px 0 16px;
    }
    .contact-panel.contact-text-card a.btn.btn-wa {
        background: var(--secondary);
    }
    .contact-panel.contact-text-card a.btn.btn-wa {
        background: var(--secondary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .15s;
        color: #fff;
    }
.contact-panel-right {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 30px;
    color: var(--text);
    font-family: 'Barlow', system-ui, sans-serif;
}
    .contact-panel-right .panel.panel-default {
        box-shadow: none;
        border: 0;
        margin: 0px;
    }
        .contact-panel-right .panel.panel-default .panel-body {
            padding: 0;
        }
            .contact-panel-right .panel.panel-default .panel-body .col-xs-12.col-md-12 h2 {
                margin: 0;
                font-family: 'Playfair Display', serif;
                font-weight: 700;
                font-size: 22px;
                color: var(--primary);
                margin-bottom: 12px;
            }
            .contact-panel-right .panel.panel-default .panel-body span.help-block {
                font-family: 'Barlow';
                font-size: 15px;
            }
            .contact-panel-right .panel.panel-default .panel-body .form-group {
                margin-bottom: 14px;
            }
                .contact-panel-right .panel.panel-default .panel-body .form-group label {
                    width: 100%;
                    text-align: left;
                    padding-top: 0;
                    display: block;
                    font-family: 'Barlow Condensed', sans-serif;
                    text-transform: uppercase;
                    letter-spacing: .08em;
                    font-size: 12px;
                    color: var(--sea);
                    margin-bottom: 5px;
                    font-weight: 600;
                }
                .contact-panel-right .panel.panel-default .panel-body .form-group .col-md-9 {
                    width: 100%;
                }
                    .contact-panel-right .panel.panel-default .panel-body .form-group .col-md-9 input.form-control[type=text] {
                        width: 100%;
                        border: 1px solid var(--line);
                        border-radius: 8px;
                        padding: 11px 13px;
                        font-family: 'Barlow';
                        font-size: 15px;
                        color: var(--text);
                        background: var(--background);
                        height: 42px;
                    }
                    .contact-panel-right .panel.panel-default .panel-body .form-group .col-md-9 textarea {
                        width: 100%;
                        border: 1px solid var(--line);
                        border-radius: 8px;
                        padding: 11px 13px;
                        font-family: 'Barlow';
                        font-size: 15px;
                        color: var(--text);
                        background: var(--background);
                        min-height: 110px;
                        resize: vertical;
                    }
            .contact-panel-right .panel.panel-default .panel-body button#SendMessage {
                background: var(--secondary);
                color: #fff;
                width: 100%;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                font-family: 'Barlow Condensed', sans-serif;
                text-transform: uppercase;
                letter-spacing: .08em;
                font-weight: 700;
                font-size: 14.5px;
                border-radius: 8px;
                padding: 12px 22px;
                cursor: pointer;
                border: 1px solid transparent;
                transition: .15s;
            }
.wrap-yard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    padding: 20px 0 60px;
    align-items: stretch;
    max-width: 1000px;
    margin: 0 auto;
}
.yard-photo {
    border-radius: 16px;
    border: 1px solid var(--line);
    /*    background: radial-gradient(70% 90% at 25% 20%, rgba(94, 147, 160, .35), transparent 60%), linear-gradient(150deg, #d8cfbc, #c4b898);*/
    background: none;
    display: block;
    place-items: center;
    min-height: 260px;
    color: var(--mist);
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 13px;
    overflow: hidden;
    padding: 0;
}
    .yard-photo img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; /* image poora area fill karegi */
    }
.yard-info {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 30px;
}
    .yard-info h2 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 24px;
        color: var(--primary);
        margin-bottom: 12px;
    }
    .yard-info p {
        font-size: 15px;
        margin-bottom: 12px;
        font-family: 'Barlow', system-ui, sans-serif;
    }
    .yard-info .fact {
        display: flex;
        gap: 10px;
        padding: 9px 0;
        border-bottom: 1px solid var(--line);
        font-size: 14px;
        align-items: baseline;
    }
        .yard-info .fact b {
            min-width: 86px;
            color: var(--sea);
            font-family: 'Barlow Condensed', sans-serif;
            text-transform: uppercase;
            letter-spacing: .07em;
            font-size: 12px;
        }
        .yard-info .fact:last-of-type {
            border-bottom: none;
        }
.how-to-bidding-work {
    padding: 40px 0 8px;
    text-align: center;
    max-width: 780px;
    margin: 0 auto;
}
    .how-to-bidding-work h1 {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 38px;
        color: var(--primary);
    }
    .how-to-bidding-work p {
        color: var(--mist);
        font-size: 16px;
        margin-top: 8px;
    }
.toc {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 18px 0 8px;
}
    .toc a {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .05em;
        font-size: 13px;
        color: var(--water);
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 8px 15px;
    }
.inner-bidding-wrap {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 24px;
}
    .inner-bidding-wrap section {
        padding: 34px 0 6px;
    }

        .inner-bidding-wrap section h2 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 26px;
            color: var(--primary);
            margin-top: 0px;
            margin-bottom: 14px;
        }
        .inner-bidding-wrap section .qa {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 22px 24px;
            margin-bottom: 16px;
        }
            .inner-bidding-wrap section .qa h3 {
                font-family: 'Barlow Condensed', sans-serif;
                font-weight: 700;
                font-size: 17.5px;
                color: var(--primary);
                margin-top: 0px;
                margin-bottom: 12px;
            }
            .inner-bidding-wrap section .qa p:last-child {
                margin-bottom: 0;
                font-size: 15px;
                font-family: 'Barlow', system-ui, sans-serif;
            }
.scenario {
    background: var(--shell);
    border-radius: 12px;
    padding: 18px 20px;
    margin: 14px 0 6px;
}
    .scenario .set {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: var(--primary);
        margin-bottom: 10px;
    }
    .scenario .step {
        display: flex;
        gap: 10px;
        font-size: 14.5px;
        padding: 5px 0;
        justify-content: space-between;
    }
        .scenario .step .who {
            color: var(--mist);
            font-family: 'Barlow', system-ui, sans-serif;
        }
        .scenario .step .you {
            color: var(--water);
            font-weight: 600;
            text-align: right;
            font-family: 'Barlow', system-ui, sans-serif;
        }
    .scenario .win {
        border-top: 1px solid var(--line);
        margin-top: 8px;
        padding-top: 10px;
        color: var(--ok);
    }
.qa p {
    font-size: 15px;
    font-family: 'Barlow', system-ui, sans-serif;
}
.how-to-work-cta {
    background: linear-gradient(120deg, #2d5f6b 0%, #1f4650 100%);
    border-radius: 18px;
    padding: 34px;
    text-align: center;
    margin: 44px 0 60px;
    color: #fff;
}
    .how-to-work-cta .t {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 6px;
    }
    .how-to-work-cta p {
        color: #cfdde1;
        font-size: 14.5px;
        margin-bottom: 18px;
    }
    .how-to-work-cta a.btn.btn-coral {
        background: var(--secondary);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        border-radius: 8px;
        border: 1px solid transparent;
    }
.bidbox {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 14px 34px rgba(31, 70, 80, .08);
    position: sticky;
    top: 18px;
}
    .bidbox h1.detail__title {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 29px;
        color: var(--primary);
        line-height: 1.12;
    }
.cond {
    margin-top: 8px;
    font-size: 13.5px;
    color: var(--mist);
}
    .cond b {
        color: var(--ok);
        font-weight: 600;
    }
.notes-bid {
    margin-top: 6px;
    font-size: 13.5px;
    color: var(--text);
}
    .notes-bid a {
        color: var(--sea);
        text-decoration: underline;
    }
.bidbox span.label.label-info {
    top: 12px;
    position: relative;
}

/*Home page Video CSS*/
.video-box-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

video {
    width: 100%;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}

    video.show {
        opacity: 1;
        visibility: visible;
    }

.video-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #2d5a63;
    transition: .35s;
}

    .video-overlay.hide {
        opacity: 0;
        visibility: hidden;
    }

    .video-overlay h3 {
        font-family: 'Playfair Display', serif;
        font-style: italic;
        font-weight: 600;
        font-size: 26px;
        color: #fff;
    }
    .video-overlay p {
        color: #fff;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .14em;
        font-size: 12px;
        color: #cfdde1;
    }
.cus-detail-priceDate {
    flex-direction: column;
    align-items: baseline!important;
}
.priceData-timer-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.statline {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 6px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
    flex-direction: column;
    align-items: baseline;
}
    .statline .detail__priceLabels,
    .detail__submit-wrapper .detail__price strong {
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .12em;
        font-size: 11px;
        color: var(--sea);
    }
.priceData-timer-wrapper .cus-detail-priceDate span.detail__price--current,
.detail__submit-wrapper .detail__price span.detail__price--current {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 38px;
    color: var(--primary);
    line-height: 1;
}
.detail__submit-wrapper .detail__price .reserve-not-met {
    font-size: 13px;
    padding-top: 10px;
}
.statline .cus-timer .timer .t {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: var(--secondary);
    text-align: right;
}
.statline .cus-timer .timer .cap {
    font-size: 11.5px;
    color: var(--mist);
}
.statline .detail__bidsContainer, span.bids-meta {
    font-size: 12.5px;
    margin-bottom: 18px;
    margin-top: 5px;
}
    .statline .detail__bidsContainer a, span.bids-meta {
        color: var(--mist);
    }
.cus-listing-quick-btn .detail__feeData {
    margin: 0em !important;
}
.cus-PlaceQuickBid {
    width: 100%;
    margin-bottom: 18px;
    font-size: 16px;
    padding: 15px;
    background: var(--secondary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .15s;
}
    .cus-PlaceQuickBid:hover {
        filter: brightness(1.07) !important;
        background-color: var(--secondary);
        border-color: var(--secondary);
    }
.limit-block {
    background: var(--shell);
    border-radius: 14px;
    padding: 18px 18px 16px;
}
.limit-head .t {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--primary);
}
.how-link {
    font-size: 12.5px;
    color: var(--secondary);
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px dotted var(--secondary);
}
.limit-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4px;
}
.limit-sub {
    font-size: 13px;
    color: var(--mist);
    margin-bottom: 12px;
    line-height: 1.45;
    font-family: 'Barlow', system-ui, sans-serif;
}
.form-group-wrapper {
    display: flex;
    gap: 10px;
}
    .form-group-wrapper .input-group span.input-group-addon {
        display: none;
    }
    .form-group-wrapper .input-group input#BidAmount {
        flex: 1;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 12px 14px;
        font-family: 'Barlow', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: var(--text);
        background: #fff;
        height: 47px;
    }
    .form-group-wrapper input#SubmitBid {
        height: 47px;
        background: var(--water);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .15s;
    }
.buy-box-wrapper {
    padding-top: 10px;
}
    .buy-box-wrapper button#BINButton,
    .buy-box-wrapper button#MakeOffer {
        width: 100%;
        font-size: 16px;
        padding: 15px;
        background: transparent;
        color: var(--primary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid var(--primary);
        transition: .15s;
    }
.watch-row {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    width: 100%;
    align-items: center;
}
/*    .watch-row button.watch-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        background: #fff;
        border: 2px solid var(--secondary);
        color: var(--secondary);
        border-radius: 10px;
        padding: 12px;
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .07em;
        font-size: 14.5px;
        cursor: pointer;
        transition: .15s;
    }
    .watch-row .watch-btn svg {
        width: 17px;
        height: 17px;
    }*/

    .watch-row .watch-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        background: #fff;
        border: 2px solid var(--secondary);
        color: var(--secondary);
        border-radius: 10px;
        padding: 12px;
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .07em;
        font-size: 14.5px;
        cursor: pointer;
        transition: .2s;
        height: 50px;
    }
    .watch-row .watch-heart {
        width: 17px;
        height: 17px;
        stroke: currentColor;
        fill: transparent;
        transition: .2s;
    }
    .watch-row .watch-heart.is-watching {
    fill: currentColor;
    }
    .watch-row[data-iswatching="True"] .watchText__notWatching {
        display: none;
    }

    .watch-row[data-iswatching="True"] .watchText__isWatching {
        display: inline;
    }

    .watch-row[data-iswatching="False"] .watchText__notWatching {
        display: inline;
    }

    .watch-row[data-iswatching="False"] .watchText__isWatching {
        display: none;
    }

.heart-icon-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    line-height: 1;
    color: var(--secondary);
}

    .heart-icon-btn .watch-heart {
        width: 22px;
        height: 22px;
        stroke: currentColor;
        fill: transparent;
        transition: .2s;
    }

        .heart-icon-btn .watch-heart.is-watching {
            fill: currentColor;
        }


.btn-water-line.ask-btn {
    flex: 1;
    background: #fff;
    color: var(--water);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed',sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    border: 1px solid var(--line);
    transition: .15s;
}
.watch-cap {
    text-align: center;
    font-size: 11.5px;
    color: var(--mist);
    margin-top: 8px;
}
.bid-history-cstm {
    text-align: center;
    margin-top: 10px;
}
    .bid-history-cstm a {
        font-size: 13px;
        color: var(--sea);
        text-decoration: underline;
    }
.soft {
    margin-top: 16px;
    font-size: 12px;
    color: var(--mist);
    background: var(--background);
    border: 1px dashed var(--line);
    border-radius: 10px;
    padding: 10px 13px;
    font-family: 'Barlow', system-ui, sans-serif;
}
    .soft b {
        color: var(--water);
    }
.pickup-cstm {
    margin-top: 12px;
    font-size: 13px;
    color: var(--mist);
    font-family: 'Barlow', system-ui, sans-serif;
}
    .pickup-cstm b {
        color: var(--text);
    }
    .pickup-cstm a {
        color: var(--sea);
        text-decoration: underline;
    }
.auctioneer-cstm {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
    font-size: 11.5px;
    color: var(--mist);
    font-family: 'Barlow', system-ui, sans-serif;
}
.detail__additionalData {
    font-family: 'Barlow', system-ui, sans-serif;
    color: var(--primary);
}
.detail__sellerInfo .btn {
    margin-top: .5rem;
    height: 47px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.detail__additionalData a {
    color: var(--sea);
}
.form-group-wrapper .cstm-input-group,
.form-group-wrapper .cstm-input-group .input-group {
    width: 100%;
}
.cstm-leftsidebar-wrapper .detail__imageContainer {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: #fff;
}
    .cstm-leftsidebar-wrapper .detail__imageContainer img#previewimg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.lotnum-listing {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: .06em;
    color: var(--primary);
    margin-top: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.cstm-event-data {
    margin-top: 22px;
}
    .cstm-event-data .btn-group-justified .btn-group button.btn {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px !important;
        padding: 8px 14px;
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: var(--water);
    }
    .cstm-event-data .btn-group-justified {
        display: flex;
        gap: 8px;
    }
        .cstm-event-data .btn-group-justified .btn-group {
            width: 50%;
        }
    .cstm-event-data h1.event-title a {
        color: var(--primary) !important;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 24px;
    }
    .cstm-event-data h1.event-title + p a,
    .cstm-event-data .data-card.small {
        color: var(--primary) !important;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 15px;
    }
    .cstm-event-data h1.event-title span.eventDetails__status {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: var(--primary) !important;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 15px;
    }
.cstm-detail__section {
    /* display: grid;*/
    grid-template-columns: 1fr;
    max-width: 760px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 16px !important;
    margin-top: 16px !important;
}
    .cstm-detail__section .detail__sectionHeading {
        font-family: 'Playfair Display', serif;
        font-weight: 700 !important;
        font-size: 22px !important;
        color: var(--primary) !important;
        margin-bottom: 14px !important;
        margin-top: 0px !important;
    }
    .cstm-detail__section .detail__sectionBody.description p {
        font-size: 15px;
        color: var(--text);
        margin-bottom: 14px;
    }
.spec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 26px;
    margin-top: 4px;
}
    .spec .row {
        display: flex;
        padding: 9px 0;
        border-bottom: 1px solid var(--line);
        font-size: 14px;
        margin-left: 0;
        margin-right: 0px;
        justify-content: space-between;
    }
        .spec .row:before,
        .spec .row:after{
            display:none;
        }
    .spec .k {
        color: var(--mist);
    }
    .spec .v {
        font-weight: 600;
        color: var(--text);
    }
.buy-box-wrapper .text-or {
    color: var(--secondary);
    border-bottom: 1px solid var(--shell);
}
.row.signIn-wrapper,
.forgot-wrapper {
    padding-top: 40px;
}
.signIn-form .panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: hidden;
    transition: transform .18s, box-shadow .18s;
    padding: 20px;
    font-size: 18px;
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}
    .signIn-form .panel .panel-body .form-horizontal .form-group input.form-control[type=text],
    .signIn-form .panel .panel-body .form-horizontal .form-group input.form-control[type=password]
     {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        letter-spacing: .08em;
        font-weight: 500;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
/*        border: 1px solid transparent;*/
        transition: .16s;
        white-space: nowrap;
        height: 42px;
    }
.register-wrapper .form-group input.form-control[type=email],
.register-wrapper .form-group input.form-control[type=text],
.register-wrapper .form-group input.form-control[type=password],
.register-wrapper .form-group select#Country {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .08em;
    font-weight: 500;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    transition: .16s;
    white-space: nowrap;
    height: 42px;
}
.register-wrapper .checkbox label a {
    color: var(--primary);
}
        .signIn-form .panel .panel-body .form-horizontal .form-group input.form-control[type=password] + .toggle-pw-vis.icon-eye-open,
        .signIn-form .panel .panel-body .form-horizontal .form-group input.form-control[type=password] + .toggle-pw-vis,
        .register-wrapper .form-group input.form-control[type=password] + .toggle-pw-vis.icon-eye-open,
        .register-wrapper .form-group input.form-control[type=password] + .toggle-pw-vis {
            top: 14px;
        }
.signIn-form .panel .panel-body input[type="submit"],
.forgot-wrapper input[type="submit"],
.register-wrapper input#CompleteRegistrationButton {
    background: var(--secondary);
    color: #fff;
    flex: 1;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .16s;
    white-space: nowrap;
}
    .signIn-form .panel .panel-body input[type="submit"] + span a {
        color: var(--secondary);
        font-size: 17px;
    }
            .signIn-form .panel .panel-body input[type="submit"] + span a:hover,
            .not-register-text a:hover{
                text-decoration: underline;
            }
.not-register-text {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
    text-align: center;
}
    .not-register-text h2 {
        font-size: 25px;
    }
    .not-register-text a {
        color: var(--secondary);
    }
    .signIn-form .panel .panel-body input[type="submit"] + span a:focus,
    .not-register-text a:focus{
        outline: none;
    }
.forgot-wrapper, .register-wrapper {
    padding-top: 40px;
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}
    .forgot-wrapper input.form-control[type=text] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        letter-spacing: .08em;
        font-weight: 500;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 12px 22px;
        cursor: pointer;
        transition: .16s;
        white-space: nowrap;
        height: 42px;
    }
.grid4 .auction-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 44px rgba(31, 70, 80, .13);
}
.hero-cta .btn-browse-lot:hover {
    filter: brightness(1.07);
}
.signIn-form .checkbox input#rememberMe {
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
}
.signIn-form .checkbox label {
    font-size: 17px;
    font-family: 'Barlow Condensed', sans-serif !important;
}
.btm-sign-btn {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}
.browse-listing-lots .galleryImage img.img-responsive {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.arriving {
    background: linear-gradient(140deg, #2d5f6b 0%, var(--primary) 100%);
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 52px 38px;
    min-height: 340px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 48px rgba(31, 70, 80, .12);
}
    .arriving .label {
        color: var(--accent);
        font-size: 12px;
        margin-bottom: 14px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .16em;
        font-weight: 600;
    }
.arrive-title {
    font-family: 'Playfair Display', serif !important;
    font-style: italic;
    font-weight: 700;
    font-size: 34px;
    color: #fff;
    line-height: 1.15;
}
.arrive-subtitle {
    font-size: 14.5px;
    color: #cfdde1;
    margin-top: 14px;
    font-family: 'Barlow', system-ui, sans-serif;
    line-height: 1.55;
}
.arrive-btn {
    margin-top: 22px;
}
    .arrive-btn a.btn.btn-coral {
        background: var(--secondary);
        color: #fff;
        padding: 13px 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .15s;
    }
    .arrive-btn a.btn.btn-text {
        padding: 13px 22px;
        background: transparent;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, .4);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        cursor: pointer;
        transition: .15s;
    }
.arrive-date {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    line-height: 1.05;
}
.arrive-day {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: 14px;
    color: var(--accent);
    margin-top: 6px;
    font-weight: 500;
}
.top-announcement-bar p {
    margin: 0;
}
.signIn-form .panel{
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}
.signIn-form .panel-heading {
    text-align: center;
    font-size: 25px;
    padding: 0;
    padding-bottom: 10px;
}
.signIn-form .panel-body .form-horizontal label {
    text-align: left;
    padding-bottom: 6px;
}
.signIn-form .form-group.mb-0 {
    margin-bottom: 0px;
}
.bid-now-btn a.btn.btn-link:hover {
    text-decoration: none;
    filter: brightness(1.07);
}
.btn-ask:hover {
    border-color: var(--water) !important;
}
.hero .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 44px rgba(31, 70, 80, .13);
}
.btn-coral:hover,
a.place-bid-btn:hover{
    filter: brightness(1.07);
}
.bidrow .timer span.dot {
    position: relative;
    top: 1px;
    left: 6px;
}
    @media (min-width:1200px){
        .container {
            width: 1140px !important;
        }
    }
@media (max-width:992px) {
    .browse-lot-categories {
        position: static;
        padding: 10px;
        margin-bottom: 10px;
    }
    .buyer-active-wrapper .active-bid-section .active-bid__cta,
    .buyer-active-wrapper .watch-item .watch-item__cta {
        margin-left: 0;
        width: 40% !important;
    }
 
    .buyer-active-wrapper .active-bid .active-current-block,
    .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-6 {
        width: 60% !important;
    }
}

    @media (max-width:991px) {
        .buyeraccount-visible-title {
            display: block !important;
        }
        .buyeraccount-account-menu {
            display: none;
        }
        .browse-categories-section {
            gap: 10px;
        }
            .browse-categories-section .form-group{
                margin-bottom:0px;
            }
            .live-lots-categories-block, .browse-lot-categories {
                position: relative;
                top: 0px;
                margin-bottom: 10px;
            }
        .categories .dropdown {
            margin: 0px!important;
        }
        .browse-lot-categories .dropdown.visible-sm.visible-xs button.dropdown-toggle,
        .live-lots-categories-block button.dropdown-toggle {
            font-size: 11.5px;
            color: var(--sea);
            font-family: 'Barlow Condensed', sans-serif;
            text-transform: uppercase;
            letter-spacing: .16em;
            font-weight: 600;
            margin: 0;
            border: 0 !important;
        }
        .browse-lot-categories .dropdown.visible-sm.visible-xs {
            margin: 0px;
        }

        .topSerachBar {
            display: block !important;
        }

        .header--style2 .container nav.navbar,
        #awe-main-nav {
            flex-direction: column;
        }

        .user-nav {
            margin-left: 0 !important;
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }

    @media (max-width:980px) {
        .hero .wrap {
            grid-template-columns: 1fr;
            gap: 40px;
            padding: 50px 26px 70px;
        }

        .hero h1 {
            font-size: 42px;
        }

        .promises .wrap {
            gap: 22px;
        }

        .grid4 {
            grid-template-columns: repeat(2, 1fr);
        }

        #featured {
            padding: 40px 0;
        }

        section.CTA1-wrapper {
            padding-bottom: 0px;
        }
    }

    @media (max-width:860px) {
        .sell-banner-hero .wrap h1 {
            font-size: 32px!important;
        }
        .why-grid, #sellchan {
            grid-template-columns: 1fr !important;
        }
        .why-seller-wrapper .wrap h2 {
            line-height: 1.55 !important;
            margin-top:0px!important;
        }
        .wrap-yard {
            padding-bottom: 0px;
        }

        .contact-wrap-grid, .wrap-yard {
            grid-template-columns: 1fr;
        }

        .contact-wrap h1 {
            margin: 0;
            font-size: 32px;
        }
        .event-hp .view-all-lots {
            max-width: 150px;
            position: relative;
            right: 0;
            bottom: 0;
            margin-top: 10px;
        }

            .event-hp .view-all-lots a.btn {
                top: 0;
                transform: none;
            }
    }

    @media (max-width: 768px) {
        .header-splash .header--style2 .navbar-toggle {
            margin-right: 0px !important;
            margin-bottom: 0px !important;
        }
        .bidbox {
            position: relative !important;
            margin-bottom: 16px !important;
        }
        .listing-detail-btm .detail__detailsColumn {
            padding: 0;
        }
        .listing-detail-btm {
            padding-bottom: 50px;
        }
        .lot-section-wrapper .glyphicon {
            left: -8px!important;
        }
        .live-lots-categories-block, .browse-lot-categories {
            padding: 13px 12px !important;
        }
        .buyer-active-wrapper .active-bid .active-bid-inner-block,
        .buyer-active-wrapper .watch-item .watch-item-inner-block {
            top: 0 !important;
            transform: none !important;
        }
        .buyer-active-wrapper .active-bid .row.clearfix,
        .buyer-active-wrapper .watch-item .row.clearfix {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .buyer-active-wrapper .active-bid-section .active-bid__cta,
        .buyer-active-wrapper .active-bid .active-current-block, .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-6,
        .buyer-active-wrapper .watch-item .watch-item__cta,
        .buyer-active-wrapper .watch-item .active-current-block ,
        .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-6{
            width: 100% !important;
        }
    }

    @media (max-width:767px) {
        .buyer-tabs {
            flex-wrap: nowrap !important;
            overflow-y: hidden !important;
        }

            .buyer-tabs li {
                display: flex !important;
                align-items: center !important;
            }
        #past-results-wrapper {
            padding-left: 15px;
            padding-right: 15px;
        }
        .browse-categories-section .search-jump-block,
        .browse-categories-section .all-lots-wrapper {
            width: 100% !important;
        }
        .browse-categories-section {
            flex-wrap: wrap;
        }
    
        .bidbox {
            position: relative !important;
        }
        .wrap.events .event-hp .panel-body.event-row {
            display: flex !important;
            flex-wrap: wrap !important;
            flex-direction: column !important;
            align-items: baseline !important;
        }
        .wrap.events .event-row__img {
            margin-bottom: 15px;
        }
        .wrap.events .event-row__thumbnails, .wrap.events .event-row__thumbnails--portrait {
            overflow: visible;
            flex-wrap: wrap;
        }
        .wrap.events {
            padding: 0px!important;
        }
        .event-hp .event-row__title {
            white-space: initial;
        }
        footer {
            margin-top: 40px !important;
        }

        .signIn-form .visible-xs .btn-block {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'Barlow Condensed', sans-serif !important;
            text-transform: uppercase !important;
            letter-spacing: .08em !important;
            font-weight: 700 !important;
            font-size: 14.5px !important;
            border-radius: 8px;
            padding: 12px 22px !important;
            cursor: pointer;
            border: 1px solid transparent;
            transition: .16s !important;
            white-space: nowrap !important;
            justify-content: center;
            background: transparent;
            color: var(--secondary) !important;
            border-color: var(--secondary) !important;
            margin-top: 20px;
        }

        .top-mobile-navbar {
            display: flex !important;
            gap: 0px !important;
        }

        .user-nav .visible-xs {
            display: none !important;
        }

        .navbar-toggle {
            position: relative;
            top: 12px;
        }

        .user-nav ul.nav.navbar-nav {
            margin: 0;
            gap: 0px !important;
        }

            .user-nav ul.nav.navbar-nav li.nav-item {
                width: 100%;
            }

                .user-nav ul.nav.navbar-nav li.nav-item p {
                    padding: 0px;
                }

        .top-mobile-navbar.nav > li {
            width: 100%;
            padding: 0px 20px;
        }

        .navbar-greeting .btn-line-sign-in,
        .navbar-greeting .btn-coral-register,
        .user-nav ul.nav.navbar-nav li.nav-item p button,
        .user-nav ul.nav.navbar-nav li.nav-item p a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-family: 'Barlow Condensed', sans-serif !important;
            text-transform: uppercase !important;
            letter-spacing: .08em !important;
            font-weight: 700 !important;
            font-size: 14.5px !important;
            border-radius: 8px;
            padding: 12px 22px !important;
            cursor: pointer;
            border: 1px solid transparent;
            transition: .16s !important;
            white-space: nowrap !important;
        }

        .top-mobile-navbar.nav > li a.nav-link {
            margin-bottom: 15px !important;
        }

        .navbar-greeting {
            padding: 20px 0 0 15px !important;
        }

        .myaccount__dropdown {
            background: #fff !important;
            margin-top: 10px !important;
        }

        .hello-admin-wrapper {
            padding-bottom: 15px !important;
        }

        .ask-band {
            grid-template-columns: 1fr !important;
            padding: 32px 26px !important;
        }

        .foot-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 560px) {
        a#mainImageLink {
            height: auto!important;
            display: block;
        }
        .notify {
            max-width: 100% !important;
            flex-direction: column !important;
        }
        .live-lot-listing-gallery .galleryUnit {
            width: 100%;
        }
        .browse-listing-lots .galleryUnit {
            width: 100%;
        }
        .hero h1 {
            font-size: 34px;
        }

        .grid4 {
            grid-template-columns: 1fr;
        }

        .how-to-bidding-work h1 {
            font-size: 30px;
        }

        .inner-bidding-wrap {
            padding: 5px;
        }

        .how-to-work-cta {
            margin-bottom: 0px;
        }

        .inner-bidding-wrap section h2 {
            line-height: 41.6px;
        }
    }
   @media (max-width:545px){
    .lot-section-wrapper {
        justify-content: left;
    }
    .search-jump-block {
        margin-bottom: 0px;
    }
    .listing-detail-btm {
        padding-bottom: 30px!important;
    }
    .watch-row {
        flex-wrap: wrap;
        margin-top: 0px;
        gap: 16px;
    }
        .watch-row .heartwatch-icon, .ask-btn-icon {
            width: 100%!important;
        }
            .ask-btn-icon a.btn.btn-water-line.ask-btn {
                margin-top: 0px !important;
            }
   }
.listing-badge:before {
    border: 10px solid var(--primary) !important;
    border-right-color: transparent !important;
}
    /* my-bids styling*/
.buyer-active-wrapper .active-bid, .buyer-active-wrapper .watch-item,
.bidding-won .list.won-list {
    background: #fff;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    padding: 14px !important;
}
.buyer-active-wrapper,
.bidding-won {
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent;
    border: 0;
}
    .buyer-active-wrapper .active-bid .img-container,
    .buyer-active-wrapper .watch-item .img-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-9 a span,
    .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-9 a span,
    .bidding-won .list.won-list > .row .col-sm-5 p span {
        width: 100%;
        display: block;
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 600;
        font-size: 11px;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--sea);
    }
    .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-9 span.awe-rt-ColoredStatus,
    .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-9 span.awe-rt-ColoredStatus {
        display: none;
    }
    .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-9 a,
    .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-9 a,
    .buyer-active-wrapper .active-bid .bid-conf-title,
    .bidding-won .list.won-list > .row .col-sm-5 p a {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 17.5px;
        color: var(--text);
        line-height: 1.15;
        margin: 2px 0 6px;
    }
    .buyer-active-wrapper .active-bid .active-current-block {
        display: flex;
        align-items: center;
        width: 40%;
    }
        .buyer-active-wrapper .active-bid .active-current-block .active-bid__label,
        .buyer-active-wrapper .watch-item .active-current-block .watch-item__label {
            padding: 0;
            font-size: 13px;
            color: var(--mist);
            text-transform: capitalize;
            font-family: 'Barlow', system-ui, sans-serif;
        }
            .buyer-active-wrapper .active-bid .active-current-block .winning-reserve.key,
            .buyer-active-wrapper .active-bid .active-current-block .active-bid__label + span.awe-rt-MaxBid,
            .buyer-active-wrapper .watch-item .active-current-block .price {
                color: var(--text);
                font-weight: 600;
                font-size: 13px;
                padding-left: 3px;
            }
    .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-6,
    .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-6 {
        width: 30%;
        display: flex;
        align-items: center;
    }
        .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-6 .active-bid__label,
        .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-6 .watch-item__label {
            display: none;
        }
        .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-6 .active-bid__time,
        .buyer-active-wrapper .watch-item .col-xs-12.col-sm-8.col-md-6 .watch-item__time,
        .buyer-active-wrapper .active-bid .col-xs-12.col-sm-8.col-md-6 .active-bid__date {
            color: var(--secondary);
            font-weight: 600;
            font-size: 13px;
            text-transform: lowercase;
        }
.buyer-tabs.nav-tabs > li > a:hover {
    border-color: transparent !important;
    background: transparent;
}
    .buyer-active-wrapper .active-bid .InlineQuickBid,
    .buyer-active-wrapper .watch-item .InlineQuickBid {
        background: var(--secondary);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .07em;
        font-weight: 700;
        font-size: 13.5px;
        border-radius: 8px;
        padding: 10px 14px;
        cursor: pointer;
        border: 1px solid transparent;
        margin-bottom: 10px;
    }
.buyer-active-wrapper .active-bid__shipping small {
    font-size: 13px;
    font-weight: 500;
}
.buyer-active-wrapper .watch-item .watch-item__cta {
    width: 24%;
}
.buyer-active-wrapper .watch-item .glyphicon-remove {
    top: -4px !important;
    right: -1px !important;
    font-size: 13px !important;
}
.alert {
    margin-top: 15px;
}
.active-bid__cta .btn.btn-default,
.watch-item__cta .btn.btn-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 700;
    font-size: 13.5px;
    border-radius: 8px;
    padding: 10px 14px;
    cursor: pointer;
    border: 1px solid transparent;
    background: #fff;
    color: var(--water);
    border-color: var(--line);
}
.buyer-active-wrapper .active-bid .row.clearfix,
.buyer-active-wrapper .watch-item .row.clearfix,
.bidding-won .list.won-list > .row {
    display: flex;
    align-items: center;
}
.buyer-active-wrapper .active-bid .InlineContextualStatus {
    margin-bottom: 5px;
}
.buyer-active-wrapper .watch-item .active-current-block {
    display: flex;
    align-items: center;
    width: 35%;
}
.buyer-active-wrapper .watch-item .watch-item-inner-block,
.buyer-active-wrapper .active-bid .active-bid-inner-block {
    position: relative;
    top: 33px;
    transform: translate(0px, 0px);
}
.buyer-active-wrapper .watch-item span.glyphicon {
    font-size: 16px;
    top: -5px;
    right: 10px;
}
.watch-item__cta .btn.btn-default + a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 700;
    font-size: 13.5px;
    border-radius: 8px;
    cursor: pointer;
    background: #fff;
    color: var(--water);
}
.watch-item__cta .btn.btn-default + a:hover{
    text-decoration:underline;
}
.bidding-won .list.won-list > .row .col-sm-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .bidding-won .list.won-list > .row .col-sm-2 a,
    .buyer-active-wrapper .active-bid .img-container a,
    .buyer-active-wrapper .watch-item .img-container a {
        width: 96px;
        height: 72px;
        border-radius: 9px;
        overflow: hidden;
        position: relative;
        background: #eee;
    }
        .buyer-active-wrapper .active-bid .img-container a img.img-responsive,
        .buyer-active-wrapper .watch-item .img-container a img.img-responsive,
        .bidding-won .list.won-list > .row .col-sm-2 a img.img-responsive {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.bidding-won .list.won-list > .row .col-sm-5 p {
    color: var(--secondary);
    font-weight: 600;
    font-size: 13px;
}
.bidding-won .list.won-list .row .col-sm-4 {
    font-size: 13px;
    color: var(--mist);
    text-transform: capitalize;
    font-family: 'Barlow', system-ui, sans-serif;
    padding-top: 10px;
    font-weight: 600;
}
.buyer-active-wrapper .active-bid,
.buyer-active-wrapper .watch-item, .bidding-won .list.won-list {
    border-left: 5px solid var(--secondary) !important;
}
.bidding-won .heading {
    background: #fff;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    padding: 14px !important;
}
.notify {
    display: flex;
    gap: 10px;
    max-width: 430px;
}
    .notify input {
        flex: 1;
        border: 1px solid var(--line);
        border-radius: 9px;
        padding: 13px 15px;
        font-size: 14.5px;
        background: #fff;
        font-family: 'Barlow', sans-serif;
        letter-spacing: 0.5px;
    }
    .notify a.btn.btn-coral {
        background: var(--secondary);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px;
        padding: 13px 26px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .15s;
    }
.watch-row .heartwatch-icon,
.ask-btn-icon {
    width: 50%;
}
    .ask-btn-icon a.btn.btn-water-line.ask-btn {
        width: 100%;
        margin-top: 16px;
        height: 50px;
    }
.cus-listing-quick-btn {
    padding-bottom: 10px;
}
    .cus-listing-quick-btn .detail__highBidder {
        font-size: 14px;
        font-weight: 600;
    }
        .cus-listing-quick-btn .detail__highBidder span.HighBidder {
            color: var(--secondary);
        }
.inner-details-section .detail__sectionBody .detail__cfUnit {
    border: 0;
    border-bottom: 1px solid var(--line);
    padding: 9px 0px;
}
    .inner-details-section .detail__sectionBody .detail__cfUnit .detail__cfName {
        background-color: transparent;
        border-right: 0;
        padding: 0;
        color: var(--mist);
        font-size: 14px;
        line-height: 1.55;
        font-family: 'Barlow', sans-serif;
    }
    .inner-details-section .detail__sectionBody .detail__cfUnit .detail__cfValue {
        background: transparent;
        padding: 0;
        font-size: 14px;
        line-height: 1.55;
        font-weight: 600;
        color: var(--text);
        text-align: right;
        font-family: 'Barlow', sans-serif;
    }
.bidbox .detail__additionalData {
    background: var(--background);
    border-radius: 8px;
    padding: 10px;
    color: var(--water);
    font-family: 'Barlow', sans-serif;
}
.detail__additionalData a.detail__pdf {
    border: 0;
    color: var(--mist);
    font-family: 'Barlow', system-ui, sans-serif;
}
#AllImages .detail__imageThumbnails {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-top: 10px;
}

    #AllImages .detail__imageThumbnails > div {
        aspect-ratio: 1;
        border-radius: 10px;
        border: 1px solid var(--line);
        background: #EDE7DA;
        display: grid;
        place-items: center;
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 10.5px;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--mist);
        cursor: pointer;
        overflow: hidden;
        position: relative;
        max-width: 100%;
    }
        #AllImages .detail__imageThumbnails > div img.img-responsive {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.heart-icon-btn {
    border-radius: 50% !important;
    padding: 6px !important;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .95) !important;
}
    .heart-icon-btn svg.watch-heart {
        width: 18px;
        height: 18px;
    }
.wrap.events .panel-body.event-row .event-row__thumbnails .event-row__thumb-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--sea);
}
.CTA-listing-detail {
    background: var(--shell);
    border-top: 1px solid var(--line);
    padding: 52px 0;
    text-align: center;
    width: 100vw;
    margin-left: calc(49% - 50vw);
    margin-right: calc(49% - 50vw);
}
.listing-detail-btm {
    padding-bottom: 70px;
}
.listing-detail-block {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 24px;
    color: var(--primary);
    margin-bottom: 18px;
}
.CTA-listing-detail a.btn.btn-coral {
    font-size: 17px;
    padding: 15px 46px;
    background: var(--secondary);
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .15s;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
}
.final-bid-wrapper.panel.panel-default {
    border: 0;
    box-shadow: none;
}
    .final-bid-wrapper.panel.panel-default ul.list-group li.list-group-item {
        padding: 0;
        padding-top: 10px;
    }
    .final-bid-wrapper.panel.panel-default ul.list-group li.list-group-item {
        font-family: 'Barlow Condensed', sans-serif;
        color: var(--sea);
        border: 0;
        font-size: 20px;
        font-weight: 500;
    }
.higher-bidder-name {
    color: var(--secondary) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.final-bid-wrapper.panel.panel-default ul.list-group li.list-group-item span.reserve-not-met {
    font-size: 13px;
}
.auction-bid-wrapper {
    border: 0 !important;
    font-size: 12.5px !important;
    color: var(--mist) !important;
    padding: 0 !important;
}
#AllImages .detail__sectionHeading {
    display: none;
}
.galleryUnit .listing-badge:before {
    top: 0px !important;
    left: 0px !important;
}
.soldlotbid {
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-flex !important;
    font-size: 14.5px;
    padding: 5px 16px !important;
    text-transform: capitalize;
    height: 32px;
}
.detail__submit-wrapper .detail__price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 15px;
}
#featured a.sec-link:hover {
    border-color: var(--secondary);
}
.see-all-btn .past-result-btn:hover,
a.btn.CTA1-btn:hover{
    filter: brightness(1.07);
}
a.btn.CTA2-whapsapp-link:hover {
    filter: brightness(.96);
}
a.btn.CTA2-phone-link:hover {
    border-color: #fff;
}
ul.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}
    ul.pagination li a {
        background: transparent;
        color: var(--water) !important;
        border: 1px solid var(--water);
        font-size: 15px;
        padding: 11px 16px;
        transition: .15s;
        cursor: pointer !important;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
    }
.pagination > .active > a,
.pagination > .active > a:hover {
    background: var(--water);
    border-color: var(--water);
    color: #fff !important;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
ul.pagination li.disabled a {
    background: transparent;
    border: 1px solid var(--water);
}
.listing-detail-btm ul.breadcrumb {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 26px;
    font-size: 14px;
    color: var(--primary);
}
    .listing-detail-btm ul.breadcrumb li a {
        color: var(--primary);
        font-weight: 600;
    }
.lot-section-wrapper .glyphicon {
    left: 0px;
}
.bidrow .timer span.galleryTime--active.time__format--classic {
    font-size: 12px!important;
}
p.lotnote-box {
    border-left: 3px solid var(--accent);
    padding-left: 12px;
    font-size: 15px;
    color: var(--text);
    margin-bottom: 14px;
}
.detail__section.cstm-detail__section.inner-details-section {
    padding: 0;
    border: 0;
}
.watch-photo {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255, 255, 255, .94);
    color: var(--primary);
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 20px;
    z-index: 2;
    display: flex;
    gap: 6px;
    align-items: center;
}
.ask-btn-icon a.btn.btn-water-line.ask-btn:hover {
    border-color: var(--water);
}
#SignalRStatus {
    display: none;
}
.live-lots-categories-block ul li:hover, .browse-lot-categories ul li:hover {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    background: var(--water);
    border-radius: 8px;
    padding: 9px 12px;
}
    .live-lots-categories-block ul li:hover a span, .browse-lot-categories ul li:hover a span {
        color: #fff !important;
    }
.btm-line-categories {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    font-size: 11.5px;
    color: var(--mist);
}
.cus-hidden-bradcrumb {
    display: none;
}
.listing-detail-btm .all-lots-wrapper {
    padding-left: 15px;
}
.currentlotbid span.galleryTime--active.time__format--classic,
.previewvalueprice span.galleryTime--active.time__format--classic {
    font-size: 14.5px;
    color: var(--secondary);
    font-weight: 600;
    text-align: right;
    text-transform: lowercase;
}
.btm-value-bid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
}
    .btm-value-bid > div {
        text-transform: lowercase;
    }
span.watching {
    position: absolute;
    bottom: 9px;
    left: 9px;
    background: rgba(31, 70, 80, .82);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 14px;
    z-index: 2;
}
.video-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 8px 16px;
    font-size: 13.5px;
    color: var(--water);
    font-weight: 600;
    cursor: pointer;
    font-family: 'Barlow', sans-serif;
    line-height: 1.55;
}
    .video-chip svg {
        width: 16px;
        height: 16px;
    }
.buyer-bid-title {
    padding-top: 34px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: 'Playfair Display', serif;
    font-weight: 700 !important;
    font-size: 34px;
    color: var(--primary);
}
.buyer-tabs {
    display: flex;
    border-bottom: 1px solid var(--line);
    flex-wrap: wrap;
    margin-bottom: 20px;
}
    .buyer-tabs li.active {
        background: #fff;
        color: var(--primary);
        border: 1px solid var(--line);
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;
    }
        .buyer-tabs li.active a {
            border: 0;
            color: var(--primary);
        }
    .buyer-tabs li {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-size: 15px;
        padding: 11px 18px;
        border-radius: 10px 10px 0 0;
        cursor: pointer;
        color: var(--mist);
    }
        .buyer-tabs li a {
            padding: 0;
            color: var(--mist);
        }
    .buyer-tabs.nav-tabs > li.active > a:focus,
    .buyer-tabs.nav-tabs > li.active > a,
    .buyer-tabs.nav-tabs > li.active > a:focus-visible {
        outline: none !important;
        ;
        border: 0;
    }
.key.winning {
    font-size: 13px;
}
.buyer-orange-btn a.CancelChangesLink,
.buyer-orange-btn .cancelbtn,
.buyer-orange-btn .btn-group button.btn.btn-default,
.buyer-orange-btn button#CancelButton,
.buyerinvoiceform .btn-link,
.modal-dialog .modal-body .modal-footer .btn-link,
.buyer-orange-btn .btn-group .btn.btn-default {
    color: var(--primary);
    padding: 13px 22px;
    background: transparent;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    cursor: pointer;
    transition: .15s;
}
.buyer-orange-btn input[type="submit"],
.buyer-orange-btn-add-new .btn.btn-default {
    background: var(--secondary);
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 13px 26px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .15s;
    color: #fff;
}
.buyeraccount-panel span.toggle-pw-vis {
    top: 12px;
    transform: translate(0px, 0px);
}
.buyeraccount-panel .form-horizontal input.form-control[type=text],
.buyeraccount-panel .form-horizontal select#Country,
.buyeraccount-panel .form-horizontal input.form-control[type=email],
.buyeraccount-panel .form-horizontal input.form-control[type=password],
.buyeraccount-panel .form-horizontal select {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .08em;
    font-weight: 500;
    font-size: 14.5px;
    border-radius: 8px;
    padding: 12px 22px;
    cursor: pointer;
    transition: .16s;
    white-space: nowrap;
    height: 42px;
}
.buyeraccount-panel .form-horizontal .input-group,
.buyeraccount-panel .panel-body,
.modal-dialog .modal-content,
.buyeraccount-panel table,
.buyeraccount-panel table tbody,
.buyerinvoicepanel,
.buyerinvoiceform,
.modal-dialog .modal-body p,
.modal-dialog .modal-body {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}

    .buyer-orange-btn .btn-group button.btn.btn-success,
    .buyeraccount-panel + .form-group button.btn.btn-default,
    .buyer-orange-btn-link,
    .buyerinvoiceform input[type="submit"],
    .modal-dialog .modal-body .modal-footer .btn-success,
    .buyeraccount-panel .add-new {
        background: var(--secondary);
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: .08em;
        font-weight: 700;
        font-size: 14.5px;
        border-radius: 8px !important;
        padding: 13px 26px;
        cursor: pointer;
        border: 1px solid transparent;
        transition: .15s;
        color: #fff;
    }
.buyerinvoice-panel .heading,
.buyerinvoice-panel .list.clearfix,
.buyer-won-invoice-btn a.btn.btn-default.pull-right,
.buyer-won-invoice-btn .btn-container.open ul.dropdown-menu.dropdown-menu-right {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
    font-weight: 600;
}
.buyeraccount-panel .control-label,
.buyeraccount-panel .help-block,
.buyeraccount-title,
.buyeraccount-panel-contact {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}

.buyer-active-wrapper .watch-item .watch-item__date {
    font-size: 13px;
    color: var(--mist);
    text-transform: capitalize;
    font-family: 'Barlow', sans-serif;
}
.buyeraccount-panel li.list-group-item {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}
.current-bid-container {
    display: flex;
    align-items: center;
}
.buyer-active-wrapper .active-bid__cta .alert-danger {
    background: #f7e8e1;
    color: var(--secondary);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 13px;
    text-align: center;
    border-radius: 8px;
    padding: 7px;
    border-color: #f7e8e1;
    height: 40px;
}
.buyer-active-wrapper .active-bid .active-bid-inner-block .key.not-winning,
.buyer-active-wrapper .active-bid .active-bid-inner-block .winning.key {
    color: var(--text) !important;
    font-weight: 600;
    font-size: 13px;
    padding-left: 3px;
}
.buyeractive-title-hidden {
    display: none;
}
.buyer-active-wrapper .active-bid .alert-success {
    background: #eaf2e4;
    color: var(--ok);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: 13px;
    text-align: center;
    border-radius: 8px;
    padding: 7px;
    border-color: #eaf2e4;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.buyer-active-wrapper .active-bid.green-border-flag {
    border-left: 5px solid var(--ok) !important;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: var(--secondary)!important;
    color: #fff;
}
p.condition-wrapper {
    margin-top: 8px;
    font-size: 13.5px;
    color: var(--mist);
    margin-bottom: 0;
}
    p.condition-wrapper b {
        color: var(--ok);
        font-weight: 600;
    }
.watch-row .watch-btn:hover {
    background: var(--secondary);
    color: #fff;
}
/*    // How THis Works Modal CSS*/

#howItWorksModal {
    z-index: 99999;
}

    #howItWorksModal .modal-dialog {
        max-width: 470px;
        margin: 80px auto;
    }

    #howItWorksModal .modal-content {
        border: 0;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 20px 70px rgba(0,0,0,.35);
    }

    #howItWorksModal .modal-body {
        background: #fff;
        border-radius: 18px;
        max-width: 480px;
        width: 100%;
        padding: 32px;
        position: relative;
        box-shadow: 0 30px 70px rgba(0, 0, 0, .3);
    }

.modal-backdrop.in {
    opacity: .55;
}

/* Close */

.modal-close {
    position: absolute;
    right: 18px;
    top: 14px;
    background: none;
    border: 0;
    font-size: 28px;
    font-weight: 300;
    color: #777;
    opacity: 1;
}

    .modal-close:hover {
        color: #000;
    }

/* Heading */

#howItWorksModal .modal-body .modal-title {
    line-height: 1.1;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 23px;
    color: var(--primary);
    margin-bottom: 6px;
}

#howItWorksModal .modal-subtitle {
    font-size: 16px;
    color: var(--mist);
    margin-bottom: 18px;
}

/* Beige Box */

#howItWorksModal .how-box {
    background: var(--shell);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 16px;
}

    #howItWorksModal .how-box h4 {
        font-family: 'Barlow Condensed', sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: var(--primary);
        margin-bottom: 10px;
    }

#howItWorksModal .how-row {
    justify-content: space-between;
    display: flex;
    gap: 10px;
    font-size: 14px;
    padding: 6px 0;
    align-items: baseline;
}

    #howItWorksModal .how-row strong {
        color: var(--water);
        font-weight: 600;
        white-space: nowrap;
    }
    #howItWorksModal .how-row span {
        color: var(--mist);
        flex: 1;
    }

#howItWorksModal .result {
    border-top: 1px solid var(--line);
    margin-top: 8px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--ok);
}
#howItWorksModal hr {
    display: none;
}

#howItWorksModal p.footer-text {
    font-size: 15px;
    color: var(--mist);
}
.how-link:hover,
.how-link:active,
.how-link:focus{
    color: var(--secondary) !important;
    outline:none!important;
}
.bid-history-title {
    margin-top: 10px;
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}
.bid-history-panel {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--primary);
}
a#mainImageLink {
    height: 475px;
    display: block;
}
.user-nav ul.nav .nav-item.cus-gear-icon .nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
}
.cus-gear-icon span.caret,
.cus-hidden-top-admin-icon {
    display: none;
}
.cus-PlaceQuickBid:active,
.cus-PlaceQuickBid:hover,
.cus-PlaceQuickBid:focus{
    background: var(--secondary) !important;
    border-color: transparent !important;
}
.btn-primary,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary[disabled]:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:focus-visible{
    background-color: transparent;
    outline: none;
}
.buyer-tabs li:focus {
    outline: none;
}
.lotquickbid .InlineQuickBid:hover {
    filter: brightness(1.07);
}
.browse-listing-lots .galleryUnit > .panel.panel-default:hover,
.live-lot-listing-gallery .galleryUnit .panel:hover{
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(31, 70, 80, .11);
}
.bootstrap-dialog.type-danger .modal-header {
    background-color: var(--secondary)!important;
}
.bootstrap-dialog-footer-buttons .btn-danger {
    background: var(--secondary);
    border-color: var(--secondary);
}
.navbar-nav > li:focus-visible,
.navbar-nav > li a:focus-visible,
.navbar-nav > li a:focus,
.header--style2 .navbar-brand img:focus-visible,
.header--style2 .navbar-brand:focus-visible,
.header--style2 .navbar-brand:focus,
.hero-cta a.btn.btn-bidding-works:focus,
.hero .card-actions .btn.btn-coral:focus,
.hero .card-actions .btn.btn-coral:focus-visible,
.hero .card-actions .btn.btn-ask:focus,
.hero .card-actions .btn.btn-ask:focus-visible,
a:focus,
a:focus-visible{
    outline: none !important;
}
.hero-cta a.btn.btn-browse-lot:focus {
    color: #fff;
    outline: none;
}
.navbar-nav.top-mobile-navbar > li a:hover {
    background: transparent !important;
}
.form-group-wrapper input#SubmitBid:hover {
    filter: brightness(1.1);
}
a.nav-link.btn-coral-register:hover {
    filter: brightness(1.07) !important;
}
.form-group-wrapper .input-group input#BidAmount:focus {
    outline: 2px solid var(--water);
    border-color: transparent;
    box-shadow:none;
}
.browse-lot-categories .dropdown.visible-sm.visible-xs button.dropdown-toggle:hover, .live-lots-categories-block button.dropdown-toggle:hover {
    background-color: transparent;
}
.bidbox button#PlaceQuickBid {
    gap: 0px;
}
.live-lot-listing-gallery .galleryUnit .panel .label-danger, .browse-listing-lots .galleryUnit > .panel.panel-default .label-danger {
    background: #f7e8e1;
    color: var(--secondary);
}
.label-success.gallery-status.InlineContextualStatus, .label-warning.gallery-status.InlineContextualStatus, .label-danger.gallery-status.InlineContextualStatus {
    font-family: 'Barlow Condensed', sans-serif;
}
label[for="User_optin"] a {
    color: var(--secondary) !important;
}
label[for="User_optin"] a:hover {
    text-decoration:underline;
}
.buyeraccount-panel .form-horizontal select#StateDropDown {
    display: none;
}
.chan a {
    color: var(--primary);
}
    @media (min-width: 768px) {
        .my-account-text {
        display: none;
    }
}