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

.container-fluid, .row {width: auto !important; margin: 0 !important; padding: 0 !important;}

/* TYPOGRAPHY */

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;
    line-height: 1.5;
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 3rem;
    line-height: 1.2;
    text-transform: uppercase;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 2rem;
    line-height: 1.2;
    text-transform: uppercase;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
    line-height: 1.2;
    text-transform: uppercase;
}

h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
    line-height: 1.2;
    text-transform: uppercase;
}


/* HEADER & NAVIGATION */

.header {
    background-image: url(/../siteart/mainbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 900px;
    text-align: center;
}

.subheader {
    background: #0d0f49;
    text-align: center;
}

.header img {
    width: 100%;
    max-width: 450px;
}

.subheader img {
    width: 100%;
    max-width: 325px;
}

.headicons, .headicons a {
    font-size: 20px;
    color: #ffc921 !important;
}

.headicons a:hover {
    color: #fff !important;
}

.finlink {
    background: #ffc921;
}

.finlink {
    color: #000 !important;
}


/* SEARCH BAR */

.search {
    background: #ffc921;
    text-align: left;
}

.searchdropdown, .keywords {
    background: #fff;
    border: none;
    padding: 6px 10px;
    width: 200px;
    height: 50px;
    box-sizing: border-box;
    margin-right: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}

.comments {
    background: #fff;
    border: none;
    padding: 6px 10px;
    width: 500px;
    height: 50px;
    box-sizing: border-box;
    margin-right: 20px;
    font-family: 'Roboto Condensed', sans-serif;
}

.btn-black {
    background: #000;
    color: #fff;
    height: 50px;
    border: none;
    padding: 6px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Roboto Condensed', sans-serif;
}

.btn-black:hover {
    background: #848484;
}



/* INVENTORY LINKS */

.inventory {
    background-image: url(/../siteart/blackgrit.png);
    background-repeat: repeat;
    text-align: center;
}

.inventory img {
    width: 100%;
    max-width: 250px;
}

.inventory a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* ABOUT */

.about {
    background: #000;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 1.8;
}

.about a {
    color: #fff;
    text-decoration: none;
}

.about a:hover {
    color: #ffc921;
}

.about img {
    width: 100%;
}

.about h1 {
    color: #ffc921;
}

.aboutlg {
    font-size: 30px;
}

.abouttxt {
    padding: 50px !important;
}

/* FOOTER */

.footer {
    background: #0d0f49;
    color: #fff;
}

.foottext {
    text-align: right;
    color: #fff;
}

.footer a {
    color: #fff;
}

.footer img {
    max-width: 200px;
}


/* CONTACT FORM */

.contact {
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

.contactinfo {
    font-size: 20px;
}

.contactinfo a {
    color: #000;
    text-decoration: none;
}

#quotes {
    width:100%;
    display:block;
    margin:20px auto;
    font-size:16px;
    color:#000;
}

#quotes tbody {width:100%;float:left;}

#quotes tr {
    width:50%;
    float:left;
    padding:7px;
    box-sizing:border-box;
}

#quotes td {
    width:100%;
    float:left;
    font-size:14px;
}

#quotes td p {
    font-size:14px;	
}

.fulltd2 {
    width:100%!important;
    float:none!important;
    max-width:500px!important;
    display:block!important;
    margin:0 auto!important;	
}

#quotes input {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
}

#quotes textarea {
	padding:12px 10px;
	border:1px solid #b4b4b4;
	font-weight:300;
	color:#000;
	font-size:12px;
	background:#fff;
	box-sizing:border-box;
}

#quotes .CaptchaMessagePanel {color:#000;}

#quotes .CaptchaWhatsThisPanel a {color:#000;}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#quotes select {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
	width:100%;
}
   
#quotes input  {
    width:100%;
}
 
#quotes input.larger  {
    width:100%;
}

#quotes textarea {
    width:100%;
    height:85px;
}

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

#quotes p {
	text-align:left;
	width:auto;
}

#quotes input.radio {
    padding:0; 
    border:0;
    margin:0 3px 0 15px;
    width:15px;
    height:15px;
    display:inline;
 }

#quotes input.radio:focus,
#quotes input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 

#quotes input.button,
#quotes input.button:focus {
    width:300px; 
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    background: #ed1b24;
    border: 1px solid #ed1b24;
    padding: 10px;
    margin: 0px 10px;
    color: #fff;
}
#quotes input.button:hover {
	background:#d1102d;
    border: 1px solid #ed1b24;
}

#quotes label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#quotes label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 
#quotes .fulltd {
    width:100%!important;
    margin-right:0;	
}

.mobilehead {display:none;}

#quotes .contactbtn {
    background: #000;
    color: #fff;
    height: 50px;
    border: none;
    padding: 6px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Roboto Condensed', sans-serif;
}

/* FINANCING */

.financing {
    font-weight: 700;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}

.financing a {
    color: #0d0f49;
    text-decoration: none;
}

.financing a:hover {
    color: #ffc921;
}

.finance {
    text-align: center;
}

.finance img {
    width: 100%;
    max-width: 700px;
}



/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
    
    .searchdropdown, .keywords, .btn-black, .comments {
        width: 100%;
        margin: 10px 0px;
    }
    
    .about {text-align: center;}
    .about h1 {
        font-size: 2.5rem;
    }
    
    .financing{text-align: center;}


}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
    
    .searchdropdown, .keywords, .btn-black, .comments {
        width: 100%;
        margin: 10px 0px;
    }
    
    .about {text-align: center;}
    .about h1 {
        font-size: 2.5rem;
    }
    
    .financing{text-align: center;}
 
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {
    
    nav.primary ul li a {
        font-size:16px !important;
        padding:0px 10px !important;
    }
    
     .comments {
        width: 250px;
    }
    
    .financing {text-align: center;}

}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    
    nav.primary ul li a {
        font-size:20px !important;
    }
    
    .about h1 {
        font-size: 2rem;
    }
    
    .abouttxt {
    padding: 10px 50px !important;
    }
    
    .comments {
        width: 200px;
    }
    

}

/*Extra large devices (large desktops)*/
@media (min-width: 1200px) {
    
    .about h1 {
        font-size: 2.5rem;
    }

    
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1400px) {   
    
    .about h1 {
        font-size: 3rem;
    }

   
}

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

}