@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
/*ol,ul {list-style:none;}*/



.clear {clear: both; height:0px; margin:0;}


header, nav, article, footer, img {display:block;}

body {font-family: "open-sans", sans-serif; color:#333; font-size:14px; line-height:1.45; background:#fff;  -webkit-text-size-adjust:none;}

.wrap {width:94%; margin:0 auto; max-width:1230px;}
.clear-it:after {content:""; display:block; clear:both;}

.col2 {width:48%; margin-right:2%; float:left;}
.col3 {width:31.33%; margin-right:2%; float:left;}
.col4 {width:23%; margin-right:2%; float:left;}
.col-full {width:98%;}

.m-top-20 {margin-top:20px;}

.show-tablet {display:none;}
.show-640 {display:none;}
.show-480 {display:none;}


/******* typography styles ********/
p {margin-bottom:14px;}
.no-margin {margin:0 !important;}
.lg-text {font-size:18px;}
.centertext {text-align:center;}

a {color:#000; text-decoration:none; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s;}
a:hover {color:#ffc000; text-decoration:none;}

strong {font-weight:700;}
em {font-style:italic;}

hr {border-top:1px #333 solid;}


.text-center {text-align:center;}

.yellow {color:#ffc000;}
.black {color:#000;}
.white {color:#fff;}
.red {color:red;}

h1, h2, h3, h4, h5, h6 {font-weight:700;}
h1 {font-size:28px; margin-bottom:15px;}
h2 {font-size:32px; margin-bottom:18px;}
h3 {font-size:23px; margin-bottom:12px;}
h4 {font-size:18px; margin-bottom:8px;}
h5 {font-size:18px;}
h6 {font-size:16px; margin-bottom:5px;}

a.white-box {color:#fff; font-size:18px; border:2px #fff solid; padding:15px 2%; text-align:center; display:inline-block;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
a.white-box:hover {border-color:#999; background:#999;}


a.yellow-box {
	display:inline-block;padding:15px 2%; font-size:18px; font-weight:700; text-align:center; color:#222 !important; border:2px #ff8000 solid; background:#ffc000;
	-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
}
a.yellow-box:hover {text-decoration:none !important; color:#222 !important; border-color:#333; background:#A0A0A0;}


/******* header/nav styles ********/
.stick-bar {width:100%; display:block; position:fixed; top:0; z-index:9; -moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; transition:all ease 0.4s;}
.stick-bar.is-stuck {position:relative;}


/******* top bar ********/
.top-bar {background:#000; color:#fff; text-align:right; padding:7px 0 13px 0; height:14px; display:block; box-sizing:content-box; }
.top-bar .wrap {box-sizing:content-box;}

.top-bar a {color:#fff; text-decoration:none; margin-left:25px; font-weight:600; font-size:13px; line-height:13px;}
.top-bar a:hover {color:#ffc000;}



/******* header ********/
header {width:100%; background:#fff; box-shadow:0px 0px 5px rgba(0, 0, 0, .5); transition:all 0.4s ease;}

.stick-bar.site-header-shrink header {padding:0;}

header .wrap {/*width:94%; margin:0 auto; max-width:1230px;*/ display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}


/******* logo ********/
.logo {width:159px; padding:25px 0; margin-right:5%; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
.logo img {width:auto; height:auto; max-width:100%; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}

.stick-bar.site-header-shrink header .wrap .logo{padding:0; width:137px;}


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

nav.primary {width:calc(95% - 271px); align-self: flex-end; padding-top:20px;}
nav.primary ul {width:100%; margin:0 auto; text-align:right;}
nav.primary li {display:inline-block; position:relative; padding-right: 22px;}
nav.primary li:last-child {padding-right:0;}
nav.primary a {display:block; position:relative;  text-decoration:none; color: rgba(0, 0, 0, 0.65); font-weight:700; font-size:14px; line-height:1; padding:10px 20px 33px 15px; transition:all ease 0.4s; cursor:pointer;}
.stick-bar.site-header-shrink header .wrap nav.primary a { padding:10px 20px 23px 15px;}
nav.primary a:hover {color: rgba(0, 0, 0, 0.6); background:#eee;}

nav.primary a.has-dropdown::after{font-family: FontAwesome;
    content: "\f107";
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800;
}

.stick-bar.sticky nav.primary a:link, nav.primary .stick-bar.sticky nav.primary a:active, nav.primary .stick-bar.sticky nav a:visited {line-height:1;}

nav.primary ul ul {display:none; position:absolute; z-index:99999; box-sizing:content-box; top:57px; left:0; width:200px; padding:20px 15px; background:#fff; border-top: 3px solid #2ea3f2; text-align:left; box-shadow:0px 2px 2px rgba(0, 0, 0, .5);}
.stick-bar.sticky nav.primary ul ul {top:30px;}
/*padding: 6px 20px;
    width: 200px;*/
nav.primary ul li li i {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 12399994;
    top: 44%;
    transform: translateY(-50%);
    right: 0;
    width: auto;
    height: auto;
    padding:14px 16px;
	font-size:.75em;
    color: #000;
}

nav.primary ul ul ul {position:absolute; left:100%; top:-17px;}
nav.primary ul li:hover > ul {display:block; z-index:99999;}
nav.primary ul ul li {float:none; position:relative; display:block;}
nav.primary ul ul li a:link, nav.primary ul ul li a:active, nav.primary ul ul li a:visited{font-size:14px; line-height:18px; padding:10px 0px 10px 10px;}
.stick-bar.sticky nav.primary ul ul li a:link, .stick-bar.sticky nav.primary ul ul li a:active, .stick-bar.sticky nav.primary ul ul li a:visited {line-height:18px;}
nav.primary ul ul li a:hover {background-color: rgba(0, 0, 0, .03); opacity: .7;}







/******* content styles ********/
.hero, .lg-map {width:100%; display:block; margin-top:124px;}
.hero img {width:auto; height:auto; max-width:100%;}
.lg-map iframe {width:100%; height:375px;}




.subHero {margin-top:124px; padding:70px 0 70px 0;background:#222;}
.subHero h2 {margin:20px 0; font-size:36px; line-height:1.1; font-weight:700; text-transform: uppercase;  color: #ffc809!important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}




/******* sub page hero images ********/
.about {background:url("/siteart/hero-sub/forest.jpg") no-repeat; background-position:50%; background-size:cover;}
.ourTeam {background:url("/siteart/hero-sub/team-profile.jpg") no-repeat; background-position:50%; background-size:cover;}
.facilities {background:url("/siteart/hero-sub/excavators-lineup.jpg") no-repeat; background-position:50%; background-size:cover;}
.auctions {background:url("/siteart/hero-sub/portland-auction-house.jpg") no-repeat; background-position:50%; background-size:cover;}
.inventory {background:url("/siteart/hero-sub/portland-facility.jpg") no-repeat; background-position:50%; background-size:cover;}
.buyersHero {background:url("/siteart/hero-sub/excavator-buckets.jpg") no-repeat; background-position:50%; background-size:cover;}
.sellers {background:url("/siteart/hero-sub/equipment-lineup-close-up.jpg") no-repeat; background-position:50%; background-size:cover;}
.buyNow {background:url("/siteart/hero-sub/large-dump-trucks-lineup.jpg") no-repeat; background-position:50%; background-size:cover;}
.valueEstimations {background:url("/siteart/hero-sub/computer-appraisals.jpg") no-repeat; background-position:50%; background-size:cover;}
.logistics {background:url("/siteart/hero-sub/heavy-hauling.jpg") no-repeat; background-position:50%; background-size:cover;}
.likeKind {background:url("/siteart/hero-sub/motor-scrapers-lineup.jpg") no-repeat; background-position:50%; background-size:cover;}
.financingService {background:url("/siteart/hero-sub/handshake.jpg") no-repeat; background-position:50%; background-size:cover;}
.terms {background:url("/siteart/hero-sub/hand-signing-paperwork.jpg") no-repeat; background-position:50%; background-size:cover;}
.termsGeneral {background:url("/siteart/hero-sub/forest-closeup.jpg") no-repeat; background-position:50%; background-size:cover;}
.contactUs {background:url("/siteart/hero-sub/handshake.jpg") no-repeat; background-position:50%; background-size:cover;}






.main {width:80%; max-width:1080px; margin:0 auto; padding:80px 0; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-between;}
.main a {color:#657c9b; text-decoration:none; -moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s;}
.main a:hover {text-decoration:underline;}

.mainHome {padding:45px 0;}

.mainSidebar {}
.mainSidebar article {width:64.8333%}

.inv {padding:45px 0;}






article {width:100%; padding: 35px 0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
article h1 {font-size:24px; font-weight:700;}
article h3 {font-size:21px; font-weight:600;}
article p {margin: 0 0 10px; padding-bottom:1em;}
article ul {list-style-type: disc; padding: 0 0 23px 1em; line-height: 26px;}
article ol {list-style:inside decimal; padding: 0 0 23px; line-height: 26px;}
article iframe.embedVideo {width:100%; max-width:560px;}

article img.articlePhoto {width:100%;}

article.centerContent {text-align: center;}



.auctionSidebar {width:calc(29.666667% - 60px); margin:20px; padding:10px; text-align:center; border: 1px solid black; border-radius: 10px;}
.auctionSidebar h3 {margin:0 0 5px 0; padding: 0px; font-weight:700; line-height:1.1; color: #000 !important;}
.auctionSidebar h4 {color:#000 !important; font-weight:400; margin-bottom: 0px !important; font-size: 1.2em; line-height:1.2; }
.auctionSidebar h5 {color:#000 !important; font-weight:400; margin-top: 0px !important; font-style: italic; font-size: 1em;}
.auctionSidebar img.icon {width:50px; height:43px; margin:10px auto 5px auto;}
.sidebarBorder {width:100%; height:2px; margin:5px 0; border-top:2px #000 solid; border-bottom:2px #000 solid; background:#fec837; }

.sidebarText {width:calc(29.666667% - 40px); margin:20px;}
.sidebarText h3 {font-size:16px;}


.borderBox {margin:25px 0; padding:15px; border:1px #333 solid; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;}
.borderBox h3 {text-transform:uppercase; font-weight:700;}
.borderBox img.iconBox {float:right; margin:0 10px 20px 20px;}


 
.iconBubble {width:100px; height:70px;margin:0 auto 15px auto; padding:15px 0; font-size: 48px;  text-align:center; 
    color: #ffc809; background:#000;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
 }


.link-blurb {text-align:center; width:40%; margin:0 5%; float:left;}
.link-blurb img {margin:0 auto 25px auto; height:auto; max-width:40%;}

.finance-box {width:100%; background:#000; text-align:center; padding:35px 0;}

.staff-photo {max-width:100%; height:auto; width:auto; margin-bottom:10px;}




.list-top-section .list-title .list-listings-count {color:#222 !important;}
.faceted-search-content .selected-facets-container .selected-facet {color: #000 !important; background-color:#ffc809!important;}
.list-content .list-error-container .info button {color: #000 !important; background-color:#ffc809!important;}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count {color:#222 !important;}










/******* footer styles ********/
.foot {width:100%; display:block; padding:30px 0; color:#fff; background:#222;}
.foot p {line-height:160%;}
.foot a {color:#fff;}
.foot a:hover {color:#ffc000;}

.foot-map {width:100%; display:block;}
.foot-map iframe {width:80%; height:200px;}

.soc-media a {font-size:36px; margin-right:5px;}
.soc-media a:hover {opacity:0.7; filter:alpha(opacity=70);}
.soc-media a.fb {width:30px; height:30px;color:#3b5998;}
.soc-media a.tw {width:30px; height:30px;color:#0084b4;}
.soc-media a.li {width:30px; height:30px;color:#0077b5;}
.soc-media a.yt {width:29px; height:26px; color:#ed2024;}

.foot-nav {width:100%; background:#000; padding:12px 0; display:block;}
.foot-nav ul {width:100%; text-align:left;}
.foot-nav li {display:inline-block; position:relative;}
.foot-nav a:link, .foot-nav a:active, .foot-nav a:visited {color:#d7d7d7; text-decoration:none; display:block; padding:0 12px; line-height:15px; font-weight:600;}
.foot-nav li:first-of-type a {padding:0 12px 0 0;}
.foot-nav a:hover {color:#fff;}


footer {width:100%; padding:12px 0; background:#222; }
.copyright {font-size:12px; color:#d7d7d7;}
.copyright a {color:#d7d7d7;}


.call-btn {display:none; background:#009900; color:#fff; font-size:36px; padding:0 10px; line-height:50px; height:50px; width:50px; text-align:center; position:fixed; right:0; bottom:0; z-index:9999999; box-sizing: content-box;
	border-radius:35px 0 0 0; -moz-border-radius:35px 0 0 0; -webkit-border-radius:35px 0 0 0; border-top:2px #2dc62d solid;}

#top {display:block; width:0; height:0;}
.to-top {background:#000; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; position:fixed; bottom:100px; right:0; font-size:24px;
	border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px; -webkit-border-radius:20px 0 0 20px;}


/******* form styles ********/
#formpage label {display:block; margin-bottom:3px;}
#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	margin-bottom:10px;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	margin-bottom:10px;
	height:120px;
}

#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	margin-bottom:10px;
}

#formpage input.checkbox {padding:0;  border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; border:0; outline-style:none;} 

#formpage input.button,
#formpage input.button:focus {
    width:100%;
    margin:0;
    padding:10px 3%;
    background:#ffc000;
    border:0;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
    font-size:14px;
	line-height:14px;
	font-weight:600;
    color:#000;
	-moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; transition:all ease 0.2s;
}
#formpage input.button:hover {background:#000; color:#fff;}

/*control the Captcha */
.CaptchaPanel {margin:0 auto !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 auto; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; margin:0 auto; max-width:160px;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {width:336px; margin:0 auto; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 10px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/******* responsive styles ********/
@media screen and (max-width:1600px) {
	nav.primary ul ul { width:185px;}
}

@media screen and (max-width:1500px) {
	header .wrap {max-width: 1080px; }
	nav.primary ul {
		text-align: left;}
	nav.primary ul ul { width:175px;}
}

@media screen and (max-width:1125px) {
	nav.primary {display:none;}
	#menu-button{text-align: right; display: block; align-self:flex-end; line-height:1; position: relative; z-index:400; padding-bottom:33px;}
	.stick-bar.site-header-shrink header .wrap #menu-button{padding: 22px 0;}
	#menu-button a{color: #2EA3F2; padding:10px 15px 15px 15px; font-weight:300; text-decoration: none; font-size:26px;}
		
	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; z-index:5;  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;
		background:#f9f9f9;
	}

	
	/* MENU HEADER STYLES */
	nav.mobile .menu-title {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#f9f9f9;
	}			
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; left: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color:#272727; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #000;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {display:block;  color: #999; font-size:15px;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #555;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		font-weight:600; 
		cursor: pointer;
		text-decoration: none;
		border-left:4px #f9f9f9 solid;
		padding: 15px 35px 15px 20px;
	}
	nav.mobile ul li a:hover {background:#eee; border-left:4px #2EA3F2 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {background: #eee; border-left:4px #eee solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:#ddd;}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a { background: #ddd; border-left:4px #ddd solid;}
	nav.mobile ul li li li a:hover {background:#ccc}
	
}

@media screen and (max-width:1024px) {
	.col4 {width:48%;}
	
	
	
	.foot-nav a:link, .foot-nav a:active, .foot-nav a:visited {padding:0 8px; line-height:15px;}
	.foot-nav li:first-of-type a {padding:0 10px 0 0;}
}

@media screen and (max-width:980px) {
	.mainSidebar article {width:100%;}
	.auctionSidebar {width:calc(100% - 40px);}
	.sidebarText {width:calc(100% - 40px);;}
	
	.link-blurb {width:100%; max-width:575px; margin:25px auto; float:none;}
	
	.foot-nav ul, .copyright {text-align:center;}
	.copyright {font-size:10px;}
}

@media screen and (max-width:768px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	#simple-menu {float:right; height:50px; line-height:50px; width:70px; display:block; cursor:pointer; font-size:16px; font-family:'open_sanssemibold';}
	
	.logo {width:95%; width:calc(95% - 100px);}
	.logo img {height:50px;}
	nav {width:100px;}
	.hero, .lg-map {margin-top:114px;}
	.subHero {margin-top:114px;}
	
	article {padding:20px 0;}
	/*.link-blurb {width:40%; margin:0 5%;}
	.link-blurb img {margin:0 auto 20px auto; max-width:50%;}*/
	
	.finance-box, .foot {padding:20px 0;}
}
@media screen and (max-width:667px) {
	.call-btn {display:block;}
}
@media screen and (max-width:640px) {
	.show-640 {display:block;}
	.hide-640 {display:none;}
	.m-top-20 {margin-top:10px;}
	
	/*body {font-size:12px;}
	p {margin-bottom:12px;}
	.lg-text {font-size:14px;}
	h2 {font-size:24px; margin-bottom:10px;}
	h4 {font-size:14px;}*/
	
	a.white-box {font-size:16px; padding:10px 5%;}
	
	.col2,.col3, .col-full {width:100%; margin:0;}
	/*.link-blurb {width:80%; margin:0 10%;}
	.link-blurb:first-of-type {margin-bottom:25px;}*/
	
	.footHours {}
	.footHours .col2 {width: 48%; margin:0 2% 0 0;}
}
@media screen and (max-width:560px) {
	.borderBox img.iconBox {display:none;}
}

@media screen and (max-width:480px) {
	.show-480 {display:block;}
	
	h6 {font-size:14px;}
	
	.col4 {width:80%; margin:0 10%;}
	
	.top-bar {text-align:center;}
	.top-bar a {margin:0 10px; font-size:13px; line-height:13px;}
	.logo img {height:40px;}
	#simple-menu {height:40px; line-height:40px;}
	
	/*.link-blurb {width:94%; margin:0 3%;}
	.link-blurb img {margin:0 auto 15px auto; max-width:40%;}*/
	
	.foot .col4 {text-align:center;}
	.foot-map {margin-bottom:12px;}
	.soc-media a {font-size:30px;}
	
	.foot-nav li {margin:3px 0;}
	.foot-nav li.clear {display:block;}
}
@media screen and (max-width:375px) {
	.top-bar a {margin:0 5px;}
}
@media screen and (max-width:320px) {
	
}