/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; width: 100%; } td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }

/*-------- BODY STYLES --------*/
body {

}

html { scroll-behavior: smooth; }

a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: none; }
hr { border:#000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.torgersons-header {
	position: relative; z-index: 1004; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: stretch; 
}
.torgersons-topheader {
	position: relative; z-index: 2; background: #ddd; height: 36px; padding: 0 max(16px, calc(50% - 900px)); 
	display: flex; justify-content: space-between; align-items: flex-start; 
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, .1)); 
}
.torgersons-topheader .listed:hover { background: #282828; color: #fff; }
.topheader-left, .topheader-right { 
	width: 320px; height: 36px; 
	display: flex; align-items: stretch; 
}
.topheader-left { justify-content: flex-start; }
.topheader-right { justify-content: flex-end; }
.topheader-left a, .topheader-right a { padding: 0 16px; display: flex; align-items: center; }
.topheader-left p, .topheader-right p { display: flex; align-items: center; }
.topheader-mid { 
	position: relative; padding: 10px 80px; height: 50px; margin-bottom: -14px; 
	display: flex; justify-content: center; align-items: stretch; column-gap: 48px; 
	background: #ddd; 
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0% calc(100% - 14px)); 
}
.header-manu { display: flex; justify-content: center; align-items: center; }
.header-manu img { 
	width: auto; height: 100%; object-fit: contain; object-position: center; transition: .25s ease all; 
}
a.header-manu:hover img { opacity: .7; }
.header-logo-nav { 
	position: relative; padding: 14px max(32px, calc(50% - 880px)) 0 max(32px, calc(50% - 880px)); 
	display: flex; align-items: center; 
}
.header-logo img { 
	width: 300px; height: auto; object-fit: contain; object-position: center; padding-bottom: 16px; 
}
.nav-div { 
	flex-grow: 1; height: 90px; padding-left: 5.5%; 
	display: flex; justify-content: stretch; align-items: stretch; 
}

/*---BODY--------------------------------*/
/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.txt-default, .auctionlandingpage { 
	font-family: 'interstate-condensed', sans-serif; font-size: 16px; font-weight: 400; 
	letter-spacing: .2px; line-height: 1.3; text-align: left; 
}

.title { 
	font-family: 'interstate', sans-serif; font-weight: 800; letter-spacing: 1.8px; 
	text-transform: uppercase; line-height: 1.3; text-align: left; 
}

.subtitle { 
	font-family: 'interstate', sans-serif; font-weight: 500; letter-spacing: 4.5px; 
	text-transform: uppercase; line-height: 1.3; text-align: left; 
}

.tagline, .listed, .inv-btn .view-inv { 
	font-family: 'interstate-condensed', sans-serif; font-size: 15px; font-weight: 500; 
	letter-spacing: 4px; text-transform: uppercase; color: #282828; line-height: 1.3; text-align: left; 
}

