@charset "UTF-8";

* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	
:root {
	--white: #fff;
	--nearwhite: #f7f7f7;
	
	--blue: #0b8fcf;
	--lightblue:#cedfe7;
	--darkblue: #232e34;
	
	--red:#f00000;
	
	--altgray: #aaa;
	--lightgray: #d4d4d4;
	--gray: #5b5b5b;
	
	--black: #070707;
}


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

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


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

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
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;}



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;}
strong {font-weight: 700;}

.center {text-align:center;}



/*

font-family: owners-text, sans-serif;
font-family: "darkmode-off", sans-serif;

*/




a.blue-button {display:inline-block; position:relative; padding:20px 50px; font-size:20px; line-height:1; font-weight:700; text-align:center; text-decoration:none; color:var(--white) !important; border:2px var(--white) solid; border-radius:3px; background:var(--blue); transition:.33s ease-in;}
a.blue-button:hover {color:var(--white) !important; background:var(--black); }


a.clear-button {display:inline-block; position:relative;margin:10px 8px; padding:20px 50px; font-size:20px; line-height:1; font-weight:700; text-align:center; text-decoration:none; color:var(--blue) !important; border:2px var(--blue) solid; border-radius:3px; background:transparent; transition:.33s ease-in;}
a.clear-button:hover {color:var(--white) !important; background:var(--blue); }



.bluetext {color:var(--blue);}


hr{border:var(--black) 1px solid; margin:0 auto;}
.dividerbars {width:10%; margin:3.5% auto; border-top:2px var(--blue) solid; padding:5px 0; border-bottom:2px var(--blue) solid;}



.content-divider::before {content:''; display:block; position:absolute; left:3.5%; top:0; bottom:0; width:30%; height:3px; margin:auto; background:var(--darkblue);}
.content-divider {position:relative; margin:30px auto 40px auto; }
.content-divider img {max-width:100%; margin:0 auto; filter: brightness(0) saturate(100%) invert(60%) sepia(56%) saturate(6936%) hue-rotate(173deg) brightness(92%) contrast(91%);}
.content-divider::after {content:''; display:block; position:absolute; right:3.5%; top:0; bottom:0; width:30%; height:3px; margin:auto; background:var(--darkblue);}







/* HEADER
------------------------------------------------*/	
.site-header {position:relative; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:35px 5%; border-top:12px var(--darkblue) solid;}	

.site-header::before {content:''; display:block; position:absolute; bottom:0; left:0; width:30%; height:12px; background:var(--blue);}
.site-header::after {content:''; display:block; position:absolute; bottom:0; right:0; width:70%; height:12px; background:var(--lightblue);}

/* LOGO
------------------------------------------------*/	
.logo {max-width:400px;}
.logo img {max-width:85%;}	


/*  NAVIGATION
------------------------------------------------*/
#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 a {
	display:block; margin:0 10px; padding:12px 0; font-size:18px; line-height:1; font-weight:700;  text-align:center; text-decoration:none; text-transform:uppercase;
	color:var(--darkblue); cursor:pointer; transition:.5s ease-in;	
}

nav.primary ul li a:hover {color:#121212;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: auto;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
padding:15px 0; font-size:.94em; line-height:18px; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}


/*  HEAD SOCIAL
------------------------------------------------*/	
.head-social a {position:relative; top:0; margin:0 15px; padding:43px 15px 8px; font-size:20px; color:var(--white); border-top:12px var(--white) solid; background:var(--blue); transition:.5s ease-in;}
.head-social a:hover {top:-4px; border-top:12px var(--blue) solid; background:var(--darkblue);}

/*  HERO
------------------------------------------------*/	
.hero {position:relative; overflow:hidden; background:var(--darkblue);}

.hero img {width:100%; object-fit:cover; top:-10%; left:0;}


