@charset "UTF-8";
/* SVD Maxima CSS Updated November 2024 */

/*** CSS VARIABLES ***/
:root {
	--svd-blue: #1579F3;
	--svd-cyan: #00DBFD;
	--svd-cyan-soft: #57DCF0;
	--svd-cyan-softest: #D3EAF0;
    --svd-blueberry: #040f54;
    --svd-orange: #FC9C00;
    --svd-orange-soft: #FFB947;
    --error-red: #E45F76;
	--f8-gray: #f8f8f8;
	--f7-gray: #eeedee;
	--f6-gray: #deddde;
	--f4-gray: #f4f4f4;
	--dark-text: #333B47;
	--darkest-text: #1c1f25;
	--normal-text: #494F5A;
	--lighter-text: #656D7B;
    --mark: FFMarkProRegular, sans-serif;
    --mark-bold: FFMarkProBold, sans-serif;
    --mark-heavy: FFMarkProHeavy, sans-serif;
    --decima: DecimaMono, sans-serif;
    --decima-bold: DecimaMonoBold, sans-serif;
    --decima-bold-italic: DecimaMonoBoldItalic, sans-serif;
	
    --nav-height-desktop: 84px;
    
	--hyperFade: all 300ms ease-in-out;
	--hyperFadeFaster: all 150ms ease-in-out;
}



main {
    max-width: 2000px;
    margin: 0 auto;
}

.hide-on-desktop {display: none; visibility: hidden;}
.display-on-mobile {display: none; visibility: hidden;}
.display-on-desktop {display: block; visibility: visible;}
.display-on-sm-screen {display: none; visibility: hidden;}

.top-bar {
    background: var(--f6-gray);
    padding: 0px 60px;
    height: 36px;
}

.top-bar a {
    display: inline-block;
    font-size: 0.8em;
    color: var(--lighter-text);
    padding: 0px 30px;
    height: 36px;
    line-height: 36px;
    transition: var(--hyperFadeFaster);
}

.top-bar a:hover {
    color: var(--dark-text);
}

.featured-past-sales {
    padding: 48px 0;
    background: #1c1f25;
    color: var(--f6-gray);
}

fieldset {
    padding: 24px;
    border-radius: 12px;
}

legend {
    font-family: var(--mark-bold);
    padding: 0 24px;
}

label {
    display: block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
}

input {
    display: block;
	font-size: 1em; /* very large */
    color: var(--dark-text);
	font-family: FFMarkProRegular, sans-serif;
	line-height: 1.9;
    width: 100%;
    background: var(--f8-gray);
    border: 1px solid #A5ABB6;
    padding: 12px 24px;
    outline: 0;
    border-radius: 6px;
    height: 60px;
    transition: var(--hyperFadeFaster);
}

textarea {
    display: block;
    width: 100%;
    min-height: 220px;
	font-size: 1em; /* very large */
    color: var(--dark-text);
	font-family: FFMarkProRegular, sans-serif;
	line-height: 1.9;
    background: var(--f8-gray);
    border: 1px solid #A5ABB6;
    padding: 12px;
    outline: 0;
    border-radius: 6px;
    transition: var(--hyperFadeFaster);
}

input:active,
input:focus,
textarea:active,
textarea:focus {
    border: 1px solid var(--svd-blue);
}

input.sam:active,
input.sam:focus,
textarea.sam:active,
textarea.sam:focus {
    border: 1px solid #AC84F6;
}

input.ns:active,
input.ns:focus,
textarea.ns:active,
textarea.ns:focus {
    border: 1px solid var(--svd-orange);
}

.asset-category,
.asset-category-svd {
    display: inline-block;
    cursor: pointer;
    font-size: 0.9em;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    border: 1px solid #A5ABB6;
    padding: 9px 24px 6px;
    border-radius: 6px;
    margin: 0 12px 15px 0;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
}

.asset-category:hover {
    border: 1px solid #AC84F6;
}

.asset-category-svd:hover {
    border: 1px solid var(--svd-blue);
}

.asset-category:hover .checkbox-icon {
    border: 1px solid #AC84F6;
    background: #E2DCEF;
}

.asset-category-svd:hover .checkbox-icon {
    border: 1px solid var(--svd-cyan);
    background: var(--svd-cyan-softest);
}

.asset-category.selected .checkbox-icon {
    border: 1px solid #E2DCEF;
    background: #E2DCEF;
}

.asset-category-svd.selected .checkbox-icon {
    border: 1px solid var(--svd-cyan);
    background: var(--svd-cyan);
}

.asset-category.selected .checkbox-icon > .checkmark {
    display: inline-block;
}

.asset-category-svd.selected .checkbox-icon > .checkmark {
    display: inline-block;
}

.asset-category.selected {
    cursor: pointer;
    border: 1px solid #AC84F6;
    background: #E2DCEF;
    transition: var(--hyperFade);
}

.asset-category-svd.selected {
    cursor: pointer;
    border: 1px solid var(--svd-blue);
    background: var(--svd-cyan-softest);
    transition: var(--hyperFade);
}

.checkbox-icon {
    display: inline-block;
    text-align: center;
    line-height: 0.9em;
    width: 13px;
    height: 13px;
    border: 1px solid;
    border-radius: 3px;
    transition: var(--hyperFadeFaster);
}

.checkbox-icon > .checkmark {
    display: none;
    color: var(--dark-text);
    font-size: 0.8em;
    line-height: 13px;
    margin-bottom: 3px;
}

.soften-corners {
    border-radius: 24px;
}

.option-block {
    position: relative;
    display: block;
    cursor: pointer;
    border: 1px solid #A5ABB6;
    border-radius: 12px;
    padding: 24px;
    min-height: 160px;
    transition: var(--hyperFade);
}

.option-block .icon {
    position: absolute;
    top: 24px;
    right: 24px;
}

.option-block-cta {
    position: absolute;
    bottom: 24px;
    display: inline-block;
    color: var(--lighter-text);
    font-family: var(--mark-bold);
    font-size: 0.8em;
    border: 1px solid var(--lighter-text);
    border-radius: 6px;
    padding: 0 12px;
    transition: var(--hyperFadeFaster);
}

.option-block.selected {
    display: block;
    cursor: pointer;
    border: 1px solid var(--svd-blue);
    border-radius: 12px;
    padding: 24px;
    background: var(--svd-cyan-softest);
    transition: var(--hyperFade);
}

.option-block.sam.selected {
    display: block;
    cursor: pointer;
    border: 1px solid #AC84F6;
    border-radius: 12px;
    padding: 24px;
    background: #E2DCEF;
    transition: var(--hyperFade);
}

.option-block.ns.selected {
    display: block;
    cursor: pointer;
    border: 1px solid var(--svd-orange);
    border-radius: 12px;
    padding: 24px;
    background: #F0E6DD;
    transition: var(--hyperFade);
}



.option-block.selected .option-block-cta {
    display: inline-block;
    font-family: var(--mark-bold);
    font-size: 0.8em;
    border: 1px solid var(--svd-cyan-soft);
    border-radius: 6px;
    color: var(--dark-text);
    background: var(--svd-cyan-soft);
    padding: 0 12px;
}

.option-block.sam.selected .option-block-cta {
    display: inline-block;
    font-family: var(--mark-bold);
    font-size: 0.8em;
    border: 1px solid #AC84F6;
    border-radius: 6px;
    background: #AC84F6;
    padding: 0 12px;
}

.option-block.ns.selected .option-block-cta {
    display: inline-block;
    font-family: var(--mark-bold);
    font-size: 0.8em;
    border: 1px solid var(--svd-orange);
    border-radius: 6px;
    background: var(--svd-orange);
    padding: 0 12px;
}

.option-block:hover {
    border: 1px solid var(--svd-blue);
}

.option-block:hover .option-block-cta {
    color: var(--dark-text);
    border: 1px solid var(--svd-cyan-soft);
    background: var(--svd-cyan-soft);
}

.option-block.sam:hover .option-block-cta {
    border: 1px solid #AC84F6;
    background: #AC84F6;
}

.option-block.ns:hover .option-block-cta {
    border: 1px solid var(--svd-orange);
    background: var(--svd-orange);
}

.option-block.sam:hover {
    border: 1px solid #AC84F6;
}

.option-block.ns:hover {
    border: 1px solid var(--svd-orange);
}

.error {
    color: var(--error-red);
    font-size: 0.7em;
    margin-left: 6px;
}

/*** FORMS ***/
.highlight-cyan {
    display: inline-block;
    font-family: var(--mark-bold);
    color: var(--svd-blue);
}

.highlight-sam {
    display: inline-block;
    font-family: var(--mark-bold);
    color: #AC84F6;
}

.highlight-ns {
    display: inline-block;
    font-family: var(--mark-bold);
    color: var(--svd-orange);
}

a.target {
    display: block;
    color: var(--dark-text);
    cursor: pointer;
}

.disclaimer {
    background: var(--svd-cyan-softest);
    border: 1px solid var(--svd-cyan);
    border-radius: 12px;
    padding: 24px;
}

/*** FEATURED ASSETS ***/
.featured-asset-cover {
    position: relative;
    height: 400px;
    width: 100%;
    background: url('https://www.ntop.com/_next/image/?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fg5181r9i%2Fproduction%2F48c0e4a22e043c98a48415980779fd84a34d7601-2048x1051.jpg%3Fq%3D75%26fit%3Dclip%26auto%3Dformat&w=3840&q=80') no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 24px;
}

.featured-tag-indicator {
    position: absolute;
    top: 24px;
    left: 24px;
    font-family: var(--mark-bold);
    font-size: 0.8em;
    background: var(--svd-cyan);
    color: var(--dark-text);
    padding: 6px 12px;
    border-radius: 12px;
}

.featured-tag-indicator-lp {
    font-family: var(--mark-bold);
    font-size: 0.8em;
    background: var(--svd-cyan);
    color: var(--dark-text);
    padding: 6px 12px;
    border-radius: 12px;
}

.featured-tag-indicator.ns,
.featured-tag-indicator-lp.ns {
    background: var(--svd-orange);
}

.fa-thumbnail-link {
    display: block;
    cursor: pointer;
    color: var(--f6-gray);
    transition: var(--hyperFadeFaster);
}

.featured-thumbnail-cover {
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 12px;
    background: url('https://s7d2.scene7.com/is/image/Caterpillar/CM20240311-106ec-58089') no-repeat;
    background-size: cover;
    background-position: center center;
}

.thumbnail-lot {
    position: absolute;
    display: inline-block;
    top: 24px;
    left: 24px;
    border-radius: 6px;
    color: var(--f8-gray);
    background: rgba(0,0,0,0.6);
    padding: 0 6px;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
}

.thumbnail-details {
    font-size: 0.8em;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px;
}
.thumbnail-details i {margin-right: 3px;}

.thumbnail-cta {
    display: inline-block;
    font-size: 0.8em;
    font-family: var(--mark-bold);
    border: 1px solid;
    border-radius: 6px;
    padding: 6px 9px;
    transition: var(--hyperFadeFaster);
}

.fa-thumbnail-link:hover .thumbnail-cta {
    border: 1px solid var(--f6-gray);
    background: var(--f6-gray);
    color: var(--dark-text);
}

.featured-thumbnail-title {
    font-size: 1em;
    line-height: 1.3;
}

/*** LIVE FEED BAR ***/
.ticker-link {
    display: block;
    cursor: pointer;
}

.ticker-wrap {
    display: block;
    overflow: hidden;
    height: 60px;
    background: #1c1f25;
}

.ticker {
    display: inline-block;
    height: 60px;
    line-height: 60px;  
    white-space: nowrap;
    -webkit-animation-iteration-count: infinite; 
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 90s;
    animation-duration: 90s;
}
.ticker-item {
    display: inline-block;
    font-size: 1em;
    color: var(--f8-gray); 
}

.ticker-item > span.logo {
    display: inline-block;
    vertical-align: middle;
    background: url('../images/bmw-logo.jpg') no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 3px;
}

.ticker-item:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 6px;
    height: 6px;
    background: var(--svd-cyan);
    border-radius: 50%;
    margin: 0 48px;
}


ul.tabs li {
    display: inline-block;
    cursor: pointer;
    margin-right: 12px;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border: 1.3px solid;
    border-radius: 12px;
    padding: 12px 24px;
    transition: var(--hyperFade);

    
}

ul.tabs li:last-child {
    margin-right: 0;
}

ul.tabs li:hover {
    color: var(--lighter-text);
}

ul.tabs li.active {
    color: var(--f6-gray);
    border: 1.3px solid var(--dark-text);
    background: #1c1f25;
}

ul.bullet-points {
    padding-left: 15px;
}

ul.bullet-points li {
    list-style-type: circle;
}

#buyer-cards,
#sold-cards {
    display: none;
}


.xl-tab-new {
    position: relative;
    cursor: pointer;
    font-family: var(--mark-bold);
    color: var(--lighter-text);
    font-size: 1.3em;
    padding-top: 24px;
    padding-bottom: 9px;
    border: 1px solid;
    overflow: hidden;
    border-radius: 12px;
    padding: 24px 12px 24px 24px;
    transition: var(--hyperFadeFaster);
}

.xl-tab {
    position: relative;
    cursor: pointer;
    font-family: var(--mark-bold);
    color: var(--lighter-text);
    font-size: 1.3em;
    padding-top: 24px;
    padding-bottom: 9px;
    transition: var(--hyperFadeFaster);
}

.svd-bottom-border,
.sam-bottom-border {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: var(--f6-gray);
    transition: var(--hyperFadeFaster);
}


.xl-tab:hover,
.xl-tab.active:hover {
    color: var(--svd-blue);
}

.xl-tab.sam:hover,
.xl-tab.sam.active:hover {
    color: #AC84F6;
}

.xl-tab-new:hover {
    color: var(--dark-text);
}

.xl-tab-new.active {
    color: var(--dark-text);
}

.xl-tab-new.sam.active {
    color: var(--dark-text);
    background: #E2DCEF;
    border: 1px solid #AC84F6;
}

.xl-tab-new.active {
    color: var(--dark-text);
    background: var(--svd-cyan-softest);
    border: 1px solid var(--svd-cyan);
}

.xl-tab.active .svd-bottom-border {
    height: 4px;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
}

.xl-tab.active .sam-bottom-border {
    height: 4px;
    background: linear-gradient(to right, #8364e8, #AC84F6);
}


@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  opacity: 0;
  }

  1% {
    -webkit-transform: translate3d(-1%, 0, 0);
    transform: translate3d(-1%, 0, 0);
      opacity: 1;
  }

  99% {
    -webkit-transform: translate3d(-99%, 0, 0);
    transform: translate3d(-99%, 0, 0);
      opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
      opacity: 0;
  }
}

.announcement-phrase {
    font-family: DecimaMonoBoldItalic, sans-serif;
    font-size: 1.3em;
    animation: flash 600ms infinite;
}


@keyframes flash {
    0% {color: var(--svd-cyan);}
    50% {color: var(--svd-blue);}
    100% {color: var(--svd-cyan);}
}


/*** GLOBAL ***/

body {
	font-size: 1em; /* very large */
	font-family: FFMarkProRegular, sans-serif;
	line-height: 1.9;
	margin: 0 auto;
	background: var(--f7-gray);
	color: var(--dark-text);
}

*, *::before, *::after {
	box-sizing: border-box;
    margin: 0;
}

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {font-weight: normal; margin: 0;}

