/* RESET 
------------------------------------------------*/
* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: "raleway", sans-serif;
}

.hs-btn.hs-highlighted {background:#0c591f; color:#fff!important;}
.inline {text-transform: none;}

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

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

p {font-size: 13px; padding:5px;}

h1,h2,h3,h4,h5 {text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: bold;}

.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 {padding:15px;}
.spacer-md {padding:30px 20px 60px;}
.spacer-lg {padding:100px 20px;}

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

*{
	box-sizing:border-box;
}

body { 
font-family: "raleway", sans-serif !important;
}

.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 
----------------------------------------------*/
.top-bar {background:#208248; overflow:auto; padding:10px; line-height:1;  text-align: right; color:#fff;}
.top-bar a {color:#fff; padding-right:20px;}
.top-bar p {margin: 0;}

.layer {position:absolute; z-index: 1;}

.header-pg {position:relative; display: inline-block; margin:0 auto; width:100%;}

.header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	position:absolute;
	z-index: 9;
	background:rgba(250,250,250,.5);
}

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

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

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

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; font-weight: bold;}

.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;}

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

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

.header-search {padding:30px;}

.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;
}

.main-bg {background:#818181; overflow: auto; padding:20px;}
.main-bg h1 {color:#fff; font-weight: bolder;}

.white-bg {background:url(/siteart/white-bg.png); overflow: auto; padding:10px;}

.finance {width:200px; margin-bottom: 25px;}
.finance-btn {background:#fff; padding:10px; margin-top:10px; }
.finance-btn:hover {background:#000; color:white!important; }

.location {background:#208248; overflow: auto; color:#fff!important; padding:50px 20px; height:300px;}
.location h2 {text-transform: none!important;}

/* INVENTORY
------------------------------------------------*/
.cf{background:#fff; }

.list-top-section .list-listings-count {color:#208248 !important;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#208248 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
	margin-bottom: 1em;
}

.hosted-content h4{
	font-size: 1.4em;	
	margin-bottom: 1em;
}

.currency-capital-price-container  {
	margin-bottom: 1em;
}

.currency-capital-price-container img {
	padding:10px;
}

.hosted-content h3{
	text-transform:none !important;
	font-size: 1.8em;
	margin-bottom: 1em;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	line-height: normal;
	font-size: 1em;
}
.hosted-content .machinelocation {font-size: 12px!important;}

.hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea {color:#fff!important;font-weight: bold;}



.list-container-flexrow .price-container .price,
.mobile-option-bar .mobile-option-bar-filter,
.listing-prices__retail-price {color:#208248 !important;}


#no-compare-listings,
.list-top-section .list-title .list-listings-count {color:#000 !important;}

.contact-options a {background:#333 !important;}

.list-container-flexrow .view-listing-details-link{background:#208248 !important;}

.compare-listings-container .compare-container .cs-btns a{background:#208248 !important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {color:#208248 !important;}

.selected-facet {padding: 8px 12px !important; color:#fff !important; background:#208248 !important;}
.list-content .list-error-container .info button {background:#208248 !important;}

.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button {color:#fff !important; background:#208248 !important;}

.show-all-modal .back-button {color:#208248 !important; border:1px #208248 solid !important}

.compare-chkbox-container .compare-listings .fa-check {top:3px !important; left:2px !important;}
.compare-checked span,
.compare-checked a{color:#208248 !important; text-decoration:none !important;}

.list-content .price-container .price {color:#208248 !important;}

.view-listing-details-link {background:#208248 !important;}



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

.green-bg {background:url(/siteart/green-pattern.png); background-size: cover; overflow: auto;}

.behind {position: relative; z-index: -1;}

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

			.cta {
			    overflow: auto;
				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: 350px;
				z-index:999;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color: #073211; font-weight: bold; line-height: 1; text-transform:uppercase; font-size:25px;  vertical-align: bottom; width:100%; padding:20px 10px; background:#fff; margin-bottom: -10px;}
			.cta a h2 strong { display: block; font-weight: 800; }
			.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/tractors-full.jpg); margin:10px; }
			.cta ul li .cta2 { background-image:url(/siteart/combines.jpg); margin:10px;}
			.cta ul li .cta3 { background-image:url(/siteart/planters.jpg); margin:10px;}
			.cta ul li .cta4 { background-image:url(/siteart/tillers.jpg); margin:10px;}

			.cta a:hover .overlay { background: rgba(8,102,85,.7); }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



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

.footer ul li a{
	color:#086655;
}

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


@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;
	}
}

@media screen and (max-width:992px){
	.margins {margin:15px 0!important;}
	h5 {font-size: 1.4em!important;}
	.header-search {text-align: center;}
	
	.tabs li {float: none!important; margin-bottom: 10px;}
	
}
@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;}
	.space {margin:5px!important;}
	
	.text-right {text-align: center!important;}
	
	.header {position: relative;}
	
	.header-search {display:none;}
	
	.top-bar {font-size: 12px; text-align: center;}
	
	
}

@media screen and (max-width:430px) {
	.top-bar p {font-size: 10px; text-align: center;}
}