/*  HERO OVERLAY
------------------------------------------------*/	
.hero-overlay {position:absolute; z-index:10; bottom:110px; left:0; margin:0 12%;}
.hero-overlay h1 {font-size:50px; font-weight:900; line-height:1; text-transform:uppercase; text-shadow:0 0 20px rgba(0,0,0,0.5); color:var(--white); font-family: "darkmode-off", sans-serif;}
.hero-overlay h1 span{font-size:38px; font-weight:700; text-transform:none;}



/*  SEARCH SECTION
------------------------------------------------*/	
.search-section {padding:45px 5.8% 45px 5.8%; background:var(--lightgray);}
.search-section h2 {font-size:23px; font-weight:500; color:var(--gray);}
.search-section h2 img{display:inline-block; vertical-align: bottom; max-width:100%; }

/*  Form styles located in /css/forms.min.css  */




/*  GRID CATEGORIES
------------------------------------------------*/	
.grid-categories {display:flex; flex-flow:wrap;justify-content: center; margin:calc(20px + 3%) 10%;}

.gc-item {
	position:relative; 
	flex:calc(33.333% - 30px);
    width: 100%;
	margin:15px; 
    color:var(--white);
	transition: .6s all;
}

.gc-item:before {
	content: ""; position: absolute; left: 0; top: 0;  width:100%; height:100%; background:var(--darkblue);
	background: linear-gradient(280deg, rgba(41, 69, 83, 0) 0%, rgba(41, 69, 83, 0.7) 100%); transition: .6s all;
}

.gc-item:hover:before {opacity:.5;}

.gc-item a {display:block; position:relative; z-index:1; width:100%; height:100%; transition: .6s all;}

.gc-item a:before{
	content: "\f064";
	position: absolute;z-index: 2;
	top:25px; right:25px; transform: /*translate(-50%, -50%)*/ rotate(-60deg); font-size:3vw; color:rgba(255,255,255,0); transition: .6s all;
	font-family: FontAwesome;
}

.gc-item a:hover:before{transform:/*translate(-50%, -50%)*/ rotate(0deg); color:rgba(255,255,255,.35);}


.gc-group {flex:calc(33.333% - 30px); display:flex; flex-flow:column; margin:0px 15px;}
.gc-group .gc-item {flex:100%; margin:15px 0;}


.gc-item.all-cat {flex:calc(66.66% - 30px); height: 315px;}
.gc-item.rent-cat {height:350px;}

.all-cat {background:var(--darkblue) url("/siteart/categories/equipment-wheel-loader.jpg") no-repeat center; background-size: cover; }
.trailer-cat {background:var(--darkblue) url("/siteart/categories/trailers-dump-trailer.jpg") no-repeat  center; background-size: cover;}
.rent-cat {background:var(--darkblue) url("/siteart/categories/rentals-mini-excavator.jpg") no-repeat bottom center; background-size: cover;}
.transport-cat {background:var(--darkblue) url("/siteart/categories/transportation-heavy-haul-snow.jpg") no-repeat bottom center; background-size: cover;}
.auctions-cat {background:var(--darkblue) url("/siteart/categories/auctions-wheel-loader-snow.jpg") no-repeat  center; background-size: cover;}
.consign-cat {background:var(--darkblue) url("/siteart/categories/consignments-motor-grader.jpg") no-repeat center; background-size: cover;}

.gc-details {position:absolute;z-index:100; bottom:calc(15px + 2%); left:calc(15px + 1.5%); transition: .6s all;}

.gc-title {font-size:1.875em; font-weight:600; text-transform: uppercase;  transition: .6s all;}
.gc-subtitle {font-size:1.25em; font-style:italic; text-transform: uppercase;}

.gc-item:hover .gc-details {left:calc(15px + .5%); text-shadow: 2px 3px 5px rgba(0,0,0,0.4);}



/*  MAIN
------------------------------------------------*/	
.inv-main {padding:45px 5%;}
.submain {width:92.5%; max-width:1350px; margin:3.5% auto;}

.subCol {display:flex; flex-flow:row wrap; justify-content:space-between;}
.subCol.subColCenter {align-items:center;}
.sub-1-2 {width:49%;}

.sub-2-3 {width:64.6%;}
.sub-1-3 {width:31.3%;}


