/* 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 { 
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Lato', sans-serif;
}



a {
	color:#000;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
	cursor: pointer;
}
button:active, button:focus {outline: none;}

p{
	padding:20px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
	box-sizing: border-box;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:60px 20px;
	position:relative;
	box-sizing: border-box;
}

.sub-wrapper h1{
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 1.5px;
	font-weight: 900;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/

.top-banner.main{
	display: block;
	width: 100%;
	position: fixed;
	background: #C90000;
	color:#fff;
	font-weight: bold;
	letter-spacing: 1.5px;
	font-size: 16px;
	text-align: center;
	padding: 10px 20px;
	z-index: 99; 
	box-sizing: border-box;
}


.top-banner .fa{
	color:#fff;
	font-size: 20px;
}



.header{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:40px 0 0 0;
	background:#000;
	z-index: 75;
}

.header-phone{
	background:#ffff00;
	padding:8px 40px;
	color:#000;
	width:100%;
	text-align: right; 
	box-sizing: border-box;
}

.header-phone a{color:#000; font-weight: bold; text-decoration: none; font-size: 18px;}
.header-phone a:hover{color:#000;text-decoration: underline}

.phone-wrap, .translator {display: inline-block; vertical-align: middle;}
.translator {padding-left: 10px; margin-top: -1px;}
.goog-te-gadget-simple {border: none!important;}
.goog-te-gadget-simple .goog-te-menu-value span {font-size: 14px;}

.logo{
	text-align:left;
	width:20%;
	margin:0 auto;
	display:inline-block;
	padding:15px;
	vertical-align: middle;
	box-sizing: border-box;
}

.logo img{
	width:280px;
	margin:0 auto;
}



/* HOME PAGE BACKGROUND VIDEO
-----------------------------------------------*/
.hero-all-btn {
	border: none; 
	background-color: #C90000; 
	padding: 30px 5%;
	text-align: center;
	font-family: 'Lato',sans-serif; 
	text-transform: uppercase; 
	font-weight: 800; 
	letter-spacing: 1px; 
	font-size: 25px; 
	color: #fff;
	width: 100%;
	transition: background-color 0.5s ease;
}
.hero-all-btn:hover {background-color: #000; cursor: pointer;}


.hero-btn {margin-top: 100px;}
#heroVideo {width: 100%; height: auto;}
.heroContent {background: transparent;}
.hero-inner {position: absolute; padding: 13% 5% 0 5%; width: 100%; text-align: center; z-index: 5;}
.hero-categories {
	background-image: url('/Siteart/dk-img-bg.jpg'); background-size: cover; background-position: center; background-attachment:fixed;
	width: 100%; height: auto; float: left; margin-top:-3px; padding: 50px 2%; box-sizing: border-box;}
.cta-sect {padding-top: 15px;}

.hero-txt {width: 100%; float: left;}
.hero-border-btn {
	color: #fff; 
	background: transparent; 
	padding: 15px 30px; 
	font-family: 'Lato',sans-serif; 
	font-weight: 800; 
	letter-spacing: 2px; 
	border: solid 2px #fff;	
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 10px;
}
.hero-border-btn:hover {
	border-color: #ffff00;
	color: #ffff00;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.50);
}

.hero-txt {
	background: rgba(0, 0, 0, 0.50);	
	padding: 30px 5% 40px 5%;}

/*---------------------------------------------
		MOBILE BUTTON 
---------------------------------------------*/

.mobile-section {
	display: none;	
	width: 100%; 
	float: left;
}

.fw-btn {
	color: #fff; 
	padding: 15px 30px; 
	font-family: 'Lato',sans-serif; 
	font-weight: 800; 
	letter-spacing: 2px; 
	border: none;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #C90000;
	text-align: center;
	width: 100%;
}
.fw-btn:hover {
	background-color: #000;
}


/* HOME PAGE STYLES
-----------------------------------------------*/

.hero h1{
	text-align: center;
	font-size: 4vw;
	text-transform: uppercase;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: 1.5px;
}

.hero h2{
	text-transform: uppercase;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: 1.3px;
	font-weight: bold;
	padding:30px 0;
	color:#fff;
	text-align: center;
}

.cta-sect{
	text-align: center;
	width:100%;
	float: left;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
}

.cta{
	display: inline-block;
	width:15%;
	vertical-align: top;
	text-align: center;
	padding: 20px;
	color:#fff;
	text-decoration: none;
}

.cta img{
	width:120px;
	background:#fff;
	border-radius: 100px;
	padding: 20px;
	transition: ease .3s;
}

.cta h3{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	padding:20px 0 0 0;
	text-align: center;
	font-size: 17px;
	font-weight: 800; 
	letter-spacing: 1px;
	margin: 0;
}

.cta:hover h3{color:#ffff00;}

.cta:hover img{background:#eaeaea; box-shadow: 4px 3px 12px rgba(0, 0, 0, 0.65); transition: ease .3s;}

.hero-btn{
	width:100%;
	padding:40px 30px;
	border-top:1px solid #fff;
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40px;
	text-decoration: none;
	display: block;
	font-size: 35px;
	letter-spacing: 1.5px;
	font-weight: 900;
	transition: ease .3s;
}

.hero-btn:hover{
	color:#ffff00;
	text-shadow: 1px 1px 2px #000;
	transition: ease .3s;
}



.abt-sect{
	width:100%;
	float: left;
	padding:50px 20px;
	display: block;
	background: #fff; 
	box-sizing: border-box;
}
.abt-sect p, .surplus p, .sub-wrapper p, .sub-wrapper h3, .sub-wrapper h1, .sub-wrapper h2, .sub-wrapper h4{
    margin: 0;
}

.abt-half{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	padding:20px;
}

.abt-half img{
	width:100%;
	display: block;
	max-width:300px;
	margin: 0 auto;
	text-align: center;
}

.abt-half h1{
	font-weight: 900;
	font-size: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;	
	margin: 0;
}

.abt-btn{
	background:#0072bc;
	color:#fff;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	padding:10px;
	text-align: center;
	margin-left: 0;
	margin-right: 5px;
	margin-top:80px;
	display: inline-block;
	width: 45%;
	font-weight: bold;
	letter-spacing: 1.3px;
	transition: ease .3s;
}

.abt-half .blk-btn{width:92%;}

.abt-btn:hover{
	background:#004B7C;
	color:#fff;
	transition: ease .3s;
}


.surplus{
	width: 100%;
	float: left;
	background:#ffff00;
	text-align: center;
	padding:20px;
}

.surplus p{
	text-transform: uppercase;
	font-size: 24px;
	line-height: 1.3;
	font-weight: bold;
}

.surplus a{
	background:#000;
	color:#fff;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	padding:10px 80px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: bold;
	transition: ease .3s;
}

.surplus a:hover{
	background:#303030;
	color:#fff;
	transition: ease .3s;
}





/* EQUIPMENT WANTED PAGE */

.equip-wanted{
	width:100%;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	padding: 30px 0;
}

.equip-box{
	display: inline-block;
	background:#f1f1f1;
	color:#000;
	text-align: center;
	padding: 40px 20px;
	width:30%;
	margin: 10px;
	height: 200px;
	vertical-align: top;
}

.equip-box h3{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 1px;
}

.equip-box p{line-height: 1.5;}





/* EQUIPMENT SPECIAL PAGE */
.equip-special{
	width: 100%;
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	padding: 30px 0;
}

.equip-special img{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	padding: 0 40px;
}

.e-special-info{
	width: 59%;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	text-align: left;
}

.e-special-info h3{
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 2px;
	font-weight: bold;
}

.e-special-info h4{
	color:red;
	font-weight: bold;
	padding: 10px 0;
	font-size: 18px;
}

.es-btn{
	background:#0072bc;
	color:#fff;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	padding:10px 25px;
	text-align: center;
	margin-left: 0;
	margin-top:20px;
	display: inline-block;
	font-weight: bold;
	letter-spacing: 1.3px;
	transition: ease .3s;
}




/* CONTACT PAGE */

.contact-info{
	width: 100%;
	display: inline-block;
	padding: 30px 10px;
	text-align: center;
	margin: 0 auto;
	border:1px solid #eaeaea; 
	margin-top: 30px;
}

.contact-third{
	width:20%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
}

.contact-third a{text-decoration: none; color:#000;}
.contact-third a:hover{color:#0072bc;}

.contact-third .fa{
	font-size: 24px;
}


.blk-btn{
	background:#000;
	color:#fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	padding:10px 60px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 30px;
	transition: ease .3s;
}

.blk-btn:hover{
	background:#303030;
	color:#fff;
	transition: ease .3s;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.bg-white {background: #fff;}

.scrolling-wrap {
    width:100%;
    height:100px;
    overflow:hidden;
	background: #fff;
	padding:5px;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/*--- INVENTORY ---*/
.listing-widgets .Currency a {
	background: #C90000 !important;
}

.listing-widgets .shipping a {
	color: #fff !important;
	background: #000 !important;
}


.list-listing-title {
	height: 36px !important;
}

span.listing-widget__text {
	padding: 5px 0 !important;
}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:13px;
	text-align:center;
	background:#303030;
	padding: 20px 0;
}

.foot-links{padding-bottom: 60px;}
.foot-links a{
	color:#fff;
	text-decoration: none !important;
	padding:0 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
}

.footer a{
	color:#fff;
	text-decoration:underline;
}

.footer a:hover{
	color:#fff;
	text-decoration:none;
}
.divfooter{
	width:75%;
	margin:20px auto;
	line-height: 2.5;
}


/*---------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------*/


/*----------Media Queries for Home Video----------*/
@media screen and (max-width:1200px){
	.hero-inner {padding: 10% 5% 0 5%;}
}

@media screen and (max-width:1150px){
	/* STICKY NAV */

	header{
	  text-align:center;
	  color:#fff;
	}

	header.fixed{
	  position:fixed;
	  width:100%;
	  top:40px;
	  left:0;
	  background:#fff;
	  box-shadow:1px 2px 6px rgba(36, 36, 36, 0.30);
	  z-index: 500;
	}
	
	.header-phone a{display: inline-block; text-align: left}
	.logo{width: 100%; text-align: center;}
	
	.hero h1{font-size: 5vw;}
	
	
	.cta{width: 25%;}
	.cta h3 {padding: 15px 0;}
	
	.header-phone {float: left; text-align: left;}
	.phone-wrap, .translator {width: 24%;}
	.hero-inner {padding: 8% 5% 0 5%;}
	
}

@media screen and (max-width:1050px){
	.abt-btn{width:90%; margin: 5px auto;}
}

@media screen and (max-width:950px){
	.equip-box{width: 45%;}
	
	.equip-special{text-align: center;}
	.equip-special img{width: 70%; padding: 30px;}
	.e-special-info{width: 100%; padding: 20px 0;}
	.hero-inner {padding: 7% 5% 0 5%;} 
	.hero-border-btn {font-size: 14px;}
	.hero h2 {font-size: 20px; line-height: 25px;}
}


@media screen and (max-width:855px){
	.hero-inner {padding: 5% 5% 0 5%;}
	.hero h1 {font-size: 4vw;} 
}

@media screen and (max-width:854px){
	 header.fixed {top: 55px;background-color: #ffff00;}
}

@media screen and (max-width:750px){
	
	.abt-half{width: 100%; text-align: center}
	.abt-half h1{text-align: center}
	
	.contact-third{width: 100%; margin: 20px auto}
	
	.foot-links a{padding: 0 10px;}
	.translator {display: none;}
	.phone-wrap {width: 50%;}
	
	.hero-inner {padding: 0;}
	.hero h2 {padding: 10px 0;}
	
	.hero-border-btn {display: none;}
	.mobile-section {display: block;}
	.hero-categories {margin-top: 2px;}
	
}

@media screen and (max-width:650px){	
	.foot-links a{display: block; padding: 10px;}
	.hero-categories {padding: 30px 6%;}
}

@media screen and (max-width:550px){
	.hero h1{font-size: 5vw;}
	.hero h2{font-size: 18px;}
	.cta{width: 40%;}	
	.hero-btn{font-size: 24px;}
	
	.surplus a{width: 80%; padding: 10px;}
	
	.equip-box{width: 100%; height: auto;}
}

@media screen and (max-width:480px){
	.header{margin-top: 75px;}
	header.fixed{top: 75px;}
	.hero-txt {padding: 20px;}
	.hero h1{font-size: 6vw;}
}

@media screen and (max-width:450px){
	.cta{width: 100%; margin:0;}		
	.cta img{width: 100px;}	
	.abt-btn{width: 100%;}
	.abt-half .blk-btn{width:100%; padding: 10px}
	.divfooter{line-height: 2; width: 100%;}
	.hero-inner h1 {font-size: 6vw;}
	.hero-inner h2 {font-size: 14px; line-height: 16px;}
	.header-phone {padding: 10px 5%;}
	.top-banner {font-size: 13px; padding: 14px 5%;}
	.hero-inner {display: block; position: relative;}
	.hero-txt {background: #4d4d4d;}
	.phone-wrap {width: 49%;}
}