@charset "UTF-8";

/* RESET */
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	
:root {
	--white:#fff;
	--offwhite:#f4efe9;
	--nearwhite: #faf9f7;
	--lightgray: #bababa;
	--gray:#727272;
	--orange:#ff3d28;
	--yellow:#dd9933;
	--tan:#beab94;
	--lightbrown:#644b28;
	--brown:#1e170c;
	--darkgray: #3a3a3a;
	--blackalt: #202020;
	--black: #0c0c0c;
}


/* ----------------------------------------------
 * Generated by Animista on 2025-12-2 14:42:55 / Licensed under FreeBSD License. / See http://animista.net/license for more info. / w: http://animista.net, t: @cssanimista

 * animation fade-in-top
 * ----------------------------------------
 */
@keyframes fade-in-top {
  0% {
    transform: translateY(-15px); opacity: 0; z-index:0;
  }
  100% {
    transform: translateY(0); opacity: 1;
  }
}



/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-family: "rogliano", sans-serif !important; background:var(--offwhite);}

/* SELECTION */	
::selection {color:var(--white); background:var(--orange);}
::-moz-selection {color:var(--white); background:var(--orange);}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal; font-family: "brothers", sans-serif;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
b, strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}



/*

font-family: "brothers", sans-serif;
font-weight: 400;
font-style: normal;

*/



/*  BUTTONS
------------------------------------------------*/
a.solid-button {position:relative; display:inline-block; padding:18px 25px; line-height:1; font-weight:800; text-transform: uppercase; color:var(--white); border-radius:4px; background:var(--orange);}
a.solid-button:hover {background:var(--lightbrown);}

a.pill-button {position:relative; display:inline-block; padding:18px 25px; line-height:1; font-weight:800; text-transform: uppercase; color:var(--white); border-radius:35px; background:var(--orange);}
a.pill-button:hover {background:var(--lightbrown);}

a.outline-button {display:inline-block; padding:18px 25px; line-height:1; font-weight:800; text-transform: uppercase; color:var(--lightbrown); border:2px var(--lightbrown) solid; border-radius:4px; background: var(--nearwhite);}
a.outline-button:hover {color:#333; border:2px #333 solid; background:#efefef;}


a.solid-button.cta-button {padding:18px 40px 18px 25px; font-weight:700; font-family: "brothers", sans-serif;}
a.cta-button::after {content: "\f0a1"; position: absolute; z-index:2; top:18px; right:15px; font-size:16px; font-weight:400; rotate:-6deg; color:#f9f9f9; transition:.5s ease-in-out; font-family: FontAwesome;}
a.cta-button:hover::after {rotate:-12deg;}







/*  NAVIGATION
------------------------------------------------*/
.head-nav {padding:25px; text-align:center; background:var(--brown);}

.nav-social {display:none;}
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}

nav.primary ul li.dropdown-icon {position: relative;}
nav.primary ul li.dropdown-icon::after {content: "\2b"; position: absolute; z-index:2; top:16px; right:-10px; font-size:15px; font-weight:400; color:var(--orange); transition:.5s ease-in-out; font-family: FontAwesome;}

nav.primary ul li a {
	display:block; margin:0 10px; padding:12px 0;
    font-size:20px; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase; color:var(--nearwhite); cursor:pointer; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:var(--tan);}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: auto;}
