h1 {font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; color: #ce3328; margin-bottom: 0px; }
h2 {color: #23398e; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase;}
h2.carousel-text {color: white; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:1.6em; }

h3 {color: #23398e; font-family: 'Montserrat', sans-serif; font-weight: 700;}
h4 { font-family: 'Montserrat', sans-serif;}
h4.services {font-family: 'Montserrat', sans-serif; font-weight: 700; }
h6 { font-family: 'Montserrat', sans-serif; font-size: 1.1em; margin-top: 30px;}

p { font-family: 'Source Sans Pro', Helvetica, Arial; }

p.intro { font-family: 'Montserrat', sans-serif; font-size: 1.2em; color: #23398e; margin-top: 20px;}
p.intro-red { font-family: 'Montserrat', sans-serif; font-size: 1.2em; color: #ce3328; margin-top: 20px;}

.bluebg {background-color: #23398e;}
.redbg {background-color: #ce3328;}



.blackbg {background-color: #1d1d1b;}
.greybg {background-color: #f1f1f1;}
.dgreybg {background-color: #e4e3e3; padding-top: 5px; padding-bottom: 10px; }

.dgreybg h2 {color: #23398e; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase;}

.white { color:#FFFFFF;}
.yellow {color:#ffed00;}
.red {color:#ce3328;}
.blue {color:#23398e;}

.img-services {border:#ce3328 3px solid; 
	width:75px;
	height:auto;
	margin:auto !important;

}

p.ql {
height:100px; color: #FFFFFF;	
    width: 65%;
}

h3.ql {
	
	margin:0;
	margin-bottom:10px;
    font-family: 'Montserrat', sans-serif;
    border-bottom: 1px solid;
    color:#ffffff;
	}


pt-50 {padding-top: 50px;}

ul.body { font-family: 'Source Sans Pro', Arial, Helvetica,  sans-serif; }
ol.body { font-family: 'Source Sans Pro', Arial, Helvetica,  sans-serif; }

ul.hire { font-family: 'Source Sans Pro', Arial, Helvetica,  sans-serif;  }
ul.hire li { margin-bottom:20px;}

ul.quicklinks li {
	
	font-family: 'Source Sans Pro', sans-serif; 
	font-size:1.0em;
	text-indent:0;
	font-weight:400;
	
	

	text-align:left;
}

ul.quicklinks li { margin-left:0px; } 
ul.quicklinks li a { color:#FFFFFF; margin-left:0; }



ul.quicklinks li a:hover {
	color:yellow;
	text-decoration:none;
}

footer h4 { color:#ffed00; font-family: 'Montserrat', sans-serif;}
footer p { color:#ffffff; font-family: 'Source Sans Pro', Helvetica, Arial; margin:0;}

footer p a {color:#ffffff;} footer p a:hover {color:#ffed00;}

footer p.contact { font-size: 1.3em; font-weight: 700; font-family: 'Montserrat', sans-serif;}

footer h2 a {color:#fff; }  footer h2 a:hover {color: #ffed00;}


hr {border-bottom: 1px solid white;}

section {padding-bottom: 20px; padding-top: 10px;}

section.ql { padding-top: 30px;}

section.links { padding-top:30px;}

section.ftr-contact {padding-bottom: 5px; padding-top: 0px;}
section.ftr-contact h2 { color: #ffed00; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:21px; text-transform: uppercase;}

.red-btn { font-family: 'Source Sans Pro', Arial, Helvetica,  sans-serif; background-color:#FFFFFF; border:#ce3328 2px solid; color: #ce3328; font-weight: 600; text-transform: uppercase; }
.red-btn:hover { background-color:#ce3328; border:#ce3328; color:white; font-weight: 600; text-decoration: none; }

.ql-btn { font-family: 'Montserrat', sans-serif, Arial, Helvetica,  sans-serif; background-color:#FFFFFF; border:#FFFFFF 2px solid; color: #000000; font-weight: 600; text-transform: uppercase; }
.ql-btn:hover { background-color:#ffed00; border:#ffed00 2px solid; color:#ce3328; font-weight: 600; text-decoration: none; }

.portfolio-item img {border: 4px solid #FFF; }

.portfolio-item p {font-family: 'Montserrat', sans-serif, Arial, Helvetica,  sans-serif; font-size: 1.1em;}

.specialoffers { margin-top: 30px; margin-bottom: 0px;}

.specialoffers img { border: 4px solid #cccccc; margin-bottom: 30px; }

label { font-family: 'Source Sans Pro', Arial, Helvetica,  sans-serif;  }

.portfolio-caption {  width: 100%; }

.proud {width: 80%;margin: auto;}

/*+++++++++++++++++++++++++++++++++++++++++++
QUICK LINKS
+++++++++++++++++++++++++++++++++++++++++++*/

.qla {
	background-image:url(../img/ql-bg-1.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:bottom right;
	
}

.qlb {
	background-image:url(../img/ql-bg-2.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:bottom right;
	
}

.qlc {
	background-image:url(../img/ql-bg-3.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:bottom right;
	
}

.qld {
	background-image:url(../img/ql-bg-4.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:bottom right;
	
}

.qle {
	background-image:url(../img/ql-bg-5.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:bottom right;
	
}

.qlf {
	background-image:url(../img/ql-bg-6.jpg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:bottom right;
	
}



/*+++++++++++++++++++++++++++++++++++++++++++
NAV BAR  ITEMS 
+++++++++++++++++++++++++++++++++++++++++++*/

section.pre-nav { background-color: #ce3328; padding: 0px;  padding-top: 10px; }
section.pre-nav p {color: #FFFFFF;}
section.pre-nav p a {color: #FFFFFF;}
section.pre-nav p a:hover {color: #ffed00; text-decoration: none;}


nav {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:18px;
	height:95px;
	
	background-color:#FFFFFF;
	letter-spacing:-0.5px;
	margin-bottom:0;
    z-index: 3000;
	}

.navbar-brand {
	max-width:230px;

}


.navbar {
	
	border-bottom:#23398e 3px solid;
	background-color:#FFFFFF;
	margin-bottom:0;
    border-radius: 0px;
	}
	
.navbar-default .navbar-nav>li>a {
	color:#23398e;
	}
	
.navbar-default .navbar-nav>li>a:hover {
	color:#ce3328;
	}		
	
.navbar-right {

	margin-bottom:0px;
	background-color:white;
	border:none;
	margin-top:35px;
    z-index: 3000;
	}	
	
.navbar-default {
	background-color:#FFFFFF;
	}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #0000;
}

/* inner masthead */

.masthead {
    background-color: #dd3d31;
    background-image: url(../img/overlay.svg);
    background-size: cover;
    position: relative;
     padding-bottom: 30px;
    padding-top: 10px;
}


/*================================================
Carosel
==================================================*/



.carousel {
    height: 250px;
	margin-top:0px;
	border-bottom:#ce3328 5px solid;
	background-color:transparent;
	background-repeat:no-repeat;
    background-position: bottom center;
	z-index:-9997; 
    
	}


.item,
.active,
.carousel-inner {
    height: 100%;
}

.carousel-caption { height:100%; width:100%; margin:auto; right: 0%;left: 0%; background-color: transparent;}

#slideA { background: url("../img/idx-banner/idx-banner-xs.jpg"); width: 100%;  height: 100%; background-position: bottom center; height: 600px; background-size: 450%; background-repeat: no-repeat; background-color: black;}
#slideB { background: url("../img/idx-banner/idx-banner-xs.jpg"); width: 100%;  height: 100%; background-position: bottom center; height: 600px; background-size: 450%; background-repeat: no-repeat; background-color: black;}
#slideC { background: url("../img/idx-banner/idx-banner-xs.jpg"); width: 100%;  height: 100%; background-position: bottom center; height: 600px; background-size: 450%; background-repeat: no-repeat; background-color: black;}

.decal {width:140px; margin: auto;}

.services-box { height: 300px;}

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



.masthead#about { background-color: #dd3d31; }
.masthead#usedmachines { background-color: #dd3d31; }
.masthead#offer { background-color: #336600; }
.masthead#hirerental { background-color: #333333; }
.masthead#new { background-color: #23398e; }
.masthead#serviceparts { background-color: #330065; }
.masthead#contactus { background-color: #a3185c; }  
    


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media(min-width:768px) { 
    
 .decal {margin-top: 30px;}    
    
/*++++++++++++++NAV BAR  ITEMS +++++++++*/

.navbar-brand {
max-width:190px;

}

nav {
	font-size:10px;
	height:100px;
	background-image:url(../img/masthead-sm.jpg);
	background-repeat:repeat-y;
	background-position:center;
	}
	
.navbar-right {
    margin-top:40px;
    border-top: 1px solid #b2b2b2;
} 
    
.navbar-brand {
    padding-top: 20px;
	max-width:190px;
    
    }    

.portfolio-item p {font-size: 1.1em;} 
    
.navbar-collapse {
    
    background-image: url(../img/nav-bar-bg.png);
    background-position: top 13px right 10px;
    background-size: 300px auto;
    background-repeat: no-repeat;
    
    }  
    
.masthead { padding-bottom: 0px;}    
    
.masthead-inner#offers  { background-image:url(../img/inner-banners/truck-cut-out-1.png); background-position: right; background-size: contain; height: 175px; background-repeat:no-repeat;}
    
.masthead-inner#about  { background-image:url(../img/inner-banners/truck-cut-out-1.png); background-position: right; background-size: contain; height: 175px; background-repeat:no-repeat;}     
    
.masthead-inner#used   { background-image:url(../img/inner-banners/truck-cut-out-5.png); background-position: right; background-size: contain; height: 175px; background-repeat:no-repeat;}       
    
.masthead-inner#hire   { background-image:url(../img/inner-banners/truck-cut-out-1.png); background-position: right; background-size: contain; height: 175px; background-repeat:no-repeat;} 
    
.masthead-inner#newmachines   { background-image:url(../img/inner-banners/truck-cut-out-2.png); background-position: right; background-size: contain; height: 175px; background-repeat:no-repeat;} 
    
.masthead-inner#service   { background-image:url(../img/inner-banners/truck-cut-out-1.png); background-position: right; background-size: contain; height: 175px; background-repeat:no-repeat;}
    
.masthead-inner#contact   { background-image:url(../img/inner-banners/truck-cut-out-1.png); background-position: right; background-size: contain; height: 170px; background-repeat:no-repeat;} 
    
    
/*================================================
Carosel
==================================================*/
    
    h2.carousel-text {  font-size: 1.7em; }    

.carousel {
    height: 600px;
	margin-top:0px;
	border-bottom:#ce3328 5px solid;
	background-repeat:no-repeat;
    background-position:  bottom center;
	z-index:-9997; 
	}
    

#slideA { background: url("../img/idx-banner/idx-banner-1.jpg"); width: 100%;  height: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: black;}
#slideB { background: url("../img/idx-banner/idx-banner-2.jpg"); width: 100%;  height: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: black;}
#slideC { background: url("../img/idx-banner/idx-banner-3.jpg"); width: 100%;  height: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: black;}        



}


    
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media(min-width:992px) { 
    
.masthead-inner#about          {height: 175px;}    
.masthead-inner#offers          {height: 175px;}
.masthead-inner#used          {height: 175px;}     
.masthead-inner#hire            {height: 175px;} 
.masthead-inner#newmachines     {height: 175px;}          
.masthead-inner#service     {height: 175px;}
.masthead-inner#contact     {height: 175px;}        
/*++++++++++++++NAV BAR  ITEMS +++++++++*/

    p { font-size: 1.1em;}

nav {
	font-size:13px;
	height:105px;
	background-image:url(../img/masthead-md.jpg);
	background-repeat:repeat-y;
	background-position:center;
	}
	
.navbar {
	border-bottom:#23398e 6px solid;
	margin-bottom:0px;
		}
	
.navbar-right {
	   margin-top:50px;
        border-top: 1px solid #b2b2b2;
    background-color: transparent;
}

.navbar-brand {
	max-width:240px;
    }
    
.navbar-collapse {
    
    background-image: url(../img/nav-bar-bg.png);
    background-position: top 13px right 10px;
    background-size: 400px auto;
    background-repeat: no-repeat;
    
    }
    
.portfolio-item img {border: 4px solid #cccccc; margin: 20px; padding: 10px;}

.portfolio-item p {font-family: 'Montserrat', sans-serif, Arial, Helvetica,  sans-serif; font-size: 1.1em;}    
    
.portfolio-item p {font-size: 1.2em;} 

.portfolio-caption { margin-left: 20px; width: 100%;}    
    
 h3.ql { font-size: 20px; } 
    
    
/*================================================
Carosel
==================================================*/

.carousel {
    height: 600px;
	margin-top:0px;
	border-bottom:#ce3328 5px solid;
	background-repeat:no-repeat;
    background-position:  bottom center;
	z-index:-9997; 
	}
    

  

} 
    
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media(min-width:1200px) { 
    
.services-box { height: 250px;}
    
    
    
/*++++++++++++++NAV BAR  ITEMS +++++++++*/

   

.navbar {
		margin-bottom:0px;
    
}
    
.navbar-collapse {
    
    background-image: url(../img/nav-bar-bg.png);
    background-position: top 13px right 10px;
    background-size: 400px auto;
    background-repeat: no-repeat;
    
    }    

nav {
	font-size:16px;
	height:120px;
	padding-bottom:0;
	margin-bottom:0;
	
	background-repeat:repeat-y;
	background-position:center;

	
	}
	
	

	
.navbar-right {
margin-top:50px;
    border-top: 1px solid #b2b2b2;
    
}	

.navbar-brand {
max-width:300px;

} 
    
    h3.ql { font-size: 21px; }
    
    
/*================================================
Carosel
==================================================*/

.carousel {
    height: 600px;
	margin-top:0px;
	border-bottom:#ce3328 5px solid;
	background-repeat:no-repeat;
	z-index:-9997; 
	}
    

}