h1.normal-text {
    font-family: FFMarkProBold, sans-serif;
	color: var(--dark-text);
	font-size: 1em;
	line-height: 1.3;
}

h2 {
    font-family: FFMarkProBold, sans-serif;
	color: var(--dark-text);
	font-size: 1.3em;
	line-height: 1.3;
}

p {
    display: block;
    font-size: 1em;
    margin: 0 0 24px;
}

a {text-decoration: none;}

a,
button,
label,
input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove gray click box on mobile */
}

button {
	all: unset;
	cursor: pointer;
}

.zero-six {font-size: 0.6em;}
.zero-seven {font-size: 0.7em;}
.zero-eight {font-size: 0.8em;}
.zero-nine {font-size: 0.9em;}
.one {font-size: 1em;}
.one-three {font-size: 1.3em;}
.one-six {font-size: 1.6em;}
.one-nine {font-size: 1.9em;}
.two-two {font-size: 2.2em;}
.two-five {font-size: 2.5em; line-height: 1.3;}
.two-eight {font-size: 2.8em;}
.three-one {font-size: 3.1em;}
.three-four {font-size: 3.4em;}
.three-seven {font-size: 3.7em; line-height: 1.1;}
.four {font-size: 4em; line-height: 1.1;}
.four-three {font-size: 4.3em; line-height: 1.1;}
.four-six {font-size: 4.6em; line-height: 1.1;}
.four-nine {font-size: 4.9em; line-height: 1.1;}

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.center-to-left {text-align: center;}
.right-to-center {text-align: right;}
.right-to-left {text-align: right;}