nav.primary ul li li a {padding:15px 5px; font-size: 18px; line-height:1; text-align: left; text-transform: none;}
nav.primary ul li li a:hover {padding-left:8px; padding-right:2px; color:var(--offwhite);}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; min-width:200px; padding:10px; background:var(--lightbrown); border-bottom-left-radius:15px; border-bottom-right-radius:15px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover>ul {display: block !important; z-index: 100; animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
nav.primary ul ul li {float: none; position: relative; margin:0;}








/* HEADER
------------------------------------------------*/	
.site-header {position:relative; display:flex; flex-flow:row wrap; align-items: center; justify-content:space-between; padding:50px 3%; background:var(--nearwhite);}	
	
.head-social {font-size:23px;}
.head-social a {margin:0 20px; padding:10px; transition:.35s ease;}
.head-social a:first-of-type {margin-left:0;}
.head-social a:last-of-type {margin-right:0;}
.head-social a:hover {color:var(--orange)}

.head-logo {margin-top:-4px; position: absolute; left: 50%; transform: translateX(-50%);}	
.head-logo img {width: 200px; max-width:100%;}

.head-contact {font-size:23px;}





/*  HERO
------------------------------------------------*/
.hero {
	/*padding-bottom:42%; */position:relative; height:900px; background:var(--brown) url("/siteart/hero/montana-mountain-range.jpg") no-repeat center top; background-size: cover;
}

.hero .site-header {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between; background:transparent;}	
.hero .head-logo img {width:349px; max-width:100%;}

.hero-overlay {position: absolute; top:50%; right:0; margin:0 7.5%; max-width:900px; transform: translatey(-50%); text-shadow: 0 0 20px rgba(255,255,255,.35);}
.hero-overlay h1 {margin-bottom:15px;font-size:calc(40px + 1.25vw); text-align: right;}
.hero-overlay p {font-size:38px; text-align: right; font-family: "brothers", sans-serif;}

.hero-cta {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:center;
	position: absolute; bottom:0; box-sizing:border-box; width:100%; padding:3%; text-align:center; background:rgba(255,255,255,.75);
}
.hero-cta .cta-title {margin:8px 18px; font-size:48px; font-weight:400; color:var(--orange); font-family: "brothers", sans-serif;}
.hero-cta .cta-links {margin:8px 4px;}
.hero-cta a {width:260px; font-size:20px; margin:8px;}


/*  WELCOME SECTION
------------------------------------------------*/
.welcome-home {display:flex; flex-flow:row wrap; justify-content:space-between; padding:calc(3.5% + 50px) 0; background:var(--nearwhite);}
.welcome-aside {overflow: hidden;}
.welcome-aside img {height:100%;}
.welcome-body {flex:1; margin:0 6.5% 0 4.5%; padding:45px 0;}




/*  MAIN
------------------------------------------------*/	
.sub-main {max-width: 1580px; margin: 0 auto; padding:65px 35px;}
.inv-main {padding:35px; background:var(--nearwhite);}


/*.mtn-padding {padding-bottom:calc(3% + 316px) !important;}*/
/*.bottom-bar {top:  auto !important;}*/

.sub-col {display:flex; flex-flow:row wrap; justify-content:space-between; margin:40px; }
.sub-1-2 {width:49%;}
.sub-2-3 {width:64.6%;}
.sub-1-3 {width:31.3%;}


/*  ARTICLE
------------------------------------------------*/
article h1{width:80%; margin-bottom:12px;font-size:50px; text-transform: uppercase;}
article h2{margin-top:20px; margin-bottom:10px; font-size:32px;}
article h3{margin-top:15px; margin-bottom:10px; font-size:30px;}
article p{font-size:22px; line-height:32px; font-weight:300;}
article ul {margin:15px 25px; font-size:20px; line-height:32px; font-weight:300;}
article ul li {margin:4px 0; list-style: inside;}
article a[href^="tel:"] {color:var(--orange);}


/*  INTRODUCTION SECTION
------------------------------------------------*/
.intro-section {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-between; padding:40px 5%;}

.intro-main {max-width: 950px; margin:0 5% 60px 0;}

.intro-membership {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-between; margin-top:60px }
.intro-membership h3 {width:100%; margin-top:15px; margin-bottom:25px; font-size:30px;}

.intro-awards {margin:0 auto 0 25px;}
.intro-awards ul {list-style: none; background:#dd9933; border-radius:6px; font-size:26px;}
.intro-awards li {padding:10px 25px;}
.intro-awards li:nth-of-type(even){background:#e8a33c; border-radius:6px}

.intro-profile {flex:1; margin:0 auto;}
.intro-profile p {margin: 10px 35px; font-size:22px; line-height:1.2; font-weight:300; text-align: center;}
.intro-profile img {max-width:100%; min-width: 300px; margin: 0 auto;}

/*  TESTIMONIALS
------------------------------------------------*/
.testimonial-block {position:relative; margin:35px 0 calc(3% + 65px) 30px; padding:0 0 0 30px;}
.testimonial-block::before {content:""; position:absolute; z-index:5; top:0; left:-15px; width:4px; height:95%; background:var(--orange);transition: .5s ease-in-out;}
.testimonial-block strong {font-weight:900;}
.testimonial-block span {font-size:.95em; font-weight:800; color:var(--orange);}


/*  CONTACT PAGE
------------------------------------------------*/
.contact-section {display:flex; flex-flow:row wrap; justify-content:space-between;}

/*  CONTACT DETAILS
------------------------------------------------*/
.contact-details {width:45%; margin:25px 0; font-size:20px; line-height:1.25;}
.contact-details a{position:relative;  display:inline-block; margin:25px 0 25px 55px; font-weight:700;}
.contact-details a:hover {color:var(--brown);}

.contact-details a[href^="tel:"] {position:relative;}
.contact-details a[href^="tel:"]::before {
	content: "\f095"; position: absolute; z-index:2; top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--brown); font-family: FontAwesome;
}

.contact-details a[href^="mailto:"] {position:relative; }
.contact-details a[href^="mailto:"]::before {
	content: "\f0e0"; position: absolute; z-index:2;  top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--brown); font-family: FontAwesome;
}

.contact-details a[href^="fax:"] {position:relative;}
.contact-details a[href^="fax:"]::before {
	content: "\f1ac"; position: absolute; z-index:2; top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--brown); font-family: FontAwesome;
}

