/*
	Site Developed by Karoline Dassie

	Main Colors:
	- White #fff
	- Black #000
	- Orange #f49523
*/

/* ============================ 

	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;
}

html, body{
	 -webkit-text-size-adjust: none;
	font-size: 16px;
	line-height:1.5em;   
	color: #37414e;
	background: #fff;
	font-family: 'Poppins', sans-serif;
}
.clear{clear:both;}

/* ============================ 

	Typography
	
==============================*/

h1{
    font-size: 25px;
	text-transform:uppercase;
	font-weight:600;
	color:#f49523;
	margin: 10px 0!important
}

h2{
	text-transform:uppercase;
	font-size: 40px;
	font-weight: 900;
	color:#000;
	text-align:center;
}

h3{
	text-transform:uppercase;
	font-size: 40px;
	font-weight: 900;
	color:#fff;
	text-align:center;
}

h4{
	color:#f49523;
    font-size: 18px;
	font-weight: 400;
	line-height:2em;
}

h5{
	
	text-transform:uppercase;
	font-size: 35px;
	font-weight: 900;
	color:#151515;
	line-height:2em;
	text-align:center;
	letter-spacing:-1px;
}

p{
	font-size: 16px;
	line-height: 1.7em;    
	color: #37414e;
}

a { 
	color: #686867; 
	text-decoration:none;
    transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

.footer a{
	color: #fff!important;
	text-decoration:none;
	font-size:14px;
}

a:hover {color:#b7b7b7!important;}

::-moz-selection {
    background: #686867;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #686867;
    color: #fff;
    text-shadow: none;
}

.orange{color:#f49523;}


/* ============================ 

	Header
	
==============================*/
header{
	background:#000;
    position: relative;
    z-index: 999999999999;
	}
.head-wrapper {
    display: flex;
    justify-content: space-between;
}
#logo{
	float:left;
}

#logo img{
	width:100%;
	max-width:300px;
}

#contact {
	float: right;
	text-align: right;
	color: #fff;
    font-size: 17px;
}
.contlink {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap:20px;
}
.head-btn {
    padding: 10px;
    border: 1px solid #f49523;
    color: #f49523 !important;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
}
.head-btn:hover {
   color: #000!important;
    background:#f49523;
}
	.contlink .link-1:link, .contlink .link-1:active,.contlink .link-1:visited {color:#fff; text-decoration:none}
	.contlink .link-1:hover {color:#686867; text-decoration:none}


/* ============================ 

	Site Framework

==============================*/

.wrapper{
	max-width: 1100px;
	margin: 0 auto;
}
#pad{padding:5em 0;}
#right{
	float: right;
}

#two-third{
	float: left;
	width: 64%;
	margin-right: 20px;
}

#one-third{
	float: left;
	width: 30%;
	margin-right: 15px;
	text-align: center;
}

#one-fourth{
	float: left;
	width: 24%;
	margin-right: 5px;
	text-align: center;
}

#one-fourth img{
	max-width: 100%;
	height: auto;
}

.centertext {
	text-align:center;
}

.lgtext {
	font-size:19px; 
	font-weight:bold;
}

.medtext {
	font-size:16px; 
	font-weight:bold;
}


/* ============================ 

	Navigation
	
==============================*/

/*see Menu.css*/

/* ============================

	Scrolling Inventory
	
==============================*/

	.mobilecontainer { 
		width:100%;
		height:90px;
		overflow:hidden;
		background:#fff;
	}
	.scrolling{
		width:100%;
		height:90px;
	}

/* ============================  

	Content
	
==============================*/
	.cycle-slideshow{
		width: 100%;
		height: auto;
	}
	
	.cycle-slideshow img{
		width: 100%;
		height: auto;
	}
	
	#image{
		text-align: center;
		margin: 25px auto;
	}

	img.bump{
		width:100%;
		margin:0 auto;
		position:relative;
		z-index:9999999;
		display:block
	}
	
	img.white-bump{
		width:100%;
		margin:10px auto 0 auto;
		position:relative;
		z-index:9999999;
		display:block
	}
	
	article{
		margin:-33px auto 0 auto;
	}
	
	.forbump{
		display: block;
		position: relative;
		z-index: 999;
		background: #fff;
	}