.f8-gray {color: #f8f8f8;}

.alt-gray-bg {
    background: #E6E6E6;
}

.search-banner {
    position: relative;
    background: rgb(7,14,60);
}

.sam-lp-banner {
    position: relative;
    background: rgb(23,19,71);
}

.sam-lp-banner-alt {
    position: relative;
    background: #E2DCEF;
}

.svd-lp-banner-alt {
    position: relative;
    background: rgb(221,234,240);
}

.svd-lp-banner {
    position: relative;
    background: rgb(7,14,60);
}
.sam-lp-banner h2 {color: var(--f8-gray);}




.search-banner h1 {
    color: var(--f8-gray);
}

.svd-soft-bg {
    background: url('../images/gradient-banner-bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}

.cyan-soft-bg {
    color: var(--svd-cyan);
    background: #040f54;
}

.horizontal-cta-banner {
    padding: 48px;
    border-radius: 24px;
}

/*** SVD TEAM ***/
.team-card-link {
    display: block;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
    cursor: pointer;
}

.team-card {
    position: relative;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    height: 130px;
    background-color: var(--f8-gray);
    background: url('../images/banner-smaller-bg.png') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card .lp {
    position: relative;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    height: 400px;
    background-color: var(--f8-gray);
    background: url('../images/banner-smaller-bg.png') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.john {
    background: url('../images/john-carroll-3.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.kim {
    background: url('../images/kim-castaldo.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.johnny {
    background: url('../images/john-castaldo.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.derek {
    background: url('../images/derek-patterson.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.greg {
    background: url('../images/greg-gosnell.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.daniel {
    background: url('../images/daniel-juliano.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.manuel {
    background: url('../images/manuel-padilla.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.anna {
    background: url('../images/anna-bagao.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.andres {
    background: url('../images/andres-miguel.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.brent {
    background: url('../images/brent-smith.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.team-card.gary {
    background: url('../images/gary-ferguson.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.name-title {
    position: absolute;
    bottom: 24px;
    left: 24px;
    color: var(--f6-gray);
}

.name-title .card-cta {
    color: var(--f6-gray);
    transition: var(--hyperFadeFaster);
}

.name-title h3 {
    font-family: var(--mark-bold);
    line-height: 1.3;
}

.team-card-link:hover .card-cta {
    background: var(--dark-text);
    color: var(--f8-gray);
}

.accordion-container {
    margin-bottom: 24px;
}

.accordion-topic {
    position: relative;
    cursor: pointer;
    font-family: var(--mark-bold);
    border-bottom: 1px dotted #A5ABB6;
    padding: 12px 24px 12px 12px;
    transition: var(--hyperFadeFaster);
}


.accordion-topic:hover ,
.accordion-topic.active {
    background: #E2DCEF;
    border-bottom: 1px dotted #AC84F6;
}


.accordion-topic.svd:hover ,
.accordion-topic.svd.active {
    background: var(--svd-cyan-softest);
    border-bottom: 1px dotted var(--svd-cyan);
}


.accordion-topic i {
    position: absolute;
    line-height: 1;
    top: 40%;
    right: 24px;
    color: #AC84F6;
}

.accordion-topic.svd i,
.accordion-topic.svd i {
    position: absolute;
    line-height: 1;
    top: 40%;
    right: 24px;
    color: var(--svd-cyan);
}

.accordion-panel {
    display: none;
    padding: 24px 0;
    border-bottom: 1px solid #A5ABB6;
}

/*** STYLES ***/

.bold {
	font-family: FFMarkProBold, sans-serif;
}

.decima-bold-italic {
	font-family: DecimaMonoBoldItalic, sans-serif;
    text-transform: uppercase;
}

.decima-bold {
	font-family: DecimaMonoBold, sans-serif;
    text-transform: uppercase;
}

.decima {
	font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
}

.decima-inverted {
	font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--f8-gray);
}

.heavy {
	font-family: FFMarkProHeavy, sans-serif;
}

.push-down-min {margin-bottom: 6px;}
.push-down {margin-bottom: 12px;}
.push-down-more {margin-bottom: 24px;}
.push-down-max {margin-bottom: 48px;}

.push-right {margin-right: 12px;}
.push-right-more {margin-right: 24px;}


.dark-text {color: #373F4C;}
.lighter-text {color: #656D7B;}

.simple-card {
    border: 1px solid;
    border-radius: 12px;
    padding: 24px;
}

.simple-card img {border-radius: 12px;}

/*** NAV BAR ***/
header {
    position: relative;
    background: var(--f7-gray);
/*    background: #1c1f25;*/
}

.mobile-nav-trigger, 
.mobile-nav-bar {
    display: none;
}

.brand {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: var(--nav-height-desktop);
}

.brand > img.svd-logo {
    display: block;
    vertical-align: middle;
    height: auto;
    width: 100%;
    max-width: 220px;
}

.maxima-nav {
    float: right;
/*    overflow: auto; - this will show dodgerblue bg*/
    margin: 0;
    min-height: var(--nav-height-desktop);
    z-index: 99;
}

.sub-menu-intro {
    font-size: 0.8em;
    color: var(--lighter-text);
}

.nav li {
    display: inline-block;
    float: left;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
    margin: 0;
}

.nav li > a {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    font-family: var(--mark-bold);
    line-height:  var(--nav-height-desktop);
    color: var(--dark-text);
}

.nav li > a > i {
    color: var(--normal-text);
}

.nav li > .sub-menu {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--f7-gray);
    border-bottom: 1px solid var(--f6-gray);
    padding: 30px 60px 60px;
    visibility: hidden;
    opacity: 0;
    z-index: 500;
/*    transition: var(--hyperFadeFaster);*/
}


.nav li > .sub-menu ul > li {
    display: block;
    float: none;
    padding: 6px 0;
    line-height: 24px;
    border-bottom: 1px solid var(--f6-gray);
    cursor: pointer;
}

.nav li > .sub-menu ul > li.no-style {
    border-bottom: none;
}

.nav li > .sub-menu ul > li > a {
    display: block;
    padding: 6px 0;
    line-height: 24px;
    transition: var(--hyperFade);
}

.nav li > a > i {
    color: var(--normal-text);
    margin-left: 3px;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link {
    position: relative;
    font-family: var(--mark-bold);
    color: var(--f8-gray);
/*    border: 1.9px solid var(--svd-cyan);*/
    border-radius: 12px;
    padding: 24px;
    min-height: 144px;
    background: url("../images/APPLIED-BIOSYSTEMS-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    transition: var(--hyperFade);
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.manufacturing {
    background: url("../images/boston-robot-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.energy {
    background: url("../images/cuberg-batteries.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.processing {
    background: url("../images/intuity-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.technology {
    background: url("../images/server-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.inventories {
    background: url("../images/tusimple-fleet-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.food {
    background: url("../images/scifi-bioreactor-main-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.all {
    background: url("../images/tescan-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.facility-closure {
    background: url("../images/kuka-isolated-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link.surplus-assets {
    background: url("../images/keyence-3d-microscope-nav.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
}


.nav li > .sub-menu ul > li > a.nav-industry-block-link span.link-title {
    position: relative;
    z-index: 3;
}


.nav li > .sub-menu ul > li > a.nav-industry-block-link span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47,0));
    opacity: 1;
    z-index: 1;

}


.nav li > .sub-menu ul > li > a.nav-industry-block-link:hover {
    color: var(--svd-cyan);
}

.nav li > .sub-menu ul > li > a.nav-industry-block-link i {
    display: inline-block;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 1.9em;
    margin-bottom: 12px;
}


.nav li.has-sub-menu:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

span.underscore {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 4px;
    background: var(--svd-cyan);
    transition: var(--hyperFadeFaster);
}

.nav li:hover span.underscore {
    width: 100%;
}



.nav li > .sub-menu ul > li:hover {
    background: none;
}

.nav li > .sub-menu ul > li:hover > a {
    color: var(--svd-blue);
}

.nav li > a.mobile-link {display: none;}


/* -------------------------------- 

January 2026 Update

-------------------------------- */
.category-link {
    display: block;
    transition: var(--hyperFadeFaster);
}

.category-link:hover .new-card {
    box-shadow: 0px 0px 30px var(--svd-cyan);
}

.new-card {
    background: var(--f8-gray);
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
    height: 130px;
    transition: var(--hyperFadeFaster);
}


span.card-cover {
    display: block;
    width: 100%;
    height: 130px;
    background: url('../images/cuberg-stackeing-machine.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
        
}

.new-card h2 {
    font-size: 1em;
}

.bold-cta {
    display: block;
    font-family: var(--mark-bold);
    text-align: center;
    background: #1c1f25;
    color: var(--f6-gray);
    padding: 22px 12px;
    border: 1px solid #1c1f25;
    border-radius: 12px;
    transition: var(--hyperFadeFaster);
}

.new-auction-card:hover .bold-cta {
    background: var(--svd-cyan);
    border: 1px solid var(--svd-cyan);
    color: var(--dark-text);
}

span.card-cover.ev {
    background: url('../images/tusimple-fleet.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-cover.energy {
    background: url('../images/cuberg-batteries.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-cover.research {
    background: url('../images/ceres-hplc.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-cover.industrial {
    background: url('../images/boston-robot.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-cover.inventories {
    background: url('../images/coaster-cycles-inventory.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-cover.food {
    background: url('../images/scifi-bioreactors-3.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-cover.all {
    background: url('../images/arri-camera.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.card-details {
    display: block;
    padding: 24px;
}


.svd-auction-cover {
    position: relative;
    height: 300px;
    border-radius: 24px;
    overflow: hidden;
}

.svd-auction-cover-new {
    position: relative;
    height: 300px;
    border-radius: 24px;
    overflow: hidden;
}

.svd-auction-cover .logo {
    position: absolute;
    z-index: 5;
    top: 30px;
    left: 30px;
    border-radius: 12px;
    width: 110px;
    height: 110px;
}

.svd-auction-cover .live-auction {
    position: absolute;
    z-index: 5;
    top: 30px;
    right: 30px;
}

.overlay-cta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    line-height: 300px;
    z-index: 5;
}

.main-auction-cover-new {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url('https://svd-prod.s3.us-west-1.amazonaws.com/backend/AuctionImages/auction-images-img-4313-1762745554961.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    transition: var(--hyperFadeFaster);
}

.main-auction-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url('https://svd-prod.s3.us-west-1.amazonaws.com/backend/AuctionImages/auction-images-img-4313-1762745554961.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    transition: var(--hyperFadeFaster);
}


.main-auction-cover.one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url('https://svd-prod.s3.us-west-1.amazonaws.com/backend/AuctionImages/auction-images-img-6609-1763393727318.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.main-auction-cover.two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url('https://svd-prod.s3.us-west-1.amazonaws.com/backend/AuctionImages/auction-images-img-446-1764626429273.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.main-auction-cover .logo {
    position: absolute;
    top: 24px;
    left: 24px;
    height: 110px;
    width: 110px;
    border-radius: 12px;
}

.auction-card-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    font-family: var(--mark-bold);
    color: var(--f8-gray);
    background: var(--darkest-text);
    height: 60px;
    line-height: 60px;
    padding: 0 24px;
    z-index: 9;
    transition: var(--hyperFadeFaster);
}


.new-auction-card:hover .auction-card-cta {
    color: var(--svd-cyan);

}

.auction-card-cta i {
    position: absolute;
    right: 0;
    line-height: 60px;
    height: 60px;
    width: 90px;
    border-left: 1px dotted;
    text-align: center;
    transition: var(--hyperFadeFaster);
}


.hover-cta {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    z-index: 6;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    transition: var(--hyperFadeFaster);
}

.hover-cta i {
    color: var(--svd-cyan);
    font-size: 6em;
}

.new-auction-card:hover .hover-cta {
    visibility: visible;
    opacity: 1;
}



/* -------------------------------- 

Footer

-------------------------------- */
footer {
    padding: 48px 0;
    background: #1c1f25;
    color: var(--f6-gray);
}

footer h3 {
    font-size: 1em;
    font-family: var(--mark-bold);
}

footer i {margin-right: 3px;}

footer h3,
footer p,
footer ul,
footer a {color: var(--f6-gray);}

footer ul li a {
    display: block;
    padding: 6px 0;
    border-bottom: 1px dotted rgba(255,255,255, 0.3);
    opacity: 0.6;
    transition: var(--hyperFade);
}

footer ul li a:hover {
    opacity: 1;
}

footer .general-info {
    opacity: 0.6;
}


.footer-share-bar {
    display: block;
}

.footer-share-bar a {
    position: relative;
    display: inline-block;
    border-radius: 6px;
    margin: 0 6px 6px 0;
    border: 1.3px solid;
    transition: var(--hyperFadeFaster);
    opacity: 0.6;
}

.footer-share-bar a:hover {
    opacity: 1;
}

.footer-share-bar a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-right: 0;
}

.membership {opacity: 0.6;}

.copyright-bar {
    border-top: 1px dotted rgba(255,255,255,0.6);
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 24px 0 0;
    opacity: 0.6;
}

/* -------------------------------- 

Homepage Slider

-------------------------------- */

.full-width-slider {
	position: relative;
	height: 800px;
	overflow: hidden;
}

.slides {
	position: relative;
	height: 100%;
	background: #1c1f25;
}

.slides li {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: translateX(100%);
	transition: transform 0.6s;
	background: url('../images/slide-2.jpg') no-repeat center center;
/*	background: url('https://hips.hearstapps.com/hmg-prod/images/2022-bmw-x4-m-competition-754-edit-1652284055.jpg') no-repeat bottom center;*/
	background-size: cover;
	
}

.slides li:nth-of-type(2){
	background: url('../images/kuka-svd.jpg') no-repeat center center;
	background-size: cover;
}

.slides li:nth-of-type(3){
	background: url('../images/ceres-shimadzu.jpg') no-repeat center center;
	background-size: cover;
}

.slides li:nth-of-type(4){
	background: url('../images/tradeup-homepage.jpg') no-repeat center center;
	background-size: cover;
}

.slides li.selected {
	z-index: 2;
	transform: translateX(0);
}

.slides li.move-left {transform: translateX(-100%);}

.slides li.visible {z-index: 2;}


.slides h2 {
    display: block;
    font-size: 3.1em;
    line-height: 1.1;
    color: var(--f8-gray);
/*	text-shadow: 0 0 25px rgba(14,26,38,0.5);*/
}

.slides h2.decima-heading {
    font-size: 4em;
}

.slides p {
    display: block;
    font-size: 1.3em;
    color: var(--f8-gray);
}

.new-fade {
    display: block;
	animation: newFade 0.9s ease-in-out;
}

.title-effect-new {
	animation: newFade 0.9s ease-in-out;
}

.title-effect-offset {
	animation: newFade 0.9s ease-in-out;
}

.progress-bar {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    z-index: 3;
}

.animate-progress {
    animation: fillBar 6s ease-in-out;
}

@keyframes fillBar {
	0% {width: 0;}
	100% {width: 100%;}
}


@keyframes newFade {
	0% {transform: translateY(50px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}

.slider-tagline {
    display: block;
    font-size: 1.3em;
    color: var(--f8-gray);
}

.type-container {
    position: absolute;
    left: 60px;
    top: 60px;
    width: 700px;
    z-index: 3;

}

.type-container.higher {
	top: 10%;
}


.slider-navigation a {
    position: absolute;
    right: 60px;
	bottom: 48px;
    z-index: 3;
	font-family: DecimaMonoBold, sans-serif;
	text-transform: uppercase;
	line-height: 60px;
	color: white;
	text-align: center;
	width: 100px;
	height: 60px;
	border: 1px solid var(--f6-gray);
	border-radius: 12px;
	opacity: .6;
	transition: var(--hyperFade);
}

.slider-navigation a:hover {opacity: 1;}

.slider-navigation a:active {
	border: 1px solid;
}

.slider-navigation a.prev {right: 180px;}

.slider-dots-navigation {
	position: absolute;
	z-index: 3;
	bottom: 54px;
	left: 60px;
    right: auto;
}

.slider-dots-navigation li {
	display: inline-block;
	margin-right: 12px;
}

.slider-dots-navigation a {
	display: block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 12px;
	line-height: 48px;
	width: 48px;
	height: 48px;
	color: rgba(255,255,255,0.3);
	transition: border .3s;
}

.slider-dots-navigation a.selected {border: 1px solid var(--f6-gray); vertical-align: middle; color: white;}


.new-cta {
    display: inline-block;
    text-align: center;
    font-family: var(--mark-bold);
    font-size: 1.3em;
    color: var(--f8-gray);
    border-radius: 12px;
	background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan), var(--svd-blue));
    padding: 24px 30px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}

.new-cta:hover {
    background-position: right;
}


.nueu-cta {
    display: inline-block;
    font-family: FFMarkProBold, sans-serif;
    font-size: 1.3em;
    line-height: 1;
    color: var(--dark-text);
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    border-radius: 12px;
    padding: 30px;
    overflow: hidden;
    transition: var(--hyperFadeFaster);
}




.maxima-cta {
    display: inline-block;
    font-family: FFMarkProBold, sans-serif;
    font-size: 1.3em;
    line-height: 1;
    color: var(--f8-gray);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--hyperFadeFaster);
}

.maxima-cta-dark {
    display: inline-block;
    font-family: FFMarkProBold, sans-serif;
    font-size: 1.3em;
    line-height: 1;
    color: var(--dark-text);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--hyperFadeFaster);
}

span.texture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    opacity: 0;
    transition: var(--hyperFadeFaster);
    z-index: 1;
}

span.texture.sam {
    background: linear-gradient(to right, #8364e8, #AC84F6);
}

span.texture.gtc {
    background: linear-gradient(to right, #4cbf46, #a8de4c)
}

span.texture.smartco {
    background: linear-gradient(to right, #4237bd, #ac84f6)
}

span.texture.shapeways {
    background: linear-gradient(to right, #6f39cc, #fe4c64)
}

span.texture.mbc {
    background: linear-gradient(to right, #f4882e, #f4b52e)
}

span.texture.lgc {
    background: linear-gradient(to right, #00c1d3, #54E2EB);
}

span.texture.proindustrial {
    background: linear-gradient(to right, #E0294A, #3d87f2);
}

span.texture.techfootin {
    background: linear-gradient(to right, #369954, #7FB800);
}

span.texture.tradeup {
    background: linear-gradient(to right, #00b170, #92f29e);
}

span.texture.rebootit {
    background: linear-gradient(to right, #0c75e6, #00ee6e);
}

span.texture.fleetforward {
    background: linear-gradient(to right, #f74c06, #f9bc2c);
}

span.texture.smartco {
    background: linear-gradient(to right, #4237bd, #ac84f6);
}

span.texture.ns {
    background: linear-gradient(to right, var(--svd-orange), var(--svd-orange-soft));
}

.maxima-cta-lp {
    display: block;
    text-align: center;
    font-family: FFMarkProBold, sans-serif;
    font-size: 1em;
    line-height: 1;
    color: var(--dark-text);
    border-radius: 12px;
    overflow: hidden;
    transition: var(--hyperFadeFaster);
}

.maxima-cta-new {
    display: inline-block;
    font-family: FFMarkProBold, sans-serif;
    font-size: 1.3em;
    line-height: 1;
    color: var(--dark-text);
    background: url('../images/maxima-button-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 30px;
    overflow: hidden;
    transition: var(--hyperFadeFaster);
}

.maxima-cta-new:hover {
    color: var(--f8-gray);
}


.maxima-cta-dark:hover span.texture,
.maxima-cta-dark:hover span.texture.sam,
.maxima-cta-lp:hover span.texture, 
.maxima-cta-lp:hover span.texture.gtc, 
.maxima-cta-lp:hover span.texture.shapeways,
.maxima-cta-lp:hover span.texture.mbc,
.maxima-cta-lp:hover span.texture.lgc,
.maxima-cta-lp:hover span.texture.proindustrial,
.maxima-cta-lp:hover span.texture.techfootin,
.maxima-cta-lp:hover span.texture.smartco,
.maxima-cta-lp:hover span.texture.ns {
    opacity: 0.3;
}

.maxima-cta:hover span.texture {
    opacity: 0.3;
}


.gradient-border {
  display: flow-root;
  position: relative;
  padding: 30px;
}

.gradient-border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.sam::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #8364e8, #AC84F6) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.smartco::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #4237bd, #ac84f6) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}



.gradient-border.shapeways::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #6f39cc, #fe4c64) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.mbc::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #f4882e, #f4b52e) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.gtc::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #4cbf46, #a8de4c) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.lgc::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #00c1d3, #54E2EB) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.techfootin::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #369954, #7FB800) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.proindustrial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #E0294A, #3d87f2) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.tradeup::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #00b170, #92f29e) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.rebootit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #0c75e6, #00ee6e) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.fleetforward::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, #f74c06, #f9bc2c) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}

.gradient-border.ns::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    border: 5px solid transparent;
    background: linear-gradient(to right, var(--svd-orange), var(--svd-orange-soft)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 3;
}


.full-width-slider span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47,0));
    opacity: 0.9;
    z-index: 2;

}

/* COMMON */
.section-indicator-old {
    font-size: 1em;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
}

.section-indicator {
    display: inline-block;
    font-family: var(--mark-bold);
    font-size: 0.8em;
    background: var(--svd-cyan-softest);
    border: 1px solid var(--svd-cyan);
    color: var(--dark-text);
    padding: 6px 12px;
    border-radius: 12px;
}

.section-title {
    font-size: 3.4em;
}

.emphasize {
    display: inline-block; 
    position: relative; 
	font-family: FFMarkProHeavy, sans-serif;
    padding-bottom: 3px;
}


.gradient-underline {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--svd-cyan);
}

.banner-headline-texty {
    display: block;
    font-family: var(--mark-bold);
    font-size: 2.2em;
    line-height: 1.3;
    color: var(--dark-text);
}

.banner-headline-texty.inverted {
    display: block;
    font-family: var(--mark-bold);
    font-size: 2.2em;
    line-height: 1.3;
    color: var(--f8-gray);
}

.banner-headline {
    display: block;
    font-family: var(--mark-bold);
    font-size: 3.4em;
    line-height: 1.3;
    color: var(--f8-gray);
}

.banner-headline.svd-studios {
    display: block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-size: 4em;
    line-height: 1.1;
    color: var(--f8-gray);
}

.banner-tagline {
    color: var(--f8-gray);
    font-size: 1.3em;
}

.banner-tagline.dark {
    color: var(--dark-text);
    font-size: 1.3em;
}

.banner-block {
    color: var(--f8-gray);
}

/* AUCTION CARDS */

.date-location-container {
    position: absolute;
    right: 24px;
    top: 24px;
    background: var(--svd-cyan);
    color: var(--f8-gray);
    padding: 6px 12px;
    border-radius: 6px;
}

.date-maxima {
    display: inline-block;
    font-size: 1.6em;
    line-height: 1.3;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
	color: var(--dark-text);
    border-bottom: 1px solid;
    padding-bottom: 12px;
}

.date-maxima-new {
    display: inline-block;
    font-size: 1em;
    line-height: 1.3;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
	color: var(--dark-text);
}

.location-maxima-new {color: var(--dark-text);}

.location-maxima {color: var(--dark-text);}

.auction-card {
	background: var(--f8-gray);
	border-radius: 24px;
	overflow: hidden;
}

.auction-card .cover-photo {
	position: relative;
	width: 100%;
	height: 250px;
	background: url("../images/bmw-cover.png");
	background-size: cover;
	background-repeat: none;
	background-position: center center;
}


.auction-card .cover-photo.bmw {
	background: url(https://paultan.org/image/2022/11/2023-BMW-3.0-CSL-debut-17.jpg);
	background-size: cover;
	background-repeat: none;
	background-position: center center;
}

.auction-card .cover-photo.techfootin {
	background: url(https://svdisposition.com/backend/web/images/AuctionImages/552_100_1691165538..jpg);
	background-size: cover;
	background-repeat: none;
	background-position: center center;
}


.gradient-circle {
	position: absolute;
	top: 30px;
	left: 30px;
	background: linear-gradient(to right, salmon, orange);
	border-radius: 50%;
	height: 120px;
	width: 120px;
}

.gradient-circle.bmw {
	background: linear-gradient(to left, cyan, dodgerblue);
}

.gradient-circle.techfootin {
	background: linear-gradient(to right, #7fb902, #389954);
}

.gradient-circle img {
	width: 115px;
	height: 115px;
	border-radius: 50%;
	margin: 2.5px; 
}

span.auction-live {
    position: absolute;
    top: 30px;
    right: 30px;
    color: var(--f8-gray);
    background: orange;
    font-size: 0.9em;
    padding: 3px 15px 1.5px;
    border-radius: 6px;
    opacity: 1;
    animation: auctionLive 1s infinite;
}

@keyframes auctionLive {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

span.sale-type {
    position: absolute;
    bottom: 30px;
    left: 30px;
    
    color: var(--f6-gray);
    background: rgba(0,0,0,0.6);
    font-size: 0.9em;
    font-family: DecimaMonoBold, sans-serif;
    text-transform: uppercase;
    padding: 3px 15px 1.5px;
    border-radius: 6px;
}

.auction-card .details {
	padding: 15px 30px;
    min-height: 230px;
    
    background: var(--f8-gray);
}

.auction-card .details p {
    height: calc(1.5em * 3);
    overflow: auto; 
}

.date-location {
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
	font-size: 0.9em;
	color: var(--dark-text);
}

.sale-links {
    position: relative;
	text-align: center;
	background: #1c1f25;
	color: var(--f6-gray);
	overflow: hidden;
}

.sale-links a {
	display: inline-block;
	float: left;
	width: 50%;
	padding: 30px 15px;
	color: orange;
	transition: var(--hyperFade);
}

.sale-links.bmw a {
    color: dodgerblue;
}

.sale-links.techfootin a {
    color: #7fb902;
}

.sale-links a:hover {
	background: #1c1f25;
}


span.link-rule {
    display: inline-block;
    position: absolute;
    width: 1.6px;
    height: 100%;
    background: #373f4c;
    z-index: 2;
    left: 50%;
    right: 50%;
    
}


/* AUCTION CALENDAR STACKED */
.auction-brand-cover {
    position: relative;
    width: 100%;
    height: 300px;
	background: url(https://cdn.motor1.com/images/mgl/NGOMej/s1/bmw-i5-edrive40-2023.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 12px;
}


.auction-date-location {
    color: var(--dark-text);
    font-size: 0.9em;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 12px;
}    

h2.auction-title {
    font-family: var(--mark-bold);
    color: var(--dark-text);
    font-size: 1.6em;
    margin: 0 0 12px;
    cursor: pointer;
}

h2.auction-title > a {
    display: block;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
}

h2.auction-title:hover > a {
    color: var(--svd-blue);
}

.auction-banner-date {
    display: inline-block;
    font-size: 1em;
    color: var(--dark-text);
/*
    background: linear-gradient(to right, #4bc046, #a3dd4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
*/

}

.auction-banner-date-inverted {
    display: inline-block;
    font-size: 1.3em;
    font-family: var(--mark-bold);
    color: var(--f8-gray);
/*
    background: linear-gradient(to right, #4bc046, #a3dd4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
*/

}

.auction-banner-date.techfootin {
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.3em;
    background: linear-gradient(to right, #46bc64, #a1cc2b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.auction-banner-date.lgc {
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.3em;
    background: linear-gradient(to right, #00c1d3, #54E2EB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.auction-banner-date.proindustrial {
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.3em;
    background: linear-gradient(to right, #E0294A, #3d87f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.auction-featuring {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}


.asset-type-tag {
    font-size: 0.9em;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.link-bar-maxima {
    display: block;
    width: 100%;
    max-width: 500px;
    text-align: center;
    border: 1px solid;
    border-radius: 12px;
    overflow: hidden;
}

.link-bar-maxima a {
    display: inline-block;
    float: left;
    padding: 12px;
    width: 50%;
    font-family: var(--mark-bold);
    color: var(--dark-text);

}

.link-bar-maxima a:first-child {
    border-right: 1px solid;
}


.maxima-sale-link {
    display: inline-block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    margin-bottom: 0 12px 12px 0;
    padding: 12px;
    background: orange;
}


ul.links {
    border: 1px solid;
    border-radius: 12px;
    overflow: hidden;
}

ul.links a {
    font-family: var(--mark-bold);
    display: block;
    transition: var(--hyperFadeFaster);
    padding: 15px;
    border-bottom: 1px solid;
    color: var(--dark-text);
}

ul.links a:last-child {
    border-bottom: none;
}

ul.links a:hover {
    color: orange;
}

a.auction-link {
    font-family: var(--mark-bold);
    display: block;
    transition: var(--hyperFadeFaster);
    padding: 15px;
    border: 1px solid;
    color: var(--dark-text);
    border-radius: 12px;
}

.share-event-container {
    position: relative;
    display: inline-block;
    width: 130px;
}

.share-event {
    width: 130px;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--dark-text);
    padding: 0 0 2px;
    border-bottom: 1px dotted;
    cursor: pointer;
    transition: var(--hyperFadeFaster);
}

.share-event.active {
    color: var(--svd-blue);
    transition: var(--hyperFadeFaster);
}

.share-event:hover {
    color: var(--svd-blue);
}

.close-share {display: none;}


ul.share-menu {
    display: none;
    top: 40px;
    position: absolute;
    width: 250px;
    border-radius: 12px;
    overflow: hidden;
    z-index: 3;
    box-shadow: 0px 30px 30px rgba(0,0,0,0.3);
}

ul.share-menu li > a > i {margin-right: 6px;}

ul.share-menu a {
    display: block;
    font-size: 0.9em;
	background: #1c1f25;
	color: var(--f6-gray);
    padding: 12px;
    transition: var(--hyperFadeFaster);
}

ul.share-menu a:hover {
    color: var(--svd-blue);
}

ul.share-menu li {
    border-bottom: 1px solid #373f4c;

}

ul.share-menu li:last-child {border-bottom: none;}

ul.share-menu.slideUp {
    display: block;
    animation: slideUp 150ms ease-in-out;
}

@keyframes slideUp {
    0% {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}



.maxima-card {
    background: #deddde;
    width: 100%;
    height: 200px;
    max-width: 550px;
    border-radius: 12px;
    overflow: hidden;
    /*box-shadow: 0px 30px 30px rgba(0,0,0,0.1);*/
}

.client-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 30%;
    height: 200px;
    background: white;
    text-align: center;
    overflow: hidden;
}

.client-logo-container > img {
    width: 90%;
}


.sale-cover-container {
    position: relative;
    display: inline-block;
    float: left;
    width: 70%;
    height: 200px;
    background: url('https://cdn.motor1.com/images/mgl/NGOMej/s1/bmw-i5-edrive40-2023.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.live-auction-indicator {
    position: absolute;
    top: 24px;
    left: 24px;
    font-family: var(--decima-bold-italic);
    font-size: 0.9em;
    text-transform: uppercase;
    background: rgba(0,0,0,0.6);
    padding: 3px 12px 1px;
    border-radius: 6px;
    color: white;
    overflow: hidden;
}

.gradient-swipe {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    width: 100%;
    height: 70px;
    z-index: 0;
    animation: gradientSwipe 6s infinite;
}

@keyframes gradientSwipe {
    0% {transform: translateX(-100%); opacity: 1;}
    10% {transform: translateX(0); opacity: 1;}
    30% {transform: translateX(100%); opacity: 1;}
    50% {transform: translateX(100%); opacity: 0;}
    60% {transform: translateX(0); opacity: 0;}
    80% {transform: translateX(-100%);  opacity: 0;}
    100% {transform: translateX(-100%);  opacity: 0;}
}

.live-text {
    position: relative;
    display: inline-block;
    z-index: 2;
    color: var(--f8-gray);
}

.animated-dot {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--f8-gray);
    animation: liveAuction 1.5s infinite;
    z-index: 2;

}



@keyframes liveAuction {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    
    50% {
        opacity: 0;
        transform: scale(0);
    }
    
    100% {
        opacity: 1;
        transform: scale(1);
    }
    
}

.sale-cover-container.meta {
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/590_6_1701289240..jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sale-cover-container.superpedestrian {
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/601_0_1704232338..jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sale-cover-container.olive {
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/598_1_1703872297..jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sale-cover-container.local {
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/609_14_1706477404..jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* FEATURED AUCTION */
.featured-auction {
    position: relative;
    height: 400px;
    background: linear-gradient(to top, #FFC6AD, #FFD4C2);
    z-index: 1;
}

span.featured-indicator {
    position: absolute;
    top: 60px;
    left: 60px;
	font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--f8-gray);
    background: #1c1f25;
    padding: 6px 15px 4px 12px;
    border-radius: 12px;

}

.sale-link {
    display: inline-block;
    color: var(--dark-text);
    font-family: var(--mark-bold);
    transition: var(--hyperFade);
    margin: 0 30px 12px 0;
    border-bottom: 1px solid;
    padding: 6px 0;
}

.sale-link {
    display: inline-block;
    color: var(--dark-text);
    font-family: var(--mark-bold);
    transition: var(--hyperFade);
    margin: 0 30px 12px 0;
    border-bottom: 1px solid;
    padding: 6px 0;
}

.sale-link:hover {
    color: var(--svd-blue);
}

.sale-soft-link {
    display: inline-block;
    color: var(--dark-text);
    font-family: var(--mark-bold);
    transition: var(--hyperFade);
    margin: 0 30px 12px 0;
    border-bottom: 1px dotted;
    padding: 6px 0;
}

.sale-soft-link.inverted {
    display: inline-block;
    color: var(--f8-gray);
    font-family: var(--mark-bold);
    transition: var(--hyperFade);
    margin: 0 30px 12px 0;
    border-bottom: 1px dotted;
    padding: 6px 0;
}

.sale-soft-link i {
    margin-left: 3px;
}

.sale-soft-link:hover {
    color: var(--svd-blue);
}

.sale-soft-link.inverted:hover {
    color: var(--svd-cyan);
}


span.hr-maxima {
    display: block;
    border-bottom: 1px dotted;
}

span.hr-maxima-solid {
    display: block;
    border-bottom: 1px solid;
}

/* NEW AUCTION CARD */

.new-auction-card {
    display: block;
    cursor: pointer;
    color: var(--dark-text);
    transition: var(--hyperFade);
}


.new-auction-card:hover .card-cta {
    background: var(--dark-text);
    border: 1px solid var(--dark-text);
    color: var(--f8-gray);
}



.new-auction-cover {
    position: relative;
    background: url('https://hips.hearstapps.com/hmg-prod/images/2022-bmw-x4-m-competition-754-edit-1652284055.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 24px;
    width: 100%;
    max-width: 550px;
    height: 300px;
    overflow: hidden;
    transition: var(--hyperFade);
}

.new-auction-cover.dmg-mori {
    position: relative;
    background: url('https://www.ntop.com/_next/image/?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fg5181r9i%2Fproduction%2F48c0e4a22e043c98a48415980779fd84a34d7601-2048x1051.jpg%3Fq%3D75%26fit%3Dclip%26auto%3Dformat&w=3840&q=80') no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 24px;
    width: 100%;
    max-width: 550px;
    height: 300px;
    overflow: hidden;
    transition: var(--hyperFade);
}




.new-auction-cover-xl {
    position: relative;
    background: url('https://hips.hearstapps.com/hmg-prod/images/2022-bmw-x4-m-competition-754-edit-1652284055.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 12px 12px 0 0;
    width: 100%;
    height: 370px;
    overflow: hidden;
    transition: var(--hyperFade);
}

span.negotiated-sale {
    position: absolute;
    top: 24px;
    left: 24px;
    margin-left: 3px;
    font-size: 1em;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    background: rgba(0,0,0,0.6);
    color: var(--f8-gray);
    padding: 6px 12px 5px;
    border-radius: 6px;
    
}

span.live-auction {
    position: absolute;
    top: 24px;
    right: 24px;
    margin-left: 3px;
    font-size: 1em;
    font-family: var(--mark-heavy);
    text-transform: uppercase;
    background: rgba(0,0,0,0.6);
    color: var(--f8-gray);
    padding: 6px 12px 5px;
    border-radius: 6px;
    
}

span.blinking-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    border-radius: 50%;
    background: var(--svd-cyan);
    opacity: 0;
    animation: blinkingDot 1.3s infinite;
    transition: var(hyperFade);
}

@keyframes blinkingDot {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

.new-auction-cover span.overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    opacity: 0;
    z-index: 2;
    transition: var(--hyperFadeFaster);
}

.new-auction-card:hover .overlay {
    opacity: 0.1;
}



.new-auction-cover.shapeways {
    background: url('https://app.agilitywriter.ai/img/2023/09/21/History-and-Terminology-of-3D-Printing-102690936.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.new-auction-cover.techfootin {
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/634_8_1712785774..jpeg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.new-auction-cover .logo {
    position: absolute;
    top: 24px;
    left: 24px;
    border-radius: 12px;
    width: 112px;
    height: 112px;
    background: var(--f7-gray);
    z-index: 3;
}

.new-auction-cover-xl .logo {
    position: absolute;
    top: 24px;
    left: 24px;
    border-radius: 12px;
    width: 112px;
    height: 112px;
    background: var(--f7-gray);
    z-index: 3;
}

span.calendar-date {
    position: absolute;
    display: block;
    top: 134px;
    left: 24px;
    width: 112px;
    font-family: DecimaMono, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px;
	background: #1c1f25;
	color: var(--f6-gray);
}

.new-auction-details {
    margin-top: 0;
    padding: 12px 0;
    border-radius: 0;
}

.new-auction-details h1 {
    font-family: var(--mark-bold);
    font-size: 1.3em;
    line-height: 1.5;
    padding-right: 12px;
}

.new-auction-details p {
    font-size: 0.8em;
    margin-bottom: 12px;
}



span.sale-type-indicator {
    display: inline-block;
    background: #70ECFF;
    font-size: 0.9em;
    padding: 1.5px 12px;
    border-radius: 6px;
    margin-bottom: 6px;
}

/*
.card-cta {
    display: block;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border-top: 1px dotted;
    padding: 12px 12px 12px 0;
    transition: var(--hyperFade);

}
*/


.soft-square-logo {
    display: inline-block; 
    border-radius: 12px;
    width: 100px;
    margin: 0 24px 12px 0;
}

.card-cta {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border: 1px solid;
    border-radius: 12px;
    padding: 22px 12px;
    transition: var(--hyperFadeFaster);

}

.card-cta-small {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border: 1px solid;
    border-radius: 12px;
    padding: 22px 12px;
    transition: var(--hyperFadeFaster);
}



.card-cta-small-inverted {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--f6-gray);
    border: 1px solid;
    border-radius: 12px;
    padding: 22px 12px;
    transition: var(--hyperFadeFaster);
}

.card-cta-small:hover {
    background: var(--dark-text);
    border: 1px solid var(--dark-text);
    color: var(--f8-gray);
}

.card-cta-small-inverted:hover {
    background: var(--f6-gray);
    border: 1px solid var(--f6-gray);
    color: var(--dark-text);
}

.location {
    display: inline-block;
    color: var(--dark-text);
    font-family: var(--mark-bold);
}

.asking-price-lp {
    display: inline-block;
    vertical-align: middle;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--dark-text);
    background: var(--svd-orange-soft);
    font-size: 1em;
    padding: 1px 9px 0px;
    border-radius: 6px;
    margin-bottom: 6px;
}

.asking-price-lp.featured {
    display: inline-block;
    vertical-align: middle;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--dark-text);
    background: var(--svd-cyan-soft);
    font-size: 1em;
    padding: 1px 9px 0px;
    border-radius: 6px;
    margin-bottom: 6px;
}

.asking-price {
    display: inline-block;
    vertical-align: middle;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--dark-text);
    background: var(--svd-orange-soft);
    font-size: 0.8em;
    padding: 1px 9px 0px;
    border-radius: 6px;
    margin-bottom: 6px;
}

.date-range {
    display: inline-block;
    vertical-align: middle;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    font-size: 1em;
}

.vline-separator {
    display: inline-block;
    color: #656d7b;
    margin: 0 3px;
}

span.go-to-auction {
    display: block;
    font-size: 0.8em;
    line-height: 1.5;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    text-align: center;
    border: 1.3px solid;
    border-radius: 6px;
    padding: 3px 6px 1px;
}

/* SALE DETAILS PAGE */

.client-logo {
    display: block;
    width: 50%;
    height: auto;
    border-radius: 50%;
    background: white;
}

.client-border {
    display: block;
    width: 100%;
    height: 2.2px;
    background: linear-gradient(to right, #17c5df, #008fcb);
}

.client-banner-maxima {
    padding-top: 0; 
    padding-bottom: 0; 
    height: 160px; 
    display: flex; 
    align-items: center;
	background: url('../images/soft-banner.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    color: var(--dark-text);
}

.client-banner {
    padding-top: 0; 
    padding-bottom: 0; 
    height: 190px; 
    display: flex; 
    align-items: center;
	background: url('../images/lp-banner-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;    
    color: var(--f8-gray);

    
}

.client-banner.smartco {
    position: relative;
    color: var(--f8-gray);
	background: #1d0c3b;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.shapeways {
    position: relative;
	background: linear-gradient(to right, #6f39cc, #fe4c64, var(--f6-gray));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}


.client-banner.shapeways-2 {
    position: relative;
    color: var(--f8-gray);
	background: #1d0c3b;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.cloud-base {
    position: relative;
    color: var(--dark-text);
	background: url('../images/banner-testing.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.shapeways-base {
    position: relative;
	background: url('../images/shapeways-banner-test.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.techfootin {
    position: relative;
    color: var(--f8-gray);
	background: rgb(9,49,56);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.proindustrial {
    position: relative;
    color: var(--f8-gray);
	background: rgb(8,36,60);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.featured-asset {
    position: relative;
    color: var(--f8-gray);
    background: rgb(7,14,60);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.ns {
    position: relative;
    color: var(--f8-gray);
    background: rgb(7,39,60);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner-menho {
    position: relative;
      background-image: radial-gradient(purple 1px, transparent 0);
      background-size: 10px 10px;
      background-position: -19px -19px;

    
}

.dotted-grid {
    display: block;
    position: absolute;
    background: red;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.client-gradient {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #6f39cc, #fe4c64);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
}

.client-gradient-cloud {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #6f39cc, #fe4c64);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 2;
}

.client-gradient.lgc {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #00c1d3, #54E2EB);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.proindustrial {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #E0294A, #3d87f2);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.svd {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.ns {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, var(--svd-orange), var(--svd-orange-soft));
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.sam {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #8364e8, #AC84F6);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.tradeup {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #00b170, #92f29e);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.techfootin {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #46bc64, #a1cc2b);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.client-gradient.sam-alt {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
	background: linear-gradient(to right, #8364e8, #AC84F6);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 2;
}

.new-blender-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(29,12,59,1), rgba(29,12,59,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.ns {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(7,39,60,1), rgba(7,39,60,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.svd {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(7,14,60,1), rgba(7,14,60,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.sam {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(23,19,71,1), rgba(23,19,71,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.techfootin {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(9,49,56,1), rgba(9,49,56,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.proindustrial {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(8,36,60,1), rgba(8,36,60,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.lgc {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(4,37,47,1), rgba(4,37,47,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.sam-alt {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(226,220,239,1), rgba(226,220,239,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

.new-blender-overlay.svd-alt {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(221,234,240,1), rgba(221,234,240,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}


.client-banner.mbc {
    background: url('../images/lp-banner-bg-nsmain.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;    
}

.client-banner.lgc {
    position: relative;
    color: var(--f8-gray);
	background: rgb(4,37,47);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}


.client-banner.proindustrial {
    position: relative;
    color: var(--f8-gray);
	background: rgb(4,37,47);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center; 
    padding-top: 48px;
    padding-bottom: 48px;
}

.client-banner.negotiated-sale {
	background: url('../images/lp-banner-bg-ns.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;    
}

.negotiated-sale-bg {
	background: url('../images/lp-banner-bg-ns.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;    
}

.client-banner-maxima .banner-logo {
    display: block; 
    border-radius: 12px;
    width: 90px;
}

.client-banner .logo {
    display: block; 
    border-radius: 12px;
    width: 100px;
}

.banner-logo {
    display: block; 
    border-radius: 12px;
    width: 100px;
}

.consignor-logo {
    display: inline-block; 
    border-radius: 12px;
    width: 100px;
    margin: 0 24px 12px 0;
}

.consignor-logo:last-of-type {
    margin: 0 0 12px 0;

}

.brd-top {
    border-top: 1px solid;
}

a.banner-cta {
    display: inline-block;
    text-align: center;
    font-family: var(--mark-bold);
    font-size: 1.3em;
    color: var(--f8-gray);
    border-radius: 12px;
	background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan), var(--svd-blue));
    padding: 24px 36px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}


a.banner-cta-sam {
    display: inline-block;
    text-align: center;
    font-family: var(--mark-bold);
    font-size: 1.3em;
    color: var(--f8-gray);
    border-radius: 12px;
	background: linear-gradient(to right, #4237BD, #AC84F6, #4237BD);
    padding: 24px 36px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}


a.maxima-button {
    display: inline-block;
    text-align: center;
    font-family: var(--mark-bold);
    font-size: 1.3em;
    color: var(--dark-text);
    border-radius: 12px;
	background: linear-gradient(to right, var(--svd-cyan-soft), var(--svd-cyan), var(--svd-cyan-soft));
    padding: 24px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}

a.maxima-button:hover {
    background-position: right;
}

a.main-cta {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border-radius: 12px;
	background: linear-gradient(to right, #4bc046, #a3dc4a, #4bc046);
    padding: 24px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}

a.main-cta.smartco {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border-radius: 12px;
	background: linear-gradient(to right, #4237bd, #ac84f6, #4237bd);
    padding: 24px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}

a.main-cta.techfootin {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border-radius: 12px;
	background: linear-gradient(to right, #46bc64, #a1cc2b, #46bc64);
    padding: 24px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}

a.main-cta.lgc {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border-radius: 12px;
	background: linear-gradient(to right, #00c1d3, #54E2EB, #00c1d3);
    padding: 24px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}

a.main-cta.proindustrial {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--f7-gray);
    border-radius: 12px;
	background: linear-gradient(to right, #E0294A, #3d87f2, #E0294A);
    padding: 24px;
    background-size: 200%;
    transition: var(--hyperFadeFaster);
}



a.main-cta:hover,
a.banner-cta:hover,
a.banner-cta-sam:hover {
    background-position: right;
}


#auction-countdown {
    display: inline-block;
	font-family: DecimaMono, sans-serif;
}


.lp-cta-text {
    position: relative;
    z-index: 3;
}

.lp-cta-text-light {
    color: var(--f8-gray);
    position: relative;
    z-index: 3;
}

a.lp-cta {
    display: block;
    text-align: center;
    font-family: FFMarkProBold, sans-serif;
    line-height: 1;
    color: var(--dark-text);
    border-radius: 12px;
    border: 2.6px solid;
    padding: 30px;
    overflow: hidden;
    transition: var(--hyperFadeFaster);
}

.lp-cta:hover {
    color: var(--f8-gray);
    background: #1c1f25;
    border: 2.6px solid #1c1f25;
}

.lp-gradient-border {
  display: flow-root;
  position: relative;
  padding: 30px;
}

.lp-gradient-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  border: 2.6px solid transparent;
  background: linear-gradient(to right, #a3dd4a, #4bc046) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.lp-slider {
    position: relative;
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('https://hips.hearstapps.com/hmg-prod/images/2022-bmw-x4-m-competition-643-edit-1652284056.jpg?crop=1xw:1xh;center,top&resize=980:*') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider.ns {
    position: relative;
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('https://cdn.bmwblog.com/wp-content/uploads/2018/07/BMW-M3-Manufactur-Edition-01.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}


.lp-slider.techfootin {
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('https://hips.hearstapps.com/hmg-prod/images/2024-bmw-m3-cs-157-64e78a05735d1.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider.lgc {
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('https://assets.bwbx.io/images/users/iqjWHBFdfxIU/iDpcEpFxkw3E/v1/-1x-1.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider.smartco {
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('../images/leica-microscope.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider.shapeways {
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('https://app.agilitywriter.ai/img/2023/09/21/History-and-Terminology-of-3D-Printing-102690936.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider.mbc {
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('../images/amphivena-pro.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider.proindustrial {
    width: 100%; 
    height: 400px; 
    border-radius: 24px 24px 0 0; 
    background: url('https://uncrate.com/p/2022/09/bmw-xm-1.jpg') no-repeat; 
    background-size: cover; 
    background-position: center center;    
}

.lp-slider-controls {
    position: relative;
    background: #1c1f25;
    color: var(--f8-gray);
    border-radius: 0 0 24px 24px;
    margin: 0;
    padding: 0;
}

span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #a3dd4a;
    z-index: 2;
}

.lp-slider-controls.featured span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--svd-cyan);
    z-index: 2;
}

.lp-slider-controls.shapeways span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #fe4c64;
    z-index: 2;
}

.lp-slider-controls.smartco span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #ac84f6;
    z-index: 2;
}

.lp-slider-controls.techfootin span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #7fb902;
    z-index: 2;
}

.lp-slider-controls.ns span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: var(--svd-orange-soft);
    z-index: 2;
}

.lp-slider-controls.proindustrial span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #E0294A;
    z-index: 2;
}

.lp-slider-controls.smartco span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #ac84f6;
    z-index: 2;
}

.lp-slider-controls.shapeways span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #fe4c64;
    z-index: 2;
}

.lp-slider-controls.mbc span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #f4b52e;
    z-index: 2;
}

.lp-slider-controls.lgc span.photo-counter {
    position: absolute;
    text-align: center;
    font-size: 1em;
    width: 100%;
    height: 72px;
    line-height: 72px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #54E2EB;
    z-index: 2;
}

.lp-slider-controls a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #a3dd4a;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.featured a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: var(--svd-cyan);
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.ns a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: var(--svd-orange-soft);
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.smartco a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #ac84f6;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.shapeways a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #fe4c64;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.mbc a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #f4b52e;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.techfootin a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #7fb800;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.proindustrial a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #E0294A;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls.lgc a {
    position: relative;
	display: inline-block;
	font-family: DecimaMono, sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 72px;
    border-right: 1px dotted;
	width: 110px;
	height: 72px;
    margin: 0;
	color: #54E2EB;
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.lp-slider-controls a:hover {
    color: #4bc046;
}

.lp-slider-controls.featured a:hover,
.lp-slider-controls.featured a:active {
    color: var(--svd-blue);
}

.lp-slider-controls.ns a:hover,
.lp-slider-controls.ns a:active {
    color: var(--svd-orange);
}

.lp-slider-controls.shapeways a:hover,
.lp-slider-controls.shapeways a:active {
    color: #6f39cc;
}

.lp-slider-controls.mbc a:hover,
.lp-slider-controls.mbc a:active {
    color: #cc6633;
}

.lp-slider-controls.techfootin a:hover,
.lp-slider-controls.techfootin a:active {
    color: #369954;
}

.lp-slider-controls.proindustrial a:hover,
.lp-slider-controls.proindustrial a:active {
    color: #3d87f2;
}

.lp-slider-controls.lgc a:hover,
.lp-slider-controls.lgc a:active {
    color: #00c1d3;
}

.lp-slider-controls a.next {
    border-right: none;
    border-left: 1px dotted;
}

.slider-dots-navigation a.selected {border: 1px solid var(--f6-gray); vertical-align: middle; color: white;}



.lp-title {
    font-size: 2.5em;
    line-height: 1.3;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    
}

.lp-auction-featuring {
    color: var(--dark-text);
    font-size: 1.3em;
    margin-bottom: 24px;
}


.adjust {
    font-size: 2.2em;
    line-height: 1.3;
}

.lp-share-bar,
.lp-share-bar a {
    color: var(--dark-text);
    font-size: 1.1em;
}

.banner-share-bar,
.banner-share-bar a {
    color: var(--f8-gray);
}

.lp-share-bar-inverted,
.lp-share-bar-inverted a {
    color: var(--f6-gray);
}

.lp-share-bar,
.lp-share-bar-inverted {
    display: block;
}

.lp-share-bar a,
.lp-share-bar-inverted a {
    position: relative;
    display: inline-block;
    border-radius: 6px;
    margin: 0 6px 6px 0;
    border: 1.3px solid;
    transition: var(--hyperFadeFaster);
}

.banner-share-bar a {
    position: relative;
    display: inline-block;
    border-radius: 6px;
    margin: 0 6px 6px 0;
    border: 1.3px solid var(--svd-blue);
    transition: var(--hyperFadeFaster);
}

.lp-share-bar a:hover {
    color: var(--f8-gray);
    border: 1.3px solid var(--dark-text);
    background: var(--dark-text);
}

.banner-share-bar a:hover {
    border: 1.3px solid var(--svd-cyan);
}


.lp-share-bar-inverted a:hover {
    color: var(--dark-text);
    border: 1.3px solid var(--f6-gray);
    background: var(--f6-gray);
}

.lp-tooltip {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    color: var(--f6-gray);
    background: #1c1f25;
    box-shadow: 0px 30px 30px rgba(0,0,0,0.1);
    text-align: center;
    width: 200px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.9em;
    transition: var(--hyperFade);

}

.lp-share-bar a:hover .lp-tooltip {
    display: block;
    transition: var(--hyperFade);
}


.lp-share-bar a i,
.lp-share-bar-inverted a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

.banner-share-bar a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

.lp-card {
    background: var(--f8-gray);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0px 30px 30px rgba(0,0,0,0.1);
}

span.client-brand-border {
    display: none;
    height: 2.8px;
    width: 150px;
    background: linear-gradient(to right, #17c5df, #007bbf);
    margin-bottom: 12px;
}

.gradient-text {
    display: inline-block;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-sam {
    display: inline-block;
    background: linear-gradient(to right, #8364e8, #AC84F6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-tradeup {
    display: inline-block;
    background: linear-gradient(to right, #00b170, #92f29e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-rebootit {
    display: inline-block;
    background: linear-gradient(to right, #0c75e6, #00ee6e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-fleetforward {
    display: inline-block;
    background: linear-gradient(to right, #f74c06, #f9bc2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text .shapeways {
    display: inline-block;
    background: linear-gradient(to right, #6f39cc, #fe4c64);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-ns {
    display: inline-block;
    background: linear-gradient(to right, var(--svd-orange), var(--svd-orange-soft));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-lgc {
    display: inline-block;
    background: linear-gradient(to right, #00c1d3, #54E2EB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-text.shapeways {
    display: inline-block;
    background: linear-gradient(to right, #6f39cc, #fe4c64);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.mbc {
    display: inline-block;
    background: linear-gradient(to right, #f4882e, #f4b52e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.smartco {
    display: inline-block;
    background: linear-gradient(to right, #4237bd, #ac84f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.techfootin {
    display: inline-block;
    background: linear-gradient(to right, #369954, #7FB800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.lgc {
    display: inline-block;
    background: linear-gradient(to right, #00c1d3, #54E2EB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.proindustrial {
    display: inline-block;
    background: linear-gradient(to right, #E0294A, #3d87f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.ns {
    display: inline-block;
    background: linear-gradient(to right, var(--svd-orange), var(--svd-orange-soft));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.sale-details-list {
    display: block;
    overflow: hidden;
}

ul.sale-details-list li {
    color: var(--dark-text);
    padding: 9px 0;
    border-bottom: 1px dotted var(--normal-text);
}


ul.sale-downloads-list a {
    display: block;
    color: var(--dark-text);
    padding: 9px 0;
    border-bottom: 1px dotted var(--normal-text);
}



ul.sale-details-list li:last-child {
    border-bottom: none;
}

.middle-this {
    display: flex;
    align-items: center;
    height: 100px;
}

.similar-sale-logo {
    width: 100%;
    max-width: 75px;
    max-height: 75px;
    border-radius: 12px;
}

.view-sale {
    display: inline-block;
    color: var(--dark-text);
    font-family: var(--mark-bold);
    border-bottom: 1px solid;
    transition: var(--hyperFade);
}

.view-sale:hover {
    color: var(--svd-blue);
}

iframe {
    border-radius: 24px;
    overflow: hidden;
}

.lp-sale-contact,
.lp-sale-contact-info {
    display: inline-block;
    vertical-align: top;
}

.lp-sale-contact {
    width: 75px;
    height: 75px;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 24px;
}

.rtb-border {
    border-right: 1px solid;
}

.top-border {
    border-top: 1px solid;
}

.lp-module {
    border-bottom: 1px solid;
    padding: 48px 0;
}

.lp-module.rtb-border {
    border-right: 1px solid;
    border-bottom: none; 
    padding: 48px 0;
    margin-top: 12px;
}

.lp-module.no-rtb-border {
    border-right: none;
    border-bottom: none; 
    padding: 48px 0;
    margin-top: 12px;
}

.lp-module.no-bottom-border {
    border-bottom: none;
    padding: 48px 0;
}

h2.module-header {
    font-size: 1.6em;
    margin-bottom: 24px;
}

.asset-tags-list li {display: inline-block;}

.asset-tags-list li a {
    display: inline-block;
    font-size: 0.9em;
	font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    border: 1px solid;
    padding: 6px 12px 3px;
    border-radius: 6px;
    margin: 0 12px 12px 0;
    color: var(--dark-text);
    transition: var(--hyperFade);
}

.asset-tags-list li a:hover {
    color: var(--f8-gray);
    border: 1px solid var(--dark-text);
    background: var(--dark-text);
}

.step-square {
    display: inline-block;
    padding: 6px 24px;
    border-radius: 12px;
    background: red;
}


.dark-bg-container {
    position: relative;
    background: #1c1f25;
    padding-top: 48px;
    padding-bottom: 48px;
    color: var(--f6-gray);
}

.dark-bg {
    position: relative;
    background: #1c1f25;
    padding-top: 48px;
    padding-bottom: 48px;
    color: var(--f6-gray);
    z-index: -2;
}

.dark-bg-test {
    background: #1c1f25;
    padding-top: 48px;
    padding-bottom: 48px;
    color: var(--f6-gray);
}

.dark-bg-container h2 {
    color: var(--f6-gray);
}


.svd-studios-container {
    position: relative;
    background: #1c1f25;
    padding-top: 48px;
    padding-bottom: 48px;
    color: var(--f6-gray);
}


.svd-studios-container h2 {
    color: var(--f6-gray);
}

.hr-solid {
    display: block;
    border-bottom: 1px solid;
}

.client-brand-pastel {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #4bc046, #a3dd4a);
    opacity: 0.3;
    z-index: 2;
}

.svd-studios-logo-small {
    width: 200px;
}

.svd-studios-container h2 {
    font-size: 1.9em;
    margin-top: 0;
}

.svd-studios-container h2.header {
    font-size: 2.5em;
    line-height: 1.3;
    margin-top: 0;
}

.svd-studios-container p {
}

.watch-now {
    display: inline-block;
    font-family: DecimaMonoBold, sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
}

.hr-dotted {
    border-bottom: 1px dotted var(--f6-gray);
}

.news-story-link {
    color: var(--f6-gray);
    opacity: 0.6;
    transition: var(--hyperFade);
}

.news-story-link:hover {opacity: 1;}

.news-story-link .title {
    font-family: var(--mark-bold);
    line-height: 1.5;
}

.news-story-link .outlet {
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-size: 0.8em;
}

.news-story-link .outlet-logo {
    width: 80%;
    max-width: 75px;
    max-height: auto;
    margin: 6px 0 0;
    transition: var(--hyperFade);
}

ul.maxima-breadcrumb {
    display: none;
	font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;

}

ul.maxima-breadcrumb li,
ul.maxima-breadcrumb li a {
    display: inline-block;
    color: var(--dark-text);
    margin: 0 3px 3px 0;
}

ul.maxima-breadcrumb li a {
    border-bottom: 1px dotted;
}


ul.maxima-breadcrumb li:after {
    display: inline-block;
    content: "/";
    width: 12px;
    height: 12px;
    margin: 0 0 0 12px;
    padding: 0;
}


ul.maxima-breadcrumb li:last-child:after {
    display: none;
}



.split-card {
    display: block;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    height: 300px;
}

.split-card .left-section,
.split-card .right-section {
    display: inline-block;
    float: left;
    height: 100%;
    width: 50%;
    background: var(--f6-gray);
}


.split-card .left-section {
    position: relative;
    padding: 24px;
    background: url("../images/amphivena-hplc.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
}

.split-card .right-section {
    padding: 24px;
}

.sam-card,
.studios-card {
    position: relative;
    background: var(--f6-gray);
    border-radius: 24px;
    padding: 24px;
    height: 400px;
    overflow: hidden;
}

.studios-card.jeol {
    background: url('../images/jeol-JBX-9500FS.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.studios-card.local-motors {
    background: url('../images/local-motors-thermood-3d-printer-svd-auction.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

span.sold {
    display: inline-block;
    font-family: DecimaMonoBoldItalic, sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    color: var(--f8-gray);
    background: #1c1f25;
    border-radius: 12px;
    padding: 6px 48px 3px;
}

.sam-card h2 {
    color: var(--f8-gray);
}

span.learn-more {
    position: absolute;
    bottom: 24px;
    right: 24px;
    text-align: center;
    display: inline-block;
    background: rgba(0,0,0,0.6);
    border-radius: 12px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    transition: var(--hyperFadeFaster);
}

span.learn-more:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.3);  
}

span.learn-more .fa-minus {
    display: none;
}

.feature-explainer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px 48px 24px 24px;
    color: var(--dark-text);
    background: var(--f6-gray);

}

.feature-explainer h2 {
    position: relative;
    color: var(--dark-text);
    z-index: 2;
}

.animated-bar {
    position: relative;
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #8364e8, #AC84F6);
    transition: var(--hyperFade);
    z-index: 2;
    
}

.sam-glow {
    position: absolute;
    display: none;
    top: -3px;
    left: 0;
    height: 6px;
    width: 100%;
    background: linear-gradient(to right, #8364e8, #AC84F6);
    filter: blur(12px);
    opacity: 0.6;
    z-index: 1;

}

.animated-bar.animate {
    animation: underscore 0.6s ease;
}

@keyframes underscore {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.fade-in {
    display: block;
    animation: fadeIn 150ms ease-in-out;
}

@keyframes fadeIn {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.sam-card.analytics {
    color: var(--f8-gray);
    background: url("../images/sam-analytics.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sam-card.options {
    color: var(--f8-gray);
    background: url("../images/sam-options.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sam-card.project {
    color: var(--f8-gray);
    background: url("../images/sam-project.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sam-card.upload {
    color: var(--f8-gray);
    background: url("../images/sam-upload.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sam-card.structure {
    color: var(--f8-gray);
    background: url("../images/sam-structure.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sam-card.performance {
    color: var(--f8-gray);
    background: url("../images/sam-performance.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sam-card.mobile {
    color: var(--f8-gray);
    background: url("../images/sam-invoice-management.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}



.f8-card {
/*    background: var(--f8-gray);
    border-radius: 24px;
    padding: 24px;
    overflow: hidden;*/
}

.f8-card .line-item {
    padding: 12px 0;
    border-bottom: 1px dotted var(--normal-text);
}

.f8-card .line-item-inverted {
    padding: 9px 0;
    border-bottom: 12px dotted var(--lighter-text);
}

.f8-card .line-item:last-of-type {
    border-bottom: none;
}

.f8-card .indicator {
    display: inline-block;
    font-family: var(--mark-bold);
    font-size: 1em;
    margin-bottom: 3px;
}

.f8-card .indicator-inverted {
    display: inline-block;
    color: var(--f6-gray);
    font-family: DecimaMono, sans-serif;
    font-size: 0.9em;
    margin-bottom: 9px;
    text-transform: uppercase;
}


.f8-card .info {
    color: var(--dark-text);
    padding-right: 12px;
}

.f8-card .info-inverted {
    color: var(--f6-gray);
    padding-right: 12px;
}

/* SEARCH PAGE */
.search-result-title {
    display: block;
}
.search-result-title h2 {
    transition: var(--hyperFadeFaster);
}

.search-result-title:hover h2 {
    color: var(--svd-blue);
}

.search-thumbnail-link {
    display: block;
    transition: var(--hyperFadeFaster);
    cursor: pointer;
}

.thumbnail-container {
    position: relative;
    display: block;
    border-radius: 12px;
    height: 250px;
    width: 100%;
    overflow: hidden;
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/658_56_1721232401..jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    transition: var(--hyperFadeFaster);
}

span.featured-tag {
    display: inline-block;
    position: absolute;
    z-index: 4;
    top: 20px;
    left: 20px;
    font-family: DecimaMonoBoldItalic, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 1em;
    background: var(--svd-cyan-soft);
    color: var(--dark-text);
    padding: 1px 9px 0px; 
    border-radius: 6px;
}

.thumbnail-container.macbook-pro {
    background: url('https://media.cnn.com/api/v1/images/stellar/prod/230125131405-macbook-pro-14-inch-2023-review-cnnu-7.jpg?c=original') no-repeat;
    background-size: cover;
    background-position: center center;
}

.thumbnail-container.keyence {
    background: url('https://svdisposition.com/backend/web/images/AuctionImages/698_14_1732137199..jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}



.search-thumbnail-link:hover .thumbnail-container {
    opacity: 0.9;
}

.transparent-link {
    display: inline-block;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
}

.transparent-link:hover {
    color: var(--svd-blue);
}

.gta-indicator {
    font-family: var(--mark-bold);
}

.gta-indicator i {margin-right: 6px;}

.pagination {
    display: inline-block;
    border: 1px solid var(--dark-text);
    border-radius: 12px;
    overflow: hidden;
}

.pagination a,
.pagination span {
    display: inline-block;
    float: left;
    font-family: var(--decima);
    color: var(--dark-text);
    padding: 6px 18px;
    border-right: 1px dotted var(--dark-text);
}

.pagination a.active {
    background: var(--svd-cyan-soft);
}

.pagination a {
    transition: var(--hyperFadeFaster);
}

.pagination a:hover {
    background: var(--svd-cyan-softest);
}

.pagination a:last-child {
    border-right: none;
}


/* SERVICES PAGE */
.service-card {
    border-radius: 24px;
    padding: 24px;
    border: 1px solid dodgerblue;
}

.service-card a {
    color: var(--dark-text);
}

/* WHY BUY AT AUCTION PAGE */
.helpful-links li {
    display: block;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
    margin: 0;
}

.helpful-links li > a {
    display: block;
    padding: 12px 0;
    font-family: var(--mark-bold);
    line-height: 1.3;
    color: var(--dark-text);
    border-bottom: 1px solid var(--f6-gray);
    transition: var(--hyperFadeFaster);
}

.helpful-links li > a:hover {
    color: var(--svd-blue);
}


/* INDUSTRY EXPERIENCE PAGE */
a.industry-block-link {
    position: relative;
    display: block;
    font-family: var(--mark-bold);
    line-height: 1.5;
    color: var(--f8-gray);
    border-radius: 12px;
    padding: 24px;
    background: url('../images/amphivena-hplc.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 144px;
    overflow: hidden;
    transition: var(--hyperFade);
}

a.industry-block-link.research {
    background: url('../images/APPLIED-BIOSYSTEMS.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.manufacturing {
    background: url('../images/boston-robot.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.processing {
    background: url('../images/intuity.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.food {
    background: url('../images/scifi-bioreactor-main.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.ev {
    background: url('../images/tusimple-fleet.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.energy {
    background: url('../images/cuberg-batteries.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.technology {
    background: url('../images/server.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.inventory {
    background: url('../images/coaster-cycles-inventory.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link.auctions {
    background: url('../images/coherent.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

a.industry-block-link:hover {
    color: var(--svd-cyan);
}

a.industry-block-link i {
    display: inline-block;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.9em;
    margin-bottom: 12px;
}

a.industry-block-link span.link-title {
    position: relative;
    z-index: 5;
}

a.industry-block-link span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47,0));
    opacity: 1;
    z-index: 1;
}

.featured-sale-block {
    position: relative;
    display: block;
    min-height: 300px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: url('https://images.wsj.net/im-325863/?width=1280&size=1');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.featured-sale-block.embark {
    position: relative;
    display: block;
    min-height: 300px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: url('https://cms.electricautonomy.ca/wp-content/uploads/2021/08/An-Embark-truck.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.featured-sale-block.local {
    position: relative;
    display: block;
    min-height: 300px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: url('https://www.voxelmatters.com//wp-content/uploads/2019/09/Olli_2.0_Left_Door.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.featured-sale-block.byton {
    position: relative;
    display: block;
    min-height: 300px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: url('https://techcrunch.com/wp-content/uploads/2018/05/gettyimages-902343484.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.featured-sale-block.volansi {
    position: relative;
    display: block;
    min-height: 300px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: url('https://tobyharriman.com/wp-content/uploads/2022/08/Volansi-VOLY-50-Detail-scaled.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.featured-sale-block .logo {
    position: absolute;
    display: block;
    top: 24px;
    left: 24px;
    border-radius: 12px;
    z-index: 3;
}

.featured-sale-block .photo-credit {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    color: var(--f8-gray);
    opacity: 0.6;
    z-index: 3;
}

.featured-sale-block .overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #1c1f25;
    opacity: 0.3;
    z-index: 2;
}

.featured-sale-stats {
	background: #1c1f25;
    border-radius: 0 0 24px 24px;
    padding: 24px;
    color: var(--f6-gray);
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
}

.gradient-stat {
    display: inline-block;
    font-family: DecimaMonoBoldItalic, sans-serif;
    font-size: 1.3em;
    line-height: 1;
    background: linear-gradient(to right, #46bc64, #a1cc2b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-stat.embark {
    display: inline-block;
    background: linear-gradient(to right, #1878e1, #31c5f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-stat.local {
    display: inline-block;
    background: linear-gradient(to right, #2584e5, #25c9e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-stat.byton {
    display: inline-block;
    background: linear-gradient(to right, #d6ad60, #eec881);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-stat.volansi {
    display: inline-block;
    background: linear-gradient(to right, #de9937, #ddc244);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* CATEGORY EXPERIENCE PAGE */

.banner.closing-facility {
    position: relative;
    background: url('../images/kuka-isolated-gradient-map.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;

}

.banner.surplus-assets {
    position: relative;
    background: url('../images/tradeup-slide.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;

}

.banner span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47));
    opacity: 0.9;
    z-index: 2;

}


.banner span.second-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: url('../images/halftone-bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    opacity: 1;
    z-index: 3;

}

.r-border {border-radius: 24px;}

.banner-medium {
    position: relative;
    background: url('../images/scifi-bioreactor-main.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.sam {
    position: relative;
    background: url('../images/sam-new-test.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.sam-how {
    position: relative;
    background: url('../images/SAM-PAGE-MAIN-BANNER.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.tradeup {
    position: relative;
    background: url('../images/tradeup-test.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.closing {
    position: relative;
    background: url('../images/kuka-isolated.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.rebootit {
    position: relative;
    background: url('../images/rebootit-cover.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.fleetforward {
    position: relative;
    background: url('../images/fleet-forward-cover.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.sam-welcome {
    position: relative;
    background: url('../images/sam-page-banner-bg.jpg') no-repeat;
    background-position: center right;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.services {
    position: relative;
    background: url('../images/nxu-cnc.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.our-clients {
    position: relative;
    background: url('../images/embark-trucks.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience {
    position: relative;
    background: url('../images/kuka-overhead.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-ev {
    position: relative;
    background: url('../images/tusimple-fleet.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-food {
    position: relative;
    background: url('../images/scifi-bioreactor-main.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-rnd {
    position: relative;
    background: url('../images/ceres-shimadzu.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-technology {
    position: relative;
    background: url('../images/server.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-manufacturing {
    position: relative;
    background: url('../images/boston-robot-2.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-energy {
    position: relative;
    background: url('../images/cuberg-batteries.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-processing {
    position: relative;
    background: url('../images/scifi-bioreactor-main.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.industry-experience-inventories {
    position: relative;
    background: url('../images/coaster-cycles-inventory.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.why-sell {
    position: relative;
    background: url('../images/lab-hplc.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
}

.banner-medium.techfootin {
    position: relative;
    background: url('../images/techfootin-bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.lgc {
    position: relative;
    background: url('../images/lets-go-cure-bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;
}

.banner-medium.proindustrial {
    position: relative;
    background: url('../images/proindustrial-bg-2.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;
}

.banner-medium span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47,0));
    opacity: 0.9;
    z-index: 2;

}


.banner-video {
    position: relative;
    min-height: 770px;
    overflow: hidden;
}

.banner-video span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 60%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47,0));
    opacity: 0.9;
    z-index: 2;
}

#myVideo {
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%;
}

.banner-smaller {
    background: url('../images/gradient-banner-bg.png');
    background-position: top center;
    background-size: 100% 100%;
    min-height: 360px;
}


.banner-smaller.negotiated-sale {
	background: url('../images/lp-banner-bg-ns.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;    
    min-height: 360px;
}

.banner-bio {
    background: url('../images/team-member.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 770px;
}

.banner-smallest {
    background: url('../images/gradient-banner-bg.png');
    background-position: top center;
    background-size: 100% 100%;
}

.banner-smallest-new {
    position: relative;
    background: rgb(7,14,60);
    color: var(--f8-gray);

}

.banner-smallest-new h1,
.banner-smallest-new h2 {
    color: var(--f8-gray);
}

.banner-page-indicator {
    color: var(--svd-cyan);
    font-family: var(--decima);
    text-transform: uppercase;
}

.banner-smallest-sam {
    background: url('../images/gradient-banner-bg-sam.png');
    background-position: top center;
    background-size: 100% 100%;
}


.banner-smallest-sam h1 {color: var(--dark-text);}

.banner-smallest.sam {
    background: url('../images/sam-cole-ipad.jpg');
    background-position: center center;
    background-size: cover;
    min-height: 770px;
}



.sam-animation-container {
    position: relative;
}


.mySlides {display: none;}


.slideshow-container {
  position: relative;
    z-index: 5;
}

.sam-texture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url("../images/sam-texture.svg") no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
/*    animation: samMotion 12s infinite;*/
    transition: 0.5s;
}

@keyframes samMotion {
    0% {transform: translate(35px,-10px);}
    50% {transform: translate(10px,30px);}
    100% {transform: translate(35px,-10px);}
}







.banner-smallest.negotiated-sale  {
    background: url('../images/lp-banner-bg-ns.png');
    background-position: top center;
    background-size: 100% 100%;
}

.banner-smallest.ns  {
    background: url('../images/lp-banner-bg-nsmain.png');
    background-position: top center;
    background-size: 100% 100%;
}

.banner-smaller.sam {
    background: url('../images/gradient-banner-bg-sam.png');
    background-position: top center;
    background-size: 100% 100%;
    min-height: 360px;
}

.banner-smaller .banner-headline,
.banner-smaller .banner-tagline,
.banner-smallest .banner-headline,
.banner-smallest .banner-tagline{
    color: var(--dark-text);

}

.banner-bio .banner-tagline {
    font-family: var(--decima);
    text-transform: uppercase;
}

.banner-video .banner-headline,
.baner-headline .banner-tagline {
    color: var(--f8-gray);
}


ul.banner-points li {
    list-style-type: none;
    padding: 6px;
}

.industry-stats {
    color: var(--dark-text);
    padding-top: 48px;
    padding-bottom: 48px;
    background: url('../images/green-banner.png') no-repeat;
    background-size: cover;
    background-position: center center;
}

.large-stat {
    display: block;
    font-size: 2.8em;
    line-height: 0.9;
    font-family: DecimaMono, sans-serif;
    padding: 0;
    margin: 0 0 9px;
}


.stat-timestamp {
    color: var(--lighter-text);
    font-size: 0.7em;
}

.stat-block {
    border: 1px solid;
    border-radius: 12px;
    padding: 24px;
    min-height: 160px;
}


ul.cs-stat-box {
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 12px;
}

ul.cs-stat-box li {
    border-bottom: 1px dotted;
    padding: 12px;
}

ul.cs-stat-box li:last-child {border-bottom: none;}


.video-stat {
    font-family: var(--decima);
    font-size: 1.3em;
    text-transform: uppercase;
}

.video-stat span {
    font-family: var(--decima-bold-italic);
}

h2.video-title {
    font-size: 1.3em;
}

p.video-logline {font-size: 0.8em;}

.quote-link {
    cursor: pointer;
    display: block;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);

}


.quote-link:hover span {
    background: var(--svd-cyan);
    border: 1px solid var(--svd-cyan);
    color: var(--dark-text);
}

.quote-block {
    display: inline-block;
    border-radius: 12px;
    padding: 24px 24px 18px;
    background: rgba(0,0,0,0.3);
}

/* COUNTDOWN */
ul#auctionCounter {
    position: absolute;
    top: 24px;
    left: 24px;
	list-style: none;
	padding: 12px;
    border-radius: 12px;
	display: block;
    font-family: DecimaMono, sans-serif;
    text-transform: uppercase;
    color: #a3dd4a;
	background: rgba(0,0,0,0.6);
    height: 80px;
    overflow: hidden;
    z-index: 3;
    
}
ul#auctionCounter li {
	display: inline-block;
    padding: 0;
}
ul#auctionCounter li span {
	font-size: 1em;
}
ul#auctionCounter li.seperator {
	font-size: 16px;
	line-height: 28px;
	vertical-align: top;
    opacity: 0.6;
}
ul#auctionCounter li p {
	font-size: 0.8em;
}


/* AUCTION CATEGORY CARD */

.auction-category-card {
    display: block;
    cursor: pointer;
    color: var(--f8-gray);
    transition: var(--hyperFade);
    position: relative;
    background: url('../images/ceres-hplc.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 250px;
    border-radius: 24px;
    overflow: hidden;    
}

.auction-category-card.ev {
    background: url('../images/embark-trucks.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.food {
    background: url('../images/scifi-bioreactors-3.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-food {
    background: url('../images/scifi-bioreactor-main.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.industrial-manufacturing {
    background: url('../images/nxu-haas.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-manufacturing {
    background: url('../images/boston-robot.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.energy {
    background: url('../images/cuberg-batteries.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-energy {
    background: url('../images/cuberg-batteries.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-ev {
    background: url('../images/tusimple-fleet.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.processing-facilities {
    background: url('../images/bio365-line.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.technology {
    background: url('../images/cuberg-stackeing-machine.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-technology {
    background: url('../images/server.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.inventories {
    background: url('../images/coaster-cycles-inventory.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-inventories {
    background: url('../images/coaster-cycles-inventory.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.ie-past {
    background: url('../images/coherent.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card.auctions {
    background: url('../images/arri-camera.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.auction-category-card:hover {
    color: var(--svd-cyan);
}

.category-details {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 3;
}

.category-details i {
    font-size: 1.9rem;
}

.category-details h3 {
    font-family: var(--mark-bold);
    line-height: 1.3;
}

.auction-category-card span.overlay {    
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, rgba(8,25,47), rgba(8,25,47,0));
}






.mobile-nav-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--lighter-text);
    border-radius: 6px;
    cursor: pointer;
}

.mobile-nav-trigger i {
    font-size: 24px;
}

.mobile-nav-trigger span {
    position: relative;
    display: block;
    height: 1.9px;
    width: 60%;
    background: var(--dark-text);;
}

.mobile-nav-trigger span:before,
.mobile-nav-trigger span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--dark-text);;
}

.mobile-nav-trigger span:before {
    top: -10px;
}

.mobile-nav-trigger span:after {
    top: 10px;
}


.svd-mobile-nav {
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    background: var(--f7-gray);
    padding: 0 24px;
}

.mobile-brand {
    display: block;
}

.mobile-brand img {
    display: block;
    margin: 0;
    width: 60px;
    height: auto;
}

.featured-left {
    background: url("../images/maxima-section-bg-left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}

.featured-right {
    background: url("../images/maxima-section-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}

.sam-section-right {
    background: url("../images/sam-section-bg-right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}

/* FILTER MENU */
.filter-item {
    display: block;
    cursor: pointer;
    font-size: 0.9em;
    font-family: var(--decima);
    text-transform: uppercase;
    padding: 3px 0;
    transition: var(--hyperFade);
    
}

.filter-checkbox {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 16px;
    font-size: 0.6em;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1.9px solid var(--lighter-text);
    margin-right: 9px;
    opacity: 0.3;
    transition: var(--hyperFadeFaster);
}

.filter-checkbox i {
    display: inline-block;
    color: orange;
    visibility: hidden;
    opacity: 0;
    transition: var(--hyperFadeFaster);
}

.filter-item:hover .filter-checkbox {
    opacity: 1;
}

.filter-item.active .filter-checkbox {
    color: white;
    background: #373f4c;
    border: 1.3px solid #373f4c;
    opacity: 1;
}

.filter-item.active .filter-checkbox i {
    color: white;
    opacity: 1;
    visibility: visible;
}

.clear-filters {
    display: none;
    color: var(--lighter-text);
    border: 1px solid;
    border-radius: 6px;
    font-size: 0.9em;
    font-family: var(--decima);
    text-transform: uppercase;
    padding: 6px 12px 3px 12px;
    cursor: pointer;
    transition: var(--hyperFadeFaster);
}

.filter-sort {
    display: inline-block;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border: 1px solid;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    transition: var(--hyperFadeFaster);
}

.filter-sort:hover {
    color: var(--svd-blue);
}

.filter-sort.active {
    color: var(--f8-gray);
    background: #373f4c;
}

#filter-menu {
    display: none;
}

#filter-menu.active {
    display: block;
}

#filters-off {display: none;}

input[type=text].search-bar {
    display: block;
	font-size: 1em; /* very large */
    color: var(--dark-text);
	font-family: FFMarkProRegular, sans-serif;
	line-height: 1.9;
    width: 100%;
    background: var(--f8-gray);
    border: 1px solid #A5ABB6;
    padding: 12px 24px;
    outline: 0;
    border-radius: 6px;
    height: 60px;
    transition: var(--hyperFadeFaster);
}

input[type=text].animated-search-bar {
    display: block;
	font-size: 1em; /* very large */
    color: var(--dark-text);
	font-family: FFMarkProRegular, sans-serif;
	line-height: 1.9;
    width: 100%;
    background: var(--f8-gray);
    border: 1px solid #A5ABB6;
    padding: 12px 24px;
    outline: 0;
    border-radius: 6px;
    height: 60px;
    transition: var(--hyperFadeFaster);
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.card {
    width: 100%;
    height: 60px;
    background: #1c1f25;
    border-radius: 12px;
    position: relative;
    z-index: 10;
}


.card::before,
.card::after {
    position: absolute;
    content: '';
    inset: -1.9px;
    background: conic-gradient(
        from var(--gradient-angle), 
        var(--svd-blue), 
        var(--svd-cyan),
        #AC84F6,
        #8364e8, #AC84F6, 
        var(--svd-blue)
    );
    border-radius: 13.3px;
    animation: rotation 12s linear infinite;
    z-index: -1;
}


.card::after {
    filter: blur(9px);
}

@keyframes rotation {
    0% {--gradient-angle: 0deg;}
    100% {--gradient-angle: 360deg;}
}


input[type=text].ghost {
    font-family: var(--mark-bold);
   
    padding: 24px;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    outline: 0;
    border: 0;
    height: 60px;
    width: 100%;
    background: rgb(23,19,71);
    border-radius: 12px;
    color: var(--f8-gray);
    z-index: 10;
}

input[type=text].search-bar:active,
input[type=text].search-bar:focus {
    border: 1px solid var(--svd-cyan);
}



#search-filter-trigger {
    display: none;
}




ul.scanable-bullets li {
    font-family: var(--mark-bold);
    border-bottom: 1px dotted var(--lighter-text);
    padding: 9px 0;
}

ul.scanable-bullets li i {
    color: var(--svd-blue);
    margin-right: 6px;
}

ul.scanable-bullets li:last-child {
    border-bottom: none;
}

.bullet-block {
    font-family: var(--mark-bold);
    line-height: 1.5;
   /* min-height: 130px;*/
}

.bullet-block i {
    display: inline-block;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.9em;
    margin-bottom: 12px;
}


ul.vertical-process-bullets li {
    display: block;
}

ul.vertical-process-bullets i {
    color: var(--svd-blue);
    margin-right: 6px;
}

span.vertical-bar {
    display: block;
    width: 8px;
    height: 24px;
    border-right: 1.3px dotted var(--svd-blue);
}


.bullet-icon {
    display: inline-block; 
    vertical-align: top; 
    margin-right: 12px;
}

/* CONSIGNMENT AUCTIONS */
.consignment-container.techfootin {
    background: url('../images/techfootin-bg.jpg') no-repeat;
    background-size: cover;
    background-position: bottom center;
    color: var(--f8-gray);
    min-height: 770px;
    padding-top: 48px;
    padding-bottom: 48px;
}

.consignment-container.lgc {
    background: url('../images/lets-go-cure-bg.jpg') no-repeat;
    background-size: cover;
    background-position: bottom center;
    color: var(--f8-gray);
    min-height: 770px;
    padding-top: 48px;
    padding-bottom: 48px;
}

.consignment-container.proindustrial {
    background: url('../images/proindustrial-bg-2.jpg') no-repeat;
    background-size: cover;
    background-position: bottom center;
    color: var(--f8-gray);
    min-height: 770px;
    padding-top: 48px;
    padding-bottom: 48px;
}

.consignment-container h2 {
    color: var(--f8-gray);
}

/* IN THE NEWS */
.news-block {
    position: relative;
    background: url('https://images.wsj.net/im-325863/?width=1280&size=1') no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 24px;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.news-block-smaller {
    position: relative;
    background: url('https://images.wsj.net/im-325863/?width=1280&size=1') no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 24px;
    width: 100%;
    height: 238px;
    overflow: hidden;
}

.news-block-smaller.ready-robotics {
    background: url('https://blogs.nvidia.com/wp-content/uploads/2023/05/Robot-Demo-0101-1-1280x853.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.news-block-smaller.local-motors {
    background: url('https://s1.cdn.autoevolution.com/images/news/local-motors-goes-bust-future-of-rally-fighter-in-doubt-179248_1.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.story-details {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 48px;
    color: var(--f8-gray);
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.story-details-smaller {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 24px;
    color: var(--f8-gray);
    z-index: 3;
    transition: var(--hyperFadeFaster);
}

.story-details-smaller .decima {
    font-size: 0.8em;
}

.story-details-smaller .card-cta {
    color: var(--f8-gray);
}

.story-details h2,
.story-details-smaller h2,
.story-details .card-cta {
    color: var(--f8-gray);
    transition: var(--hyperFadeFaster);
}

.story-details .outlet-logo {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
}

.story-details-smaller .outlet-logo {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
}


.news-block-link {
    display: block;
    cursor: pointer;
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
}

.news-block-link:hover .card-cta {
    background: var(--dark-text);
    color: var(--f8-gray);
}

.news-block-link:hover .story-details,
.news-block-link:hover .story-details h2,
.news-block-link:hover .story-details-smaller,
.news-block-link:hover .story-details-smaller h2 {
    color: var(--svd-cyan);
}

.news-block-link:hover .story-details .card-cta,
.news-block-link:hover .story-details-smaller .card-cta {
    color: var(--dark-text);
    background: var(--svd-cyan);
    border: 1px solid var(--svd-cyan);
}

.photo-credit-top {
    position: absolute;
    top: 48px;
    left: 48px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    color: var(--f8-gray);
    opacity: 0.6;
    z-index: 3;
}

.photo-credit-top-smaller {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-block;
    font-family: DecimaMono, sans-serif;
    font-size: 0.7em;
    text-transform: uppercase;
    color: var(--f8-gray);
    opacity: 0.6;
    z-index: 3;
}

.gradient-enhancer {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 90%;
    background: linear-gradient(rgba(8,25,47,0),rgba(8,25,47,1));
    opacity: 1;
    z-index: 2
}

/* TESTIMONIALS */
.testimonial-bg {
    position: relative;
    background: url('../images/lonza-scifi.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    
    color: var(--f8-gray);
}


.testimonial-bg span.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47));
    opacity: 0.7;
    z-index: 2;

}
.testimonial-bg span.second-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: url('../images/section-bg-biorad.png') no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    opacity: 1;
    z-index: 3;

}

.testimonial-card {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(19px);
    border-radius: 24px;
    padding: 48px;
    overflow: hidden;
    z-index: 5;
}

.testimonial-card h2 {
    color: var(--f8-gray);
}

.testimonial-card::before {
    box-shadow: inset 0 0 0 3000px rgba(150, 150, 150, 0.192);
    filter: blur(10px);
}

.option-graphic-link {
    color: var(--dark-text);
    transition: var(--hyperFadeFaster);
}

.option-graphic-link h2,
.option-graphic-link i {
    /* color: var(--dark-text); */
    color: var(--f8-gray);
    transition: var(--hyperFadeFaster);
}

.option-graphic-link:hover .option-title h2,
.option-graphic-link:hover .option-title i {
    color: var(--svd-cyan);
}

.option-graphic-link:hover .option-title.techfootin h2 {
    color: #7FB800;
}

.option-graphic-link:hover .option-title.techfootin .card-cta {
    color: var(--dark-text);
    background: #7FB800;
    border: 1px solid #7FB800;
}

.option-graphic-link:hover .option-title.lgc h2 {
    color: #00c1d3;
}

.option-graphic-link:hover .option-title.lgc .card-cta {
    color: var(--dark-text);
    background: #00c1d3;
    border: 1px solid #00c1d3;
}

.option-graphic-link:hover .option-title.proindustrial h2 {
    color: #E0294A;
}

.option-graphic-link:hover .option-title.proindustrial .card-cta {
    color: var(--dark-text);
    background: #E0294A;
    border: 1px solid #E0294A;
}

.option-graphic-link:hover .option-title.fleetforward .card-cta {
    color: var(--dark-text);
    background: #f9bc2c;
    border: 1px solid #f9bc2c;
}

.option-graphic-link:hover .option-title.rebootit .card-cta {
    color: var(--dark-text);
    background: #00ee6e;
    border: 1px solid #00ee6e;
}



.option-graphic-link:hover .card-cta i {
    color: var(--dark-text);
}

.option-graphic-link:hover .card-cta {
    /* color: var(--f8-gray);
    background: var(--dark-text);
    border: 1px solid var(--dark-text); */
    color: var(--dark-text);
    background: var(--svd-cyan);
    border: 1px solid var(--svd-cyan);
}


.option-graphic-link:hover .gradient-enhancer {
    opacity: 9;
}

.svd-logos {
    position: absolute;
    top: 48px;
    left: 48px;
    z-index: 3;
}

.graphic-link-cover {
    position: relative;
    min-height: 400px;
    border-radius: 24px;
    background: url('../images/moxion.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.graphic-link-cover.surplus {
    background: url('../images/laser-cutter-vitrolabs.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.auction-services {
    background: url('../images/kuka-svd-2.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.diy-auction {
    background: url('../images/buyer-login-3.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.full-service {
    background: url('../images/new-thermoscientific-centrifuge.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.sam {
    background: url('../images/slide-4.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.svd-ops {
    background: url('../images/BRENT-CUBERG-2.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.svd-studios {
    background: url('../images/svd-studios-services-2.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.techfootin {
    background: url('../images/techfootin-bg.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.lgc {
    background: url('../images/lgc-cover.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.proindustrial {
    background: url('../images/proindustrial-bg-2.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.rebootit {
    background: url('../images/rebootit-cover.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.graphic-link-cover.fleetforward {
    background: url('../images/fleet-forward-cover.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.option-brand {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 48px;
    z-index: 3;
    width: 220px;
}

.option-brand.smaller {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 48px;
    z-index: 3;
    width: 190px;
}

.option-title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 48px;
    z-index: 3;
}

.option-title .card-cta {
    color: var(--f8-gray);
}

.option-link {
    display: block;
    cursor: pointer;
    color: var(--dark-text);
    border-radius: 24px;
    padding: 48px;
    min-height: 400px;
    border: 1.9px solid var(--f6-gray);
    transition: var(--hyperFade);
}

.option-link:hover {
    border: 1.9px solid var(--svd-blue);
}

.option-link i {
    font-size: 3.4em;
}

.option-link-cta {
    display: block;
    text-align: center;
    font-family: var(--mark-bold);
    color: var(--dark-text);
    border: 1.3px solid;
    border-radius: 12px;
    padding: 22px 12px;
    transition: var(--hyperFade);
}

.option-link:hover .option-link-cta {
    background: var(--dark-text);
    border: 1.3px solid var(--dark-text);
    color: var(--f8-gray);
}



/* WAYPOINTS CSS */
.animate-this {
    opacity: 0;
    transform: translateY(10%);
    transition: all 1.3s;
}

.animated-title {
    opacity: 0;
    transform: translateY(10%);
    transition: all 1.3s;
}

.animate {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    animation: techIntro 1.3s ease;
}

@keyframes techIntro {
    to{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}


.maxima-banner {
    position: relative;
}

.brand-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--svd-blue), var(--svd-cyan), var(--f7-gray));
    background-position: top center;
    background-size: 100% 100%;
    opacity: 0.6;
    z-index: 2;
}

.blender-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(238,237,238,1), rgba(238,237,238,0.7), rgba(238,237,238,0));
    background-position: top center;
    background-size: 100% 100%;
    z-index: 3;
}

/* CORRECTIVE STYLING MAY 28, 2025 */
.cta-banner {
    border-radius: 24px; 
    overflow: hidden; 
    border: 1px solid #00DBFD; 
    background: #D3EAF0; 
    height: 300px;
}

.padding-adjust {
    padding: 24px 48px;
}

.new-graphic-cover {
    display: block;
    width: 100%;
    height: 300px;
    background: url("../images/amphivena-pro.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
}

/* NEW STYLING JUNE 30, 2025 */
.common-card {
    position: relative;
    width: 100%;
    max-width: 550px;
    height: 250px;
    background: var(--f6-gray);
    border-radius: 24px;
    overflow: hidden;
}

.common-card.auctions {
    background: url('../images/kuka-svd-2.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.common-card.sam {
    background: url('../images/slide-4.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.common-card.svd-studios {
    background: url('../images/svd-studios-services-2.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.common-card.svd-ops {
    background: url('../images/BRENT-CUBERG-2.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
}

.branding {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 60px;
    z-index: 3;
}

.branding.sam {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 90px;
    z-index: 3;
}

.branding.svd-studios {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 160px;
    z-index: 3;
}

.branding.svd-ops {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 60px;
    z-index: 3;
}

.tagline {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px;
    z-index: 3;
}

.fixed-height-description {
    min-height: 160px;
}

.cc-link {
    color: var(--dark-text);
}

.cc-link:hover .card-cta {
    background: var(--dark-text);
    border: 1px solid var(--dark-text);
    color: var(--f8-gray);
}

/* SMALLER LAPTOP SCREENS */
@media only screen and (max-width: 1500px) {
    
    body {
        font-size: 0.8em;
    }
    
    
    .nav li > a {
        padding: 0 18px;
    }
    
    .display-on-sm-screen {display: block; visibility: visible;}    
}


/* MOBILE STYLING */
@media only screen and (max-width: 900px) {
    
    body {
        font-size: 1em;
    }
     
    .adjust-size {
    font-size: 0.8em;
    }
    
    .cta-banner {
    height: 550px;
    }
    
    .padding-adjust {
    padding: 24px 24px;
    }

    
    .display-on-mobile {display: block;visibility: visible;}
    .display-on-desktop {display: none;visibility: hidden;}
    
    .top-bar {
        padding: 0px 15px;
    }
    
    .top-bar a {
        padding: 0px 9px;
    }
        
    .svd-mobile-nav {
        display: flex;
    }
    
    .mobile-nav-bar {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--svd-cyan-soft);
        background: var(--f7-gray);
        height: 90px;
        z-index: 501;
    }  
    
    .mobile-nav-bar .go-back {
        display: none;
        width: 60px;
        height: 90px;
        line-height: 90px;
        border-right: 1px solid var(--svd-cyan-soft);
        text-align: center;
        cursor: pointer;
    }  
    
    .mobile-nav-bar.active .go-back {
        display: block;
    }  
    
    .mobile-nav-bar .mobile-nav-close {
        display: block;
        width: 60px;
        height: 90px;
        line-height: 90px;
        border-left: 1px solid var(--svd-cyan-soft);
        text-align: center;
        cursor: pointer;
    }  
    
    header .maxima-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 370px;
        height: 100%;
        background: var(--f7-gray);
        border-bottom: 1px solid var(--f6-gray);
        overflow: hidden;
        transform: translate(-100%);
        transition: var(--hyperFade);
    }
    
    header .maxima-nav.active {
        transform: translate(0%);
    }
    
    .nav {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .nav li {
        display: block;
        float: none;
        border-bottom: 1px solid var(--f6-gray);
    }
        
    
    .nav li > a {
        position: relative;
        display: block;
        padding: 0 24px;
        line-height: 60px;
        color: var(--dark-text);
    }
    
    .nav li > a > i.fa-chevron-down {
        position: absolute;
        right: 24px;
        line-height: 60px;
        transform: rotate(-90deg);
    }
    
    .nav li > .sub-menu {
/*        position: relative;*/
        position: absolute;
        background: var(--f7-gray);
        border-bottom: 1px solid var(--f6-gray);
        visibility: visible;
        opacity: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 120px 24px 24px;
        max-width: none;
        min-width: auto;
        display: none;
		transform: translateX(0%);
		overflow-y: auto;
        
    }
    
    .nav li > .sub-menu ul > li > a.industry-block-link {
        min-height: 120px;
    }
    
    .nav li > .sub-menu.active {
        display: block;
    }
    
    @keyframes navSlide {
        0% {
            opacity: 0; 
            transform: translateX(100%);
        }
        
        100% {
            opacity: 1; 
            transform: translateX(0%);
        }
    }
    
    @keyframes navSlideAway {
        0% {
            opacity: 1; 
            transform: translateX(0%);

        }
        
        100% {
            opacity: 0; 
            transform: translateX(100%);

        }
    }
    
    .blur-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgb(255 255 255 / 30%);
        backdrop-filter: blur(60px);        
        display: block;
        z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: var(--hyperFade);
    }

    .blur-overlay.active {
        visibility: visible;
        opacity: 1;
    }

    .nav li > a.desktop-link {display: none;}    
    .nav li > a.mobile-link {display: block;}    
    
    .right-to-center {text-align: center;}
    .right-to-left {text-align: left;}
    .center-to-left {text-align: left;}
    .center-on-mobile {text-align: center;}
    .hide-on-mobile {display: none;}
    .hide-on-desktop {display: block;}
    
    .section-title {font-size: 1.9em;}
    
    .full-width-slider {
        height: 550px;
    }
    
    .full-width-slider span.overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(to right, rgba(8,25,47), rgba(8,25,47,0));
        opacity: 0.9;
        z-index: 2;

    }
    
    .type-container {
        position: absolute;
        left: 30px;
        top: 30px;
        width: 60%;
        z-index: 3;
    }    

    .slides h2 {
        font-size: 1.9em; 
        line-height: 1.3;
    }    

    .slides p {
        display: block;
        font-size: 1em;
        color: var(--f8-gray);
    }
    
    .slides h2.adjust-heading {
        font-size: 1.9em !important;
        line-height: 1.3;
    }
    
    .slides h2.decima-heading {
        font-size: 2.2em;
        line-height: 1.1;
    }
    
    
    
    .new-cta {
        font-size: 1em;
        padding: 21px 30px;
    }
    
    .maxima-cta,
    .maxima-cta-dark {
        font-size: 1em;
    }
    
    .gradient-border {
      padding: 24px;
    }
    
    .card-cta {
        padding: 12px;

    }

    .card-cta-small {
        padding: 12px 24px;
    }
    
    .slider-navigation a {
        right: 30px;
        bottom: 30px;
        width: 60px;
    }
    
    .slider-navigation a.prev {
        right: 110px;
    }
    
    .slider-dots-navigation {
        left: 30px;
        bottom: 30px;
    }
    
    
    
    .banner-headline-texty.inverted {
        font-size: 1.3em; 
        line-height: 1.5;
    }    

    .banner-headline,
    .banner-headline-texty {
        font-size: 1.9em; 
        line-height: 1.3;
    }    

    .banner-tagline {
        display: block;
        font-size: 1em;
    }
    

    .four-nine,
    .three-one {
        font-size: 1.9em; 
        line-height: 1.3;
    }
    
    
    .two-two,
    .one-nine,
    .one-six {
        font-size: 1.3em;
        line-height: 1.5;
    }
    
    .one-three {
        font-size: 1em;
        line-height: 1.3;
    }
    
    
    
    .banner-headline.svd-studios {
        font-size: 2.2em; 
        line-height: 1.1;
    }
    
    .auction-banner-date,
    .auction-banner-date.techfootin,
    .auction-banner-date.lgc {
        font-size: 1em;
    }
    
    
    span.live-auction {display: block;}
    
    .client-banner {
        text-align: center;
        padding-top: 24px; 
        padding-bottom: 24px; 
        height: auto; 
        display: block; 
        align-items: center;
    }
    
    .client-banner img {
        text-align: center;
        margin: 0 auto;
    }

    .lp-slider,
    .lp-slider.techfootin,
    .lp-slider.proindustrial,
    .lp-slider.shapeways,
    .lp-slider.mbc,
    .lp-slider.smartco,
    .lp-slider.lgc {height: 200px;}
    
    .lp-title {font-size: 1.6em; line-height: 1.3;}

    .lp-auction-featuring {
        font-size: 1em;
        line-height: 1.6;
    }

    .rtb-border {
        border-right: none;
        border-bottom: 1px solid;
    }

    .category-banner h1 {font-size: 1.9em; line-height: 1.3;}



    .industry-stats {
        padding-top: 48px;
        padding-bottom: 48px;
    }    


    .word-break {
        padding-right: 12px;
    }    

    .new-auction-cover {
        height: 250px;
    }
    
    .featured-asset-cover {
        height: 250px;
        max-width: 550px;
    }
    
    .thumbnail-container {
        max-width: 550px;
    }
    
    .banner-video {
        position: relative;
        min-height: 550px;
        overflow: hidden;
    }

    #myVideo {
        position: absolute; 
        top: 0;
        left: 0; 
        height: 100%;
        width: auto;
    }
    
    .large-stat {
        font-size: 1.6em;
    }   
    
    .stat-block {
        border-radius: 12px;
        padding: 24px;
        min-height: 160px;
    }    
    
    i.stack-me {display: block; margin-bottom: 12px;}
    
    .bullet-icon {
        display: block; 
        margin-right: 12px;
    }
    

    .option-link,
    .option-title,
    .horizontal-cta-banner,
    .story-details {
        padding: 24px;
    }

    .sam-card {
        min-height: 500px;
    }
    
    .bullet-block {
       min-height: 130px;
    }


    
    #search-filter-trigger {
        display: inline-block;
    }
    
    #search-filter-menu {
        display: none;
    }

    #search-filter-menu.active {
        display: block;
    }

    
    .banner-medium,
    .banner-medium.sam,
    .banner-medium.tradeup,
    .banner-medium.services,
    .banner-medium.industry-experience,
    .banner-medium.industry-experience-rnd,
    .banner-medium.industry-experience-manufacturing,
    .banner-medium.industry-experience-technology,
    .banner-medium.industry-experience-processing,
    .banner-medium.industry-experience-food,
    .banner-medium.industry-experience-ev,
    .banner-medium.industry-experience-energy,
    .banner-medium.industry-experience-inventories  {
        min-height: 300px;
    }
    
    
    .banner span.second-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: url('../images/halftone-bg.png') no-repeat;
        background-size: 100% auto;
    }    
    
}



/* MOBILE STYLING */
@media only screen and (max-width: 600px) {
    
    .type-container {
        position: absolute;
        left: 30px;
        top: 30px;
        width: 370px;
        z-index: 3;
    }   
    
    
    .slider-navigation a {
    position: absolute;
    right: 30px;
	bottom: 30px;
    z-index: 3;
	font-family: DecimaMonoBold, sans-serif;
	text-transform: uppercase;
	line-height: 48px;
	color: white;
	text-align: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--f6-gray);
	border-radius: 12px;
	opacity: .6;
	transition: var(--hyperFade);
}
    
    .slider-navigation a.prev {
        right: 94px;
    }
    
    .xl-tab-new {
        font-size: 1em;
    }
    
/* -------------------------------- 

October 2025 Update Mobile

-------------------------------- */
    .new-card {
        height: 250px;
    }


    span.card-cover {
        display: block;
        width: 100%;
        height: 125px;
        background: url('../images/cuberg-stackeing-machine.jpg') no-repeat;
        background-size: cover;
        background-position: center center;

    }
    
    span.card-details {
        padding: 12px;

    }
    
    

}