.contact-details a[target="_blank"] {}
.contact-details a[target="_blank"]::before {
	content: "\f3c5"; position: absolute; z-index:2;  top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  	
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--brown); font-family: FontAwesome;
}

.contact-details a:hover::before {background:var(--orange);}

.contact-map {width:50%; margin:25px 0; border:1px var(--brown) solid; border-radius:14px; overflow:hidden;}
.contact-map iframe {width:100%; height:100%;}


/*  INVENTORY
------------------------------------------------*/
.list-top-section .list-listings-count,.listing-prices__alternate-retail-price,.listing-prices__discount-formatted-price,.listing-prices__exclusive-wholesale-price,.listing-prices__retail-price,.parts-list-content .parts-title-and-breadcrumbs .parts-listings-count,.thumb-container .thumb .thumb-details .title{color:var(--orange) !important}.faceted-search-content .mobile-done-button-container .mobile-done-button,.faceted-search-content .selected-facets-container .selected-facet,.faceted-search-content button.faceted-search,.list-container-flexrow .dealer-phone-text,.list-container-flexrow .dealer-phone-text,.list-container-flexrow .view-listing-details-link,.list-container-flexrow .view-listing-details-link,.list-content .list-error-container .info button:not(.login-button),.show-all-modal .apply-button{color:var(--white) !important;background:var(--brown) !important}.show-all-modal .back-button{color:var(--orange) !important;border:1px solid var(--orange) !important}.list-container-flexrow .price-container .price{color:var(--black) !important}.detail__title{font-weight:800 !important;font-family:"Be Vietnam Pro", sans-serif !important}.detail__specs-label,.detail__specs-label_showroom{font-weight:800 !important}.listing-carousel .recommended-auctions-section .view-all-link,.listing-carousel .recommended-listings-section .view-all-link{color:var(--white) !important;background:var(--black) !important}.listing-carousel .recommended-auctions-section .section-title,.listing-carousel .recommended-listings-section .section-title{padding:5px 12px !important}.detail__specs-heading{margin:0 0 10px 5px !important;font-size:1.1rem !important;font-weight:700 !important}.listing-carousel .recommended-auctions-section,.listing-carousel .recommended-listings-section{padding:10px 0 !important}.scrollToTop a{color:#fff !important}.detail__legal-notices{font-size:0.95rem !important;line-height:1.75 !important;font-weight:300 !important}.inv-main .slick-dots li.slick-active button:before{color:var(--orange) !important}.inv-main .slick-dots li button:before{font-size:25px !important;color:var(--black) !important}.inv-main .slick-dots{bottom:-34px !important}


/*  FOOTER
------------------------------------------------*/
.site-footer::before {
	content:""; position: absolute; z-index: 1; top:-316px; right:0; left:0; height:350px; margin:auto;
	background:url("/siteart/montana-mountain-range-background.png") no-repeat center; 
}
.site-footer {
	position:relative;
	display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;
	margin-top:316px; padding:50px 7.5%; color:var(--offwhite); background:var(--brown);
}

.foot-logo {position:relative; z-index:5;width:100%; margin-top:-180px; margin-bottom: 60px;}
.foot-logo a {display:inline-block;}
.foot-logo img {max-width:100%;}

.foot-contact {max-width:415px; margin-right:45px;}
.foot-contact p {font-size:17px; line-height:26px; font-weight:300;}
.foot-contact a[href^="tel:"] {font-size:18px;}

.foot-social a {display:inline-block; width:45px; height:45px; margin:5px; font-size:22px; line-height:45px; text-align:center; color:var(--brown); border-radius:50%; background:var(--white);}
.foot-social a:hover {background:var(--tan);}

.foot-nav {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;}

.foot-nav-list {position:relative; margin-left:100px; padding-left:100px;}
.foot-nav-list::before {content:""; position:absolute; top:-10%; left:0; width:1px; height:120%; background:var(--lightbrown);}
.foot-nav-list:first-of-type {margin:0; padding:0; border:none;}
.foot-nav-list:first-of-type::before {content:none;}

.foot-nav-list b {font-size:20px; font-weight:800;}
.foot-nav-list ul{list-style:none; margin-top:25px;}
.foot-nav-list ul li {margin:6px 0;}
.foot-nav-list ul a {padding:4px 0; font-size:17px; line-height:24px; font-weight:300;}

.foot-copyright {width:100%; margin-top:70px;}




/************************************************ Responsive Styles **/

@media screen and (max-width: 1300px) {
	nav.primary ul li a {padding:8px 0; font-size:18px;}
	nav.primary ul li.dropdown-icon::after {top:13px; right: -8px; font-size: 13px;}
	
	article h1{width:100%; font-size:42px;}
	
	.welcome-home {flex-flow:column wrap;}
	.welcome-aside {order:2; overflow: hidden; margin:65px auto 0 auto;}
	.welcome-aside img {height:auto;}
	.welcome-body {order:1;width:90%; margin:0 5%;}
}

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

@media screen and (max-width: 1180px) {
	nav.primary ul li a[aria-label^="Home"] {display:none;}
	nav.primary ul li a {font-size:17px; text-transform:none;}
	
	.foot-logo {order:2; width:100%; margin:80px auto 60px auto; text-align: center;}
	.foot-logo a {display:inline-block; max-width:90%;}
	.foot-logo img {max-width:90%; margin:0 auto;}
	.foot-contact {order:3; max-width:100%; margin:0; text-align: center;}
	.foot-nav {order:1; width: 100%;justify-content:center;}
	.foot-nav-list {position:relative; width:calc(50% - 100px); margin-left:50px; padding-left:50px;}
	.foot-nav-list:first-of-type {text-align: right;}
	.foot-copyright {order:4; text-align: center;}
}

@media screen and (max-width: 1024px) {
	nav.primary{display:none;}
	
	.nav-social {display:inline-block; font-size:25px;}
	.nav-social a {display:inline-block; width:45px; height:45px; margin:5px 10px;  line-height:45px; text-align:center; color:var(--brown); border-radius:50%; background:var(--tan);}
	.nav-social a:hover {color:var(--orange); background:var(--offwhite);}
	
	#menu-button{display:inline-block; position: relative; margin:2.5% 5%; z-index:400;}
	#menu-button a{display:block; width:45px; height:45px; font-size:25px; line-height:45px; text-align:center; color:var(--white); border-radius:50%; background:var(--orange); cursor:pointer; }
	#menu-button a:hover {background:var(--lightbrown) }
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
		cursor:pointer;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a {color:#ccc; text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		cursor:pointer;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px var(--orange) solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	
	
	.site-header {justify-content:center; padding:20px 3% 30px 3%;}	
	.hero .site-header {justify-content:center; padding:15px 3% 50px 3%;}	
	.head-logo {left:0; transform: none; margin-top:0; position: relative;}
	.head-social {display:none;}
	.head-contact {display:none;}
	
	.sub-1-2 {width:100%; margin:0 0 40px 0;}
	.sub-2-3 {width:100%; margin:0 0 30px 0;}
	.sub-1-3 {width:100%; margin:0 0 30px 0;}
	
	.contact-section {display:flex; flex-flow:column wrap;}
	.contact-details {width:100%; margin:25px 0;}
	.contact-map {width:100%; height:400px; margin:25px 0;}	
}

@media screen and (max-width:900px) {	
	.intro-membership {display:flex; flex-flow:column wrap; align-items:center; justify-content: space-between; margin-top:60px  }
	.intro-membership h3 {text-align: center;}

	.intro-awards {margin:30px auto 0 auto; }
	.intro-awards ul {list-style: none; background:#dd9933; border-radius:6px; font-size:26px;}
	.intro-awards li {padding:10px 25px;}
	.intro-awards li:nth-of-type(even){background:#e8a33c; border-radius:6px}
}

@media screen and (max-width: 768px) {
	.hero {height: auto;}
	.hero .hero-overlay {position:relative; top:auto; right:auto; margin:0 7.5%; max-width:900px;  transform:none;}
	.hero .hero-overlay h1,
	.hero .hero-overlay p {text-align:center;}
	.hero .hero-cta {position:relative; margin-top: 65px;}
	.welcome-aside {order:2;width:100%; overflow: hidden;}
	.welcome-aside img {width:100%; height:400px; object-fit: cover; object-position:top center;}
	
	.intro-profile img {min-width:0;}
}

@media screen and (max-width: 600px){
	article h1{width:100%; font-size:36px;}
	
	.foot-nav {order:1; width: 100%; display:flex; flex-flow:column wrap; align-items:flex-start; justify-content:center;}
	.foot-nav-list::before {content:none;}
	.foot-nav-list {position:relative; width:100%; margin-top: 45px; margin-left:0; padding-left:0; text-align: center;}
	.foot-nav-list:first-of-type {text-align: center;}
	.foot-nav-list ul{margin-top:15px;}
}

@media screen and (max-width: 360px){
	.nav-social a {margin: 5px;}
}