/* ============================ 

	Featured

==============================*/

#feat{
	background:#000 url(../siteart/feature.jpg) no-repeat fixed center center;
	padding:5em 0;
	margin:0 auto; 
	text-align:center
}

a.featbtn{ 
	color:#fff; 
	border:2px solid #fff; 
	text-transform:uppercase;
	display:block;
	padding:10px 0;
	width:450px;
	font-weight:600;
	background:rgba(0, 0, 0, 0.52);
	margin:2em auto 0 auto
}

a.featbtn:hover{background:#f49523} 

/* ============================ 

	Form

==============================*/

#formpage {vertical-align:top; text-align:center; width:100%; margin:0 auto}

#formpage input {
	padding:6px 2%;
	border:1px solid #ccc;
	color:#8e8d8d;
	font-size:12px;
	margin-top:6px;
	width:95%;
	text-align:center;
}

#formpage textarea {
	padding:6px 2%;
	margin-top:6px;
	border:1px solid #ccc;
	color:#8e8d8d;
	font-size:12px;
	width:95%;
	text-align:center;
}
 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #ccc;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
}
 
#formpage textarea {

    height:85px;
}

#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:#fff; 
	color:#686867;
	border:1px solid #ccc;
	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 {
	cursor:pointer;
    margin:15px auto;
width:99%;
    border:2px #fff solid;
	background:#f49523;
	box-shadow: 0 0 3px #ccc;
	text-transform:uppercase;
	font-size: 18px;
	font-weight: normal;
	color:#fff;
	line-height:2em;
	text-align:center;
	padding:0 2%;
}

#formpage input.button:hover {
	background:#fff;
	color:#000;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}

/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}  


/* ============================ 

	Equipment Sales

==============================*/

.wrappericons{
	max-width:666px;
	margin:0 auto;
}
	
.equipment-gallery .gallery-item{
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	float: left;
	padding:10px 0;
	width: 20%;
	text-align:center
}


.equipment-gallery .gallery-item img{
	border: none;
	display: block;
	margin: 0 auto 10px auto;
	width: auto;
    max-width: 100%;
    height: 90px;
}

.equipment-gallery .gallery-item a.gallery-link{
	color: #f49523;
	display: block;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
}

.equipment-gallery .gallery-item:hover{	opacity:0.4;}



/* ============================ 

	Quick Search

==============================*/

#footer-quick-search-wrap{ position:relative; }

#footer-quick-search-wrap form{
	position:relative;
	display:block;
}

#footer-quick-search-wrap form input{
	width:82%;
	background: none;
	border: 1px #a9a9a9 solid;
	color: #fff;
	height: 30px;
	padding:0 0 0 10px;
	position:relative;
	font-size: 14px;
	margin:3px 0 0 30px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#footer-quick-search-wrap form input:focus{outline-color:#f49523;}

#footer-quick-search-wrap form .button{
	cursor:pointer;
    line-height: 34px;
	position:absolute;
	color: #fff;
	background:#000;
	border: none;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	z-index: 9999;
    padding:0px;
}

#footer-quick-search-wrap form .button:hover{color:#f49523;}

/* ============================ 

	Footer Styles

==============================*/

.foot{background:#f49523; padding:2em 0}

#footer-third{
	float: left;
	width: 33%;
}

#footer-third p{
	font-size:14px;
	color:#fff;
	line-height:1.8em;
}

