@charset "utf-8";
/* CSS Document */


.row {margin:0px;}

body {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 500;
	font-size: 1rem;
    line-height: 2;
}

h1 {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 700;
	font-size: 36px;
    text-transform: uppercase;
}

h2 {
	font-family: 'Maven Pro', sans-serif;
	font-weight:700;
	font-size: 30px;
    text-transform: uppercase;
}

h3 {
	font-family: 'Maven Pro', sans-serif;
	font-weight:700;
	font-size: 24px;
    text-transform: uppercase;
}

h4 {
	font-family: 'Maven Pro', sans-serif;
	font-weight:700;
    font-size: 22px;
    text-transform: uppercase;
}



/* HEADER & NAVIGATION */


.top-header {
    color: #ce4520;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.top-header a {
    color:#ce4520 !important;
}


.logo {
    max-width: 150px;
}

.smicon {
    max-width: 150px;
}

.navbarrow {
    background: #ce4520;
}

.navbar a {
    font-weight: 500 !important;
	font-size: 18px;
    text-transform: uppercase;
	color: #fff !important;
}

.navbar a:active {
    color: #fff;
}

.navbar a:hover {
    color: #fff;
}

.list-group-item {
    border: 0px;
}

/* HERO */

.hero {
    background-image: url(/../siteart/steelplate.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding:50px;
}



/* QUICK LINKS */

.quick-links {
    background-color: #ce4520;
    background-image: url(/../siteart/bottom.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 500px;
    color: #000;
}

.quick-links a {
    color: #000;
}

.quick-links a:hover {
    color: #fff;
    text-decoration: none;
}

.agricultureimg {
    width: 200px;
    height: 138px;
    background: url(/../siteart/agriculture.png);
}

.agricultureimg:hover {
    background: url(/../siteart/agriculture-white.png);
}

.trucksandtrailersimg {
    width: 200px;
    height: 138px;
    background: url(/../siteart/truckstrailers.png);
}

.trucksandtrailersimg:hover {
    background: url(/../siteart/truckstrailers-white.png);
}

.constructionimg {
    width: 200px;
    height: 138px;
    background: url(/../siteart/construction.png);
}

.constructionimg:hover {
    background: url(/../siteart/construction-white.png);
}

.attachmentsimg {
    width: 200px;
    height: 138px;
    background: url(/../siteart/attachments.png);
}

.attachmentsimg:hover {
    background: url(/../siteart/attachments-white.png);
}

.wholebtn{ 
  position:absolute; 
  width:100px;
  height:125px;
  top: 200;
  left: 100;
  margin: 110px 0px 0px 46.5%;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}   



/* FOOTER */


.pre-footer{
    background-color: #000;
	color: #fff;
    font-size: 12px;
}

.pre-footer a{
    color:#fff;
}

.pre-footer a:hover{
    color:#fff;
}

.footertext{
    font-size: 16px;
}

.footertext a {
    color: #fff !important;
}

hr.redline{
    border: 1px solid #ce4520;
    width: 50%;
}

/*control the Captcha */
.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:0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000; font-size:12px;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/* INVENTORY PAGES */

.cf {
    background-color: #fff;
    color: #000;
}

.steelplate {
    background-image: url(/../siteart/steelplate.png);
    background-repeat: repeat-y;
/*    background-size: cover;*/
    padding:50px;
}


/* CONTACT */

.contactmap {
    background-color: #ce4520;
    background-image: url(/../siteart/bottom.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    min-height: 650px;
    color: #000;
}

.contact, .contact a {
    color: #000;
}

.contact h2 {
    color: #ce4520;
}

.formbutton{
    background-color: #ce4520;
    color: #fff;
}

.navbar-toggler {
	background: TRANSPARENT !IMPORTANT;
    font-size: initial !important;
    padding: initial !important;
}

/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
    .hero  {background-position: center center;}
    .quick-links {min-height: 1200px;}
    .wholebtn{margin: 150px 0px 0px 30%;}
    .steelplate {padding:20px;}

}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
    .hero  {background-position: center center;}
    .quick-links {min-height: 1100px;}
    .wholebtn{margin: 0px 0px 0px 40%;}
    .steelplate {padding:20px;}
 
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {
    .hero  {background-position: center center;}
    .quick-links {min-height: 600px;}
    .wholebtn{margin: 0px 0px 0px 40%;}

}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    .hero  {background-position: center center;}
    .wholebtn{margin: 85px 0px 0px 43%;}

/*Extra large devices (large desktops)*/
@media (min-width: 1200px) {

    .hero  {background-position: left center;}
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1400px) {   
    .cf {max-width: 1200px;}
   
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1600px) {   

}