.sub-body-wrap {margin:185px 0 0 0;} 

.sub-body-item {display:flex; flex-flow:row wrap; justify-content:space-between; background:var(--nearwhite);}
.sub-body-item h3 {margin:0 0 15px 0; font-size:25px; font-weight:700; color:var(--blue); font-family: "darkmode-off", sans-serif;}
.sub-body-item p {font-size:21px; line-height:34px; font-weight:300; }

.sub-body-item .sb-copy{box-sizing:border-box; width:50%; min-height:500px; padding:6.5rem 3.5rem;}
.sub-body-item .sb-hero{width:50%; height:auto;}

.sub-body-item:nth-of-type(even) .sb-copy{order:2;}
.sub-body-item:nth-of-type(even) .sb-hero{order:1;}

.sb-purchasing {background:var(--darkblue) url("/siteart/services/purchasing-selling-cat-dozer.jpg") no-repeat center; background-size: cover;}
.sb-transportation {background:var(--darkblue) url("/siteart/services/transporation-heavy-haul-dozer.jpg") no-repeat center; background-size: cover;}
.sb-rentals {background:var(--darkblue) url("/siteart/services/rental-motor-grader.jpg") no-repeat center; background-size: cover;}
.sb-auctions {background:var(--darkblue) url("/siteart/services/auction-dozer-near-house.jpg") no-repeat center; background-size: cover;}
.sb-consignments {background:var(--darkblue) url("/siteart/services/consignment-excavator.jpg") no-repeat center; background-size: cover;}

img.company-profile {max-width:100%; margin:0 auto 35px auto; border-radius:6px; border-top-right-radius:170px;border-top-left-radius:170px; border:4px var(--darkblue) solid;}
iframe.map-embed {width:100%; height:100%; min-height:350px; border-radius:10px;}


/*  ARTICLE
------------------------------------------------*/
article {}
article h1{font-size:40px; font-weight:900; color:var(--blue);  font-family: "darkmode-off", sans-serif;}
article h2 {margin:16px 0;font-size:24px; font-weight:700; color:var(--black); font-family: "darkmode-off", sans-serif;}
article h2 span {font-size:26px; text-transform:none; color:var(--gray);}
article h3 {margin:8px 0; font-size:24px; font-weight:700; color:var(--darkblue); font-family: "darkmode-off", sans-serif;}

article p {font-size:21px; line-height:34px; font-weight:300;}
article p a,
article p b,
article p strong {font-weight:400;}
article ul {list-style:inside; margin:0 0 0 25px;}
article li {padding:4px 0; font-size:18px; line-height:28px; font-weight:400;}


.company-intro {overflow:hidden; margin:8% 0;}
.company-intro article {flex:1; padding:0 12%;}
.company-intro article h2 {line-height:1.5;}

.intro-flair {float: right; margin:0 -5% 0 5%;}
.intro-flair img {max-width:100%; margin:5%;}  



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; margin:15px 0; overflow:hidden;}
.scrolling{width:100%; height:90px;}


/*  FOOTER
------------------------------------------------*/
.site-footer { 
	display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between;
	padding:85px 10% 35px 10%; color:var(--white); background:var(--darkblue) url("/siteart/footer-montana-mountains-background.jpg") no-repeat center bottom !important;
}

.foot-nav {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:flex-start; flex:1;}
.foot-nav strong {text-transform: uppercase;}
.foot-links {padding:0 12% 0 0;}
.foot-links:last-of-type {padding:0;}
.foot-links ul {list-style:none; margin:35px 0 0 0; font-weight:300;}
.foot-links ul li {font-size:18px; line-height:33px;}

.foot-contact {padding:0 0 0 4%; font-size:18px; line-height: 33px; font-weight:300; border-left:2px var(--lightgray) solid;}

.foot-bottom {width:100%;margin:6% 0 0 0;}
.foot-bottom img {float:left; margin:0 20px 0 0;}
.foot-company {font-size:27px; line-height:1; font-weight:800;}
.foot-copyright { font-size:16px; font-weight:300;}



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