.stacked-title {
	position: relative; display: flex; flex-direction: column; align-items: flex-start; 
}

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 12px 24px; background: #282828; color: #fff; 
	font-family: 'interstate-condensed', sans-serif; font-size: 18px; font-weight: 600; text-align: center; 
	letter-spacing: .5px; text-transform: uppercase; 
	transition: .25s ease all; 
}
.btnclass:hover { background: #000; color: #fff; }

.listed {
	position: relative; padding: 12px; color: #282828; letter-spacing: 1px; 
	display: flex; justify-content: center; align-items: center; 
	transition: .25s ease all; 
}
.listed i { width: 22px; font-size: 15px; text-align: center; margin-right: 12px; }
a.listed:hover { color: #000; }

.invisilink {
	font-family: inherit; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; 
	transition: 25s ease all; 
}
a.invisilink:hover { opacity: .8; text-decoration: underline; }

.inv-btns-sect {
	width: 100%; height: max(min(200vh, 1500px), 900px); position: relative; background: #000; 
	display: flex; flex-wrap: wrap; flex-direction: row; 
}
.inv-btn {
	position: relative; width: 50%; overflow: hidden; padding: 40px; 
	display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; justify-content: center; 
	transition: .4s ease all; 
}
.inv-btn:after, .inv-btn img, .inv-btn video { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .8s ease all; 
}
.inv-btn:after { 
	z-index: 3; content: ""; background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%); 
}
.inv-btn img, .inv-btn iframe, .inv-btn video { 
	z-index: 1; object-fit: cover; object-position: center; 
}

.inv-btn video {
	z-index: 2;
	width: 100%;
	height: calc(100% + 4px);
	object-fit: cover;
	opacity: .5;
	pointer-events: none;
	/*background-color: #0d2c6c; 
	filter: brightness(70%) contrast(90%); */
}
.inv-btn video::-webkit-media-controls { display: none; }
.inv-btn .subtitle, .inv-btn .title, .inv-btn .view-inv { 
	position: relative; z-index: 4; color: #fff; 
	text-shadow: 1px 1px 0 #000, 0 0 20px #000, 0 0 32px #000; transition: .4s ease all; 
}
.inv-btn .subtitle { font-size: 36px; }
.inv-btn .title { font-size: 40px; }
.inv-btn .view-inv { 
	font-size: 20px; opacity: 0; height: 50px; margin-top: -50px; padding-top: 12px; 
	display: flex; justify-content: flex-start; align-items: center; 
	text-shadow: 1px 1px 0 #000, 0 0 20px #000, 0 0 24px #000, 0 0 32px #000; 
}
.inv-btn .view-inv i { font-size: 15px; margin-left: -4px; transition: .4s ease all; }

a.inv-btn:hover:after { opacity: .7; }
a.inv-btn:hover img { width: 120%; height: 120%; top: -10%; left: -10%; }
a.inv-btn:hover .view-inv { margin-top: 0; opacity: 1; }
a.inv-btn:hover .view-inv i { margin-left: 12px; }

a.inv-btn .view-inv:hover { color: #ccc; }

.inv-farm { background: #c10a27; }
.inv-farm img { opacity: .7; }
a.inv-farm:hover img, a.inv-farm:hover video { opacity: .85; }

.inv-construction { background: #da972d; }
.inv-construction img { opacity: .5; }
a.inv-construction:hover img, a.inv-construction:hover video { opacity: .7; }

.inv-forestry { background: #074110; }
.inv-forestry img { opacity: .5; }
a.inv-forestry:hover img, a.inv-forestry:hover video { opacity: .65; }

.inv-attachments { background: #0d2c6c; }
.inv-attachments img { opacity: .55; }
a.inv-attachments:hover img, a.inv-attachments:hover video { opacity: .7; }

.inv-trailers { background: #0d2c6c; }
.inv-trailers img { opacity: .55; }
a.inv-trailers:hover img, a.inv-trailers:hover video { opacity: .7; }

.inv-all { background: #0d2c6c; }
.inv-all img { opacity: .55; }
a.inv-all:hover img, a.inv-all:hover video { opacity: .7; }

/* auction landing page */


.auction-banner {
            width: 100%;
            background: #253849;
            padding: 16px 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .auction-banner-text {
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #fff;
            line-height: 1.4;
        }

        .auction-banner-text strong {
            font-weight: 700;
            letter-spacing: 1.5px;
        }

       

.auctionlandingcontent { padding: 60px max(5%, calc(50vw - 1000px)); }

.is-subhero { background: #fff!important; /*color: #fff!important;*/ padding-bottom: 32px!important; }
.is-subhero .content-sect img { width: 400px; background: #fff; padding: 16px 24px 22px 20px; }

.mission {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 40px 20px;
        }

        .title {
            margin: 0 0 30px 0;
            font-size: 2em;
        }

        .poweredbyimg {
            max-width: 250px!important;
            height: auto;
            display: block;
        }

.mission > .content-sect { width: calc(100% - 360px); }

.freight-cnh-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    width: 70%;
    margin-top: 40px;
}

.cnh-column,
.freight-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.freight-box {
    border: 3px solid #282828;
    padding: 32px min(40px, 5vw);
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 560px;
}

/* Add these new rules */
.finbtn,
.freight-box {
    height: 100%; /* Makes both fill their parent containers equally */
}

.content-sect { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.horiz-sect { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 16px; }

.center-style { justify-content: center; align-items: center; text-align: center; }


.landingbtnsholder {
	position: relative; width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 32px; 
}

.logossect { justify-content: space-between; padding: 40px max(5%, calc(50% - 550px)); row-gap: 10px; }
.logossect img { max-width: 100%; }

.pad-norm { padding: 40px max(5%, calc(50% - 1000px)); }

.margt-16 { margin-top: 16px; }
.margt-40 { margin-top: 40px; }

.widebtns-holder {}

.widebtn, .slimbtn {
	position: relative; display: flex; justify-content: center; align-items: center; 
	color: #fff; transition: .25s ease all; 
}
.widebtn:hover, .slimbtn:hover { background: #000; }
.widebtn { width: min(560px, calc(50% - 16px)); padding: 32px min(40px, 5vw); background: #ab3322; }
.widebtn, .widebtn .title { font-size: 32px; }
.widebtn .subtitle { font-size: 24px; text-transform: none; }

.slimbtn { position: relative; width: min(340px, calc(33.333333% - 24px)); min-height: 400px; padding: 16px min(20px, 2.5vw); background: #282828; font-size: 28px; }
.slimbtn > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; object-fit: cover; object-position: center; }
.slimbtn > *:not(img) { position: relative; z-index: 3; }


.finbtn { width: 100%; max-width: 560px; min-width: unset; flex-direction: column; }
.finbtn .title { font-size: 36px; margin-bottom: 0px; }
.finbtn .txt-default { font-size: 24px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 12px; }
.finbtn .txt-default i { font-size: 16px; }

.slimbtns-holder {}

.freightsect { background: #fff; }

.freighttitle { font-size: 36px;margin-bottom: 4px;}

#auctionTerms { border: 1px solid #444; background: #f8f8f8; position: relative; width: min(100%, 1140px); margin: 40px auto 0 auto; padding: 40px min(5vw, 40px); }
#auctionTerms .title:first-of-type { padding-right: 120px; }
#closeTerms, #openTerms { cursor: pointer; }
#closeTerms { position: absolute; z-index: 3; top: 36px; right: min(5vw, 40px); color: #444; transition: .25s ease all; padding: 4px 8px; }
#closeTerms:hover { color: #000; }

/*--------FORM STYLES--------------------*/


/*-------- FOOTER STYLES ----------------*/
footer {  }

.torgersons-footer {
	position: relative; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .2); 
	display: flex; flex-direction: column; align-items: stretch; 
}
.foot-nav {
	position: relative; z-index: 2; background: #fff; padding: 50px 5%; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: min(3%, 60px); row-gap: 32px; 
}
.foot-nav a {
	position: relative; padding: 12px 20px; 
	display: flex; justify-content: center; align-items: center; 
	font-family: 'interstate-condensed', sans-serif; font-size: 17px; font-weight: 500; letter-spacing: 2px; 
	text-transform: uppercase; color: #000; transition: .25s ease all; 
}
.foot-nav a:after {
	position: absolute; content: ""; bottom: 0; height: 2px; left: 50%; right: 50%; background: #000; opacity: 0; 
	transition: .25s ease left, .25s ease right, .3s ease-in opacity; 
}
.foot-nav a:hover:after { 
	left: 8px; right: 8px; opacity: 1; transition: .4s ease left, .4s ease right, .1s ease opacity; 
}
.foot-foot {
	position: relative; z-index: 3; background: #ddd; padding: 24px 5%; box-shadow: 0 1px 8px rgba(0, 0, 0, .15); 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 60px; row-gap: 60px; 
}
.foot-spacer-yes .foot-foot { padding-bottom: 128px!important; }
.foot-logo-div, .foot-foot-right { 
	width: calc(50% - 60.5px); display: flex; align-items: center; 
}
.foot-logo-div { justify-content: flex-end; }
.foot-logo img { 
	width: 280px; height: auto; object-fit: contain; object-position: center; 
}
.foot-vert-div { 
	position: relative; display: flex; content: ""; width: 1px; height: 86px; background: #000; 
}
.foot-foot-right { justify-content: flex-start; }
.foot-foot .tagline { font-size: 16px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1600px) {
	.foot-nav { column-gap: 2%; }
}

@media only screen and (max-width: 1500px) {
	.topheader-mid { padding-left: 60px; padding-right: 60px; column-gap: 36px; }
	
	.inv-btns-sect { height: max(min(95vh, 1000px), 800px); }
	.inv-btn { padding: 32px; }
	.inv-btn .subtitle { font-size: 30px; }
	.inv-btn .title { font-size: 36px; }
	.inv-btn .view-inv { height: 40px; margin-top: -40px; }
	
	.landingbtnsholder { gap: 20px; }
	.widebtn, .widebtn .title { font-size: 28px; }
	.slimbtn { width: min(320px, calc(33.333333% - 24px)); min-height: 380px; font-size: 25px; }
	
	.foot-nav { column-gap: 1%; }
}

@media only screen and (max-width: 1450px) {
	.foot-nav a { letter-spacing: 1px; }
}

@media only screen and (max-width: 1400px) {
	.topheader-left, .topheader-right { width: 268px; }
	.topheader-mid { padding-left: 50px; padding-right: 50px; column-gap: 30px; }
	.header-logo-nav { padding-left: 24px; padding-right: 12px; }
	.header-logo img { width: 260px; }
	.nav-div { padding-left: 40px; height: 80px; }
	
	.tagline { letter-spacing: 3px; }
}

@media only screen and (max-width: 1300px) {
	
}

/* switch to mobile nav */
@media only screen and (max-width: 1200px) {
	.torgersons-topheader { justify-content: center; height: 50px; }
	.topheader-left, .topheader-right { display: none!important; }
	.topheader-mid { padding-left: 0; padding-right: 0; column-gap: 40px; clip-path: none; margin-bottom: 0; }
	.header-logo-nav { padding-top: 0; }
	.header-logo img { padding-bottom: 0; }
	.nav-div { padding-left: 2vw; justify-content: flex-end; }
	
	.inv-btns-sect { height: 800px; }
	.inv-btn { padding: 24px; }
	.inv-btn .subtitle { font-size: 26px; }
	.inv-btn .title { font-size: 30px; }
	.inv-btn .view-inv { height: 30px; margin-top: -30px; }
}

@media only screen and (max-width: 1000px) {
	.landingbtnsholder { gap: 12px; }
	.widebtn { width: max(min(300px, 100%), calc(50% - 6px)); }
	.widebtn, .widebtn .title { font-size: 25px; }
	.slimbtn { width: max(min(200px, 100%), calc(33.333333% - 8px)); min-height: 300px; font-size: 23px; }
	.finbtn { width: 100%!important; }
	
	.freightsect, .financesect { padding-top: 40px; padding-bottom: 40px; }
	
	.logossect { flex-direction: column; }
	
	.freight-cnh-wrapper {
    flex-direction: column;
    gap: 32px;
}

.cnh-column {
    order: 1;
}

.freight-column {
    order: 2;
}
}

@media only screen and (max-width: 920px) {
	.foot-logo img { width: 250px; }
	.foot-foot .tagline { font-size: 15px; }
}

@media only screen and (max-width: 850px) {
	.foot-foot { padding-top: 50px; padding-bottom: 50px; }
	.foot-logo-div, .foot-foot-right { justify-content: center; width: 100%; }
	.foot-vert-div { display: none!important; }
	.foot-foot .tagline { text-align: center; }
}

@media only screen and (max-width: 750px) {
	.header-logo-nav { padding-right: 0; }
	
	.inv-btns-sect { height: unset; }
	.inv-btn { width: 100%; height: 400px; }
	.auction-banner {
                padding: 14px 16px;
            }

            .auction-banner-text {
                font-size: 16px;
            }
}

@media only screen and (max-width: 720px) {
	.widebtn, .slimbtn { width: 100%; min-height: 100px; }
}

@media only screen and (max-width: 650px) {
	.topheader-mid { width: 100%; justify-content: space-around; column-gap: 0; }
}

@media only screen and (max-width: 620px) {
	.inv-btn { height: 350px; }
	
	.foot-nav { flex-direction: column; row-gap: 0; }
	.foot-nav a { padding-top: 20px; padding-bottom: 20px; }
	.foot-nav a:after { bottom: 6px; }
}

@media only screen and (max-width: 500px) {
	.header-manu img { width: 24vw; height: auto; }
	
	.inv-btn { height: 320px; }
	
	.landingbtnsholder { gap: 8px; }
	.widebtn, .widebtn .title { font-size: 24px; }
	.widebtn, .slimbtn { min-height: 80px; }
	.freighttitle {font-size: 24px; }
}

@media only screen and (max-width: 480px) {
	.header-logo-nav { flex-direction: column; align-items: center; padding: 20px 0 0 0; }
	.header-logo img { width: min(82vw, 260px); }
	.nav-div { width: 100%; padding-left: 0; padding-top: 12px; }
	
	.inv-btn { padding: 16px; }
	.inv-btn .subtitle { font-size: 22px; }
	.inv-btn .title { font-size: 26px; }
	.auction-banner {
                padding: 12px;
            }

            .auction-banner-text {
                font-size: 14px;
                letter-spacing: 0.5px;
            }
}

@media only screen and (max-width: 370px) {
	.torgersons-topheader { display: none!important; }
}