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


a {
	color:#333;
	text-decoration: none;
	font-weight: 700;
}

a:hover{
	color:#01294f;
	text-decoration:none;
}

p{
	padding:20px;
}

.spacer {padding:10px;}

h1,h2,h3,h4,h5 {text-transform: uppercase;}

.img-responsive {width:100%;}

.last {border-right:none;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both!important;}
.left {float:left;}
.right {text-align:right;}
.none{display:none;}
.center {text-align: center;}

.spacer-md {padding:30px 20px;}
.spacer-lg {padding:100px 20px;}

.bolder {font-weight: 800!important;}

*{
	box-sizing:border-box;
}

body { 
	overflow-x: hidden;
	line-height: 1.6;
}

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

.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 
----------------------------------------------*/
.very-top {border-top: 5px solid #fcd20b;}
.header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	position:relative;
	z-index: 9;
}

.logo{
	text-align:center;
	margin:0 auto;
	display:inline-block;
	padding:20px 0 0 0;
}
.logo img{
	width:100%;
	margin:0 auto;
	display:inline-block;
}


.last {border-right:none!important;}

.widths {width:47%; float: left;}

.yellow-bg {background:url(/siteart/yellow-bg.png); overflow: auto; width:100%; background-size: cover; padding-bottom: 15px;}

.yellow-btn {background:#fcd20b; padding:10px; color:#01294f; margin:10px!important;}
.yellow-btn:hover {background:#05539c;  color:#fff!important;}

ul.secondary li  { padding:15px 0 0; display:inline-block; vertical-align: middle}
ul.secondary li a {border-right:1px solid #444; padding:0px 10px; font-weight: 500; text-transform: uppercase; font-size: 12px;}

ul.tertiary li {display:block; list-style:none; padding:5px 0; text-align: left;}
ul.tertiary li a {color:#fff!important; font-weight: bold!important;}
ul.tertiary li a:hover {color:#fcd20b!important;}

.contact-top {padding:15px 0;}
.contact-top a {padding-right:20px; font-size: 14px;}
.contact-top img {width:17px; margin-top: -5px; display:inline-block;}

.white {color:#fff!important;}
.yellow {
	background: #fcd20b;
    width: 100%;
    border: none;
    height: 40px;
    padding: 5px 15px!important;
    text-decoration: none;
    border-radius: 2px;
    transition: ease-in .3s;
    color: #05539c!important;
    font-weight: 800!important;
    cursor: pointer;
}

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

.blue-bg{background:#05539c; overflow: auto; padding:30px;}
.blue-bg h1 {color:#fff;}

.searchBar {padding:25px;}

.harvest-bg {background:url(/siteart/harvest-bg.jpg); 
	overflow: auto;
/* Set a specific height */
  min-height: 400px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position-y:100px;
  background-size: cover;
  color:#fff;
}

.mfg {overflow: auto;}
.mfg img {margin:10px 25px; display: inline-block}

.mfgs {width:100%}

a#nh-parts img {width: 100%; max-width: 222px; height: auto;}
a#nh-parts img:hover {opacity: .8; transition: .2s all ease-in-out;}
a#nh-parts p {font-size: 20px;}

.parts-logos {text-align: center; border-bottom: 1px solid #ddd; margin: 1em auto 2em!important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.parts-logos h4 {width: 100%; display: block; margin-bottom: .25em;}
.parts-logos a {width: calc(20% - 1em); margin: .5em; padding: 10px;}


/* Fade
------------------------------------*/

@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.fade-in {
  animation: fadeIn .5s ease forwards;
}

.fade-in-two {
  animation: fadeIn 2.0s ease forwards;
}

.fade-in-three {
 animation: fadeIn 4.0s ease forwards;
}



@keyframes topFadeOut {
  0% {
    position: absolute;
    top: -3rem;
    opacity: 0;
  }

  75% {
    position: absolute;
    top: 7.5em;
    opacity: 1;
  }

  100% {
    opacity: 1;
	
  }
}


.first-text {
  position: absolute;
  opacity: 1;
  animation-name: topFadeOut;
  animation-duration: 8s;
  color: white;
}


/* =============================================================================
     CTA                                                             
============================================================================= */

			.cta {
			    overflow: auto;
				background: #fff;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
			}
			.cta ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 300px;
				z-index:999;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:middle;
			}
			.cta a h2 { color: #fff; font-weight: 200; line-height: 1; font-family: 'Poppins', sans-serif; text-transform:uppercase; font-size:25px;  vertical-align: middle; width:100%; padding:10px;}
			.cta a h2 strong { display: block; font-weight: 500; }
			.cta a:hover { opacity: 1; }
			.cta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}
			.cta ul li .cta1 { background-image:url(../siteart/new.jpg); margin:10px; }
			.cta ul li .cta2 { background-image:url(../siteart/used.jpg); margin:10px;}
			.cta ul li .cta3 { background-image:url(../siteart/rentals.jpg); margin:10px;}

			.cta a:hover .overlay { background: rgba(252,210,11,.30); }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }




/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#01294f;
	padding: 30px 0;
	overflow: auto;
	display: inline-block;
}

.footer a{
	color:#eaeaea;
}

.footer a:hover{
	color:#fcd20b;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}
.footer img {display:inline-block; padding-bottom: 15px; width:120px;}


@media screen and (max-width:1500px){
	.carousel-caption {
		right:55%!important;
	}
}

@media screen and (max-width:1090px){
	.carousel-caption {
		right:25%!important;
		bottom:25%!important;
	}
	.widths {width:95%; margin: 0 auto;}
	
	.parts-logos a {width: calc(33.33% - 1em);}
}

@media screen and (max-width:992px){
	.margins {margin:15px 0!important;}
	h5 {font-size: 1.4em!important;}
	
	
}
@media screen and (max-width:768px){
	.yellow-bg {background:#fcd20b; }
	.logo {margin-bottom: 15px;}
	
	.carousel-caption {
		display:none;
	}
	
	ul.tertiary li {text-align: center;}
	ul.tertiary  {padding-bottom: 20px;;}
	
	.spacer-lg {padding-top:30px;}
	
	ul.tertiary li {font-size: 16px; margin-bottom: 10px;}
	.mfgs {width:50%}
	
	.harvest-bg {background-attachment: inherit; background-position-y: inherit;}
}

@media screen and (max-width:500px) {
	.parts-logos a {width: calc(50% - 1em);}
}