@media screen and (max-width: 1450px) {
	.site-header {padding:35px 3.5%;}
	nav.primary ul li a {margin:0 7px; font-size:16px;}
		
	.company-intro {display:flex; flex-flow:column-reverse wrap;  justify-content: space-between;}

	.intro-flair {float:none; margin:80px -5% 0 auto; padding:0 0 0 5%; mask-image:none;}
	
	.company-intro {margin:8% 0;}
	.company-intro article {flex:1; width: 80%; padding:0 5% 0 12%; box-sizing: border-box;}
	.company-intro article h2 {line-height:1.5;}
}

@media screen and (max-width: 1185px) {
	.logo img {max-width:75%;}	
	
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index:400; margin:0 60px 0 auto;}
	#menu-button a{padding:0; font-size:18px; line-height:1; font-weight:700; text-decoration: none; cursor:pointer; color:var(--darkblue);}
	#menu-button a i {color:var(--blue);}
	
	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;
		left: -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:right;
		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(--blue) 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);}	
	
}

@media screen and (max-width: 1024px) {
	.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;}
	
	.hero-overlay {bottom:10%; margin:0 5%;}
	.hero-overlay h1 {font-size:calc(16px + 2vw);}
	.hero-overlay h1 span{font-size:33px;}
	
	.grid-categories {justify-content: space-between; margin: calc(20px + 3%) 0;}
	
	.gc-item {flex:calc(50% - 30px); margin:5px;}
	.gc-item.new-cat {height:280px; margin:5px;}
	.gc-item.all-cat {flex:calc(50% - 30px); height:280px; margin:5px;}
		
	.gc-group {order:5; flex:100%; display:flex; flex-flow:row wrap; margin:0;}
	.gc-group .gc-item {flex:calc(50% - 30px); height:280px; margin:5px;}
	.gc-item a:before{font-size:6vw;}
	
	.sub-body-wrap {margin:55px 0 0 0;}
	.sub-body-item .sb-copy{width:100%; min-height:0;  padding:6.5rem 3.5rem;}
	.sub-body-item .sb-hero{width:100%; height:400px;}
	.sub-body-item:nth-of-type(even) .sb-copy{order:1;}
	.sub-body-item:nth-of-type(even) .sb-hero{order:2;}
	
	.foot-nav {flex:none; width:100%;}
	.foot-contact {margin:12% 0 0 0; padding:40px 0 0 0; font-size:18px; line-height: 33px; font-weight:300; border-left:0; border-top:2px var(--lightgray) solid;}
}

@media screen and (max-width: 768px) {
	.logo {order:3; width: 100%; max-width:none; margin:40px 0 0 0;}
	.logo img {margin:0 auto;}
	
	.hero img {height:320px; margin:0;}
	.hero-overlay h1 span{font-size:calc(16px + 1.8vw);}
	
	.company-intro {margin:12% 0;}
	.company-intro article {width:100%; padding:0 8.5%;}
	
	.gc-item, .gc-item.all-cat, .gc-group .gc-item {flex:calc(100% - 30px); height:250px; margin:15px 0;}
	.gc-group {flex:100%}
	.gc-item a:before{font-size:10vw;}
	
	.sub-body-nav a{box-sizing:border-box;width: calc(50% - 18px);}
	
	.foot-nav {display:flex; flex-flow:column wrap; align-items: flex-start; justify-content:flex-start;}
	.foot-nav strong {text-transform: uppercase;}
	.foot-links {padding:0 0 80px 0;}
	.foot-contact {margin:80px 0 0 0;}
	.foot-bottom {margin:100px 0 0 0;}
}

@media screen and (max-width: 580px){
	.sub-body-nav a{width: calc(100% - 18px);}
}

@media screen and (max-width: 400px){
	.foot-bottom {text-align:center;}
	.foot-bottom img {float:none; margin:0 auto 15px auto;}
}


/*
Stop looking at me swan!
			  _
		   =:-:.  
			  /:        
			 // _.._.-  
			: '`..-`/   
			`.____." 
*/