.footer {
	background: #000;
	margin: auto 0;
	padding: 2em 0;
	color: #fff;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{ color:#fff; font-size:10px;}
a.footerlink:hover {color:#fff; text-decoration:underline; font-size:10px;}
.footertext{font-size:10px; color:#fff;}
.smallfootertext{  font-size:10px; color:#fff;}

.divfooter { max-width: 100%; text-align:center; margin: 0 auto; line-height: 1.1em;color:#fff }


 /* ============================ 

	Frameless Inventory
	
==============================*/

.contact-info-heading h2{font-size:25px!important;text-align: left!important;}
.detail-content-mobile .contact-options a{background-color:#f49523!important;}
.mobile-breadcrumb{background-color:#f49523!important;}
.detail-wrapper .search-results{color:#000!important;}

.hosted-content h5{font-size:17px; color:#8E8E8E; text-align:left}
.hosted-content h5 a{font-size:20px; color:#8E8E8E}
body .full .has-quote-forms #listing-bottom-information{width:100%!important;}
.hosted-content .p-tb-10{padding:0!important}
.hosted-content h3 { font-size: 20px!important}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link {background:#f49523 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #f49523 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.faceted-search-content .faceted-section-head h5 { font-size: 12px!important;}
.list-content .listing-portion-title{color: black!important;}
#footer-quick-search-wrap form .button{width: auto!important;}
/* ============================

	Responsive Styles

==============================*/

@media screen and (max-width: 1280px) {
	.wrapper{padding: 0 10px;}
}

@media screen and (max-width: 1023px) {
	#one-half{
		float: none;
		width: 526px;
		margin: 25px auto;
		margin-right: auto;
		text-align: center;
	}
	
	#one-fourth{
		float: none;
		width: 213px;
		margin: 0 auto;
	}
	
}

@media screen and (max-width: 910px){
	#contact{margin:0 auto; text-align:center; float:none; color:#f49523}
	.contlink .link-1{color:#f49523!important}
	nav.primary ul li a {color:#fff!important;}
	.contlink .link-1:hover{color:#b7b7b7!important}
	#contact h1{display:none}
	header{padding: 0}
	h2,h3{font-size:30px;}
    .head-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
    }
	#logo{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#logo img {margin:0 auto; display:block}
    .contlink {
        padding-bottom:10px;
        justify-content: center;
    }
	#two-third{
		float: none;
		width: 750px;
		margin: 0 auto;
		border-right: none;
	}
	
	#one-third{
		float: none;
		width: 375px;
		margin: 0 auto;
		border-right: none;
	}
	
	#footer-fourth{
		float: none;
		margin-top: 25px;
		margin-left: 0;
		width: 100%;
	}
	
}


@media screen and (max-width: 795px) {
	#logo img {max-width: 230px;}
	#contact {font-size: 14px;}
	#one-half{
		float: none;
		margin: 25px auto;
		margin-right: auto;
		text-align: center;
	}
	
	#two-third{
		float: none;
		width: 100%;
		margin: 0 auto;
		border-right: none;
	}
	
	#two-third img{
		width: 100%;
		height: auto;
	}
	
	#one-fourth{
		float: none;
		width: 213px;
		margin: 0 auto;
	}
	.equipment-gallery .gallery-item{width:33.33%;}
	.equipment-gallery .gallery-item img { height: 80px;}
	
		
}
 
 
@media screen and (max-width: 520px){
	a.featbtn{ width:90%;}
	#one-half{
		float: none;
		width: 100%;
		margin: 25px auto;
		margin-right: auto;
		text-align: center;
	}
	
	#two-third{
		float: none;
		width: 100%;
		margin: 0 auto;
		border-right: none;
	}
	
	#two-third img{
		width: 100%;
		height: auto;
	}
	
	#one-third{
		float: none;
		width: 100%;
		margin: 25px auto;
		border-right: none;
	}
	
	#one-third img{
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto;
		border-right: none;
	}
	
	#one-fourth{
		float: none;
		width: 213px;
		margin: 0 auto;
	}
	
	#footer-third{
		float: none;
		width: 90%;
		margin:0 auto 30px auto;
		text-align:center;
	}
	
	.equipment-gallery .gallery-item{width:100%;}
	.equipment-gallery .gallery-item img { height: 60px;}
	#pad { padding: 3em 0;}
}

@media screen and (max-width: 400px){
	#contact{ display: none;}
}