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


.row {margin:0px;}

body {
	font-family: 'Arial', sans-serif;
	font-size: 1rem;
    line-height: 1.3;
    color: #fff;
}

h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 38px;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size: 30px;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	font-size: 24px;
}

h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:600;
    font-size: 20px;
}


h5 {
    font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size: 16px;
    text-transform: uppercase;
}


/* HEADER & NAVIGATION */


.top-header {
    background-image: url(/../siteart/top-strip.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #fff;
    border-bottom: 5px solid #2f2f2f;
}

.logo {
    max-width: 400px;
}

.boldred {
    font-size: 24px;
    text-transform: uppercase;
    color: #01cf8d;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}

.navbar a {
	font-family: 'Oswald', sans-serif;
    font-weight: 600;
	font-size: 18px;
    text-transform: uppercase;
	color: #2f2f2f;
}

.active {
    border-bottom: 3px solid #2f2f2f;
}

.navbar a:active {
    color: #01cf8d;
}

.navbar a:hover {
    color: #01cf8d;
}

.mobile-menu {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.25rem;
    text-align: left;
    color: #212121;
}

.dropdown-menu {
    background-color: #fff;
}

a.dropdown-item {
    padding:10px;
    font-size: .9rem;
}


/* HERO */



/* WELCOME */

.welcome {
    background-image: url(/../siteart/tiretread.png);
    background-repeat: repeat;
    background-position: center center;
}

.thin {
    color: #fff;
    font-weight: 300;
}

.thick {
    color: #01cf8d;
    font-weight: 700;
}

.trailer {
    max-height: 275px;
}




.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling {
    border-bottom: 8px solid #01cf8d;
    width:100%;
    height:92px;
}

/* QUICK CONTACT */

.quick-contact {
    background-image: url(/../siteart/road.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-family: 'Oswald', sans-serif;
}

.screen {
    background-color: rgba(48,48,48,.8);
}

.quick-contact h3 {
    text-transform: uppercase;
    font-weight: 300;
}

.quick-contact p {
    color:#fff;
    font-size: 16px;
    font-weight: 400;
}

.quick-contact a {
    color: #fff;
}

/* BUY A TRUCK */

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

.formbg a {
    color:#c11616;
}

.formbg h4 {
    text-transform: uppercase;
}

.formbutton {
    padding:10px 12px; 
    background:#c11616; 
    border:4px #c11616 solid;
    font-size:14px; 
    line-height:14px; 
    font-weight:600;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    color:#fff;
}

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


/* FOOTER */


.pre-footer{
    background-image: url(/../siteart/bottom-strip.png);
    background-repeat: repeat;
	color: #fff;
    font-size: 12px;
}

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

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

/* LISTINGS */

.cf {
    max-width: 1200px;
    background-color: #fff;
    color: #000;
}



/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
    


}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
    

 
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {
    

}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    
}

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

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

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

}