/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,s
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 {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}

html, body {margin: 0;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

*, *:before, *:after {
  -webkit-box-sizing: inherit; 
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

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

a:link {text-decoration: none; color: inherit;}

a:visited {color:inherit;}

a:hover{text-decoration: none; color:inherit;}

a:active {color: #000;}

body a{color: #000; margin: 0;}

p {font-family: 'Raleway', sans-serif, Arial;}

h1, .h1 {font-family: 'Raleway', sans-serif, Arial; font-weight: bold; color: #2F6C31; text-transform:capitalize; font-size:35px;}

/* Hides giant arrows that show up on inventory pages on Chrome */
.container.cf .widgets svg[class*="fa"], .container.cf .widgets-details svg[class*="fa"] {display: none !important;}
 
/*=======================
		  HEADER
=========================*/
.default {
	background-image:url(../siteart/textured-bg.jpg);
}

.peeklogo, a.peeklogo {
	font-size:55px;
	display: block; 
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-transform: capitalize;
	width: 40%;
	padding: 2% 0 0 1%;
	text-shadow: 2px 2px 8px #000;
}

.peeklogo:hover, a.peeklogo:hover {
	color: #F2E828!important;
}

.top {
	background: #000; 
	background-image:url(../siteart/header-bg.jpg);
	background-size: cover;
	height: 150px;
}

.headerinfo {
    width: 565px;
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
	text-align:center;
	padding: 20px;
	font-size:20px;
	text-shadow: 2px 2px 8px #000;
}

.info-left:hover, .info-right:hover {
	color: #FEE80F;
}

.info-left, .info-right {
	display: inline-block;
	width: 40%;
	vertical-align: top;	
}
/*=======================
		SLIDESHOW
=========================*/

.cycle-slideshow {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
	top:0;
}

.cycle-slideshow img {
	width: 100%;
	height: auto;
	display: block;
}

/*=======================
     BUTTON SECTION
=========================*/
.button-wrap {
	overflow: hidden;
	text-align: center;
	width: 100%;
	display: inline-block;
	height: 398px;
	vertical-align: top;
}

.button1, .button2, .button3, .button4, .button5, .button6 {
	display: inline-block;
	background: #000; 
    width: 15%;
    margin: 1% .7% 1% .5%;
	height: 360px;
}

.fade {
	-webkit-transition:.4s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.button1 {
	background-image:url(../siteart/ag.jpg);
	background-size:cover;
}
.button2 {
	background-image:url(../siteart/harvester.jpg);
	background-size:cover;
}
.button3 {
	background-image:url(../siteart/all-ag.jpg);
	background-size:cover;
}
.button4 {
	background-image:url(../siteart/trailer.jpg);
	background-size:cover;
}
.button5 {
	background-image:url(../siteart/rotary.jpg);
	background-size:cover;
}
.button6{
	background-image: url(../siteart/precision.jpg);
	background-size: cover;
}
.button1:hover {
	background-image:url(../siteart/ag-color.jpg);
	background-size:cover;
}
.button2:hover {
	background-image:url(../siteart/harvester-color.jpg);
	background-size:cover;
}
.button3:hover {
	background-image:url(../siteart/all-ag-color.jpg);
	background-size:cover;
}
.button4:hover {
	background-image:url(../siteart/trailer-color.jpg);
	background-size:cover;
}
.button5:hover {
	background-image:url(../siteart/rotary-color.jpg);
	background-size:cover;
}
.button6:hover {
	background-image: url(../siteart/precision-color.jpg);
	background-size: cover;
}
    
.button-text {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 360px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 700;
	text-shadow: 2px 2px 8px #000;
}

.nowrap {
	white-space: nowrap 
}

.rotary {font-size: 26px;}

.btn a {
	color: #fff!important;
}

/*=======================
	   FINANCE BAR 
=========================*/
.financing-bar {
	width: 100%;
	text-transform:capitalize;
	text-align: center;
	background-color: #FEE80F;
	color: #306D32;
	font-family: 'Raleway', sans-serif, Arial;
    font-size: 40px;
    font-weight: 600;
    padding: 35px;
}

.fa-dollar-sign { 
	margin-right: 8px;
	font-size: 44px;
}

.financing-bar p:hover {
	text-decoration: underline;
	font-weight: 900;
}

/*=======================
   MAP/CONTACT SECTION 
=========================*/
.contact-section-wrap {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 1.5% 1% 1% 1%;
	height: auto;
}
.map {
	width: 71%;
	height: 450px;
	display: inline-block;
}

.contact-box {
    width: 27.5%;
    display: inline-block;
	background: #000; 
    background-image: url(../siteart/contact-bg.jpg);
    background-size: cover;
    height: 450px;
    vertical-align: top;
	padding: 20px 20px 20px 45px;
	margin-left: 1%;
}

.contact-text{ 
	font-size: 24px;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
	width: 80%;
	padding-left: 5%;
	margin-top: 15px;
	color: #fff;
}

.contact-text a:hover {
	color:#F2E828;
}

#contact-icons {
	font-size: 40px;
	color: #214C22;
	display: inline-block;
	vertical-align: top;
	width: 10%;
	margin-top: 15px;
}
#contact-icons:hover {
	color:#F2E828;
}
/*=======================
 	SCROLLING INVENTORY
=========================*/
.scrolling-wrap {
	width: 100%;
    overflow: hidden;
    padding: 15px 0 9px 0;
    background-color: #2F6C31;
    height: 120px;    
	position: relative;
}
 
.scrolling {
    width:100%;
    height:auto;
}
	
/*=======================
	 INVENTORY PAGES 
=========================*/

.container.cf {
	background-color: #fff;
}

.container.cf {
	width: 80%;
	margin: 0 auto;
}

.container.cf a {
	color: #000;
}

body .full .inner-wrap {
	text-align:left;
}

.hosted-content #listings-title {
	padding-top: 20px;}

/*=======================
 		 STAFF
=========================*/
.green-bg {
	width: 90%;
    text-align: center;
    margin: 0 auto;
    background-color: #9AAC9C;
    padding: 30px;
    margin-bottom: 50px;
}

.flexcontain {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  margin: 0 auto;
  padding: 2% 0;
}

.gridlink {
	display: inline-block;
    margin-bottom: 8px;
    width: calc(32% - 4px);
    /* margin-right: 8px; */
    text-decoration: none;
    margin-left: 8px;
}

.gridlink:nth-of-type(2n) {
  margin-right: 0;
}

figure {
  margin: 0 auto;
  overflow: hidden;
  text-align:center;
  background: rgba(255,255,255,0.5);
  height: auto;
}

figcaption {
    margin: 3% 0;
    font-family: 'Open Sans', sans-serif, Arial;
	display:inline-block;
	position: relative;
	width: 85%;
	vertical-align: top;
    font-size: 20px;
    line-height: 24px;
	text-align: center;
	
}

.flexcontain img {
  border: none;
  max-width:50%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 3%;
  background: #ccc;
  -webkit-box-shadow: 0px 15px 30px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 15px 30px -3px rgba(0,0,0,0.6);
  -box-shadow: 0px 15px 30px -3px rgba(0,0,0,0.6);
}
/*=======================
		CONTACT US
=========================*/

.main-wrap {
	width: 100%;
	margin: 0 auto;
	background-image:url(../siteart/textured-bg.jpg);
	text-align: center;
	padding-bottom: 50px;
}
.topdiv {
	width: 80%;
	padding: 30px;
	margin: 0 auto;
}
.topdiv h1, .topdiv .h1{
    font-family: 'Raleway', sans-serif, Arial;
    weight: bold;
    color: #306D34;
    text-transform: capitalize;
    font-size: 55px;
	text-shadow: 2px 2px 5px #2D2D2D;
}
.address {
	text-align: center;
	line-height: 10px;
    padding: 0 5% 2% 5%;
	text-transform: uppercase;
}

.contact-form{
	width:80%;
	text-align: center;
	margin: 0 auto;
	background-color:#9AAC9C; 
	padding: 30px;
	margin-bottom: 50px;
}

.contact-form form {
	width:75%;
	margin:0 auto;
	display:block;
}

.contact-form form input {
	width:100%;
	padding:.75%;
	margin:5px 0 5px 0;	
	border-width: 1px;
	font-family: 'Raleway', sans-serif;
}
.contact-form form select {
	width: 100%;
	padding:.75%;
	margin:1% 0 0 0;	
}
.contact-form form label {
    width: 100%;
    display: block;
    margin: .5% 0 0 0;
    color: #1e431f;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
.contact-form form textarea {
    width: 100%;
    display: block;
    font-family: 'Raleway', sans-serif;
    border-width: 1px;
    margin: 0;
}
.contact-form form input.button {
    background: #2F6C31;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    width: 70%;
}
.contact-form form input.button:hover {
	box-shadow:#393939 4px 4px 4px;
	color: #fff;
}
.thankyou { 
	width: 98%;
	display: inline-block;
	text-align: left;
}

.thankyou p{
	padding: 10px 15px 10px 25px;
}
.contact-form p {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	font-weight: 600;
	margin: 20px 0 10px 0;
	color:#1e431f;
}

/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
font-family: 'Raleway', sans-serif;
}
.CaptchaImagePanel {
margin:0 0 0 0;
padding: 15px 5px 10px 5px!important;
}
.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:14px;
line-height:14px;
color: #1e431f;
}
.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}
.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.CaptchaWhatsThisPanel a{
	color: #1e431f!important;
}

/*=======================
	  INVENTORY
=========================*/

button.selected-facet { background: #2f6c31!important; }
button.selected-facet svg:not(:root).svg-inline--fa { margin-right: 5px; }
button.faceted-show-all-btn:hover { background: #808285!important; }
a.listing-widget__link:hover { color: #fff!important; }
a.view-listing-details-link { background: #2f6c31!important; color: #fff!important; }
a.view-listing-details-link:hover { background: #245225!important; color: #fff!important; }
.body-wrapper { padding-top: 20px; }
p.listing-description-text { text-align: left!important; }
.collapsible-contact-list-item svg:not(:root).svg-inline--fa { margin-right: 8px; }
.contact-btn svg:not(:root).svg-inline--fa { margin-right: 8px; }
.detail__specs { text-align: left!important; }
.detail__specs h3 { color: #2f6c31!important; }
.dealer-contact__details { text-align: left!important; }
.detail__heading { text-align: left!important; }
.detail__breadcrumbs { text-align: left!important; }

/*=======================
		FOOTER
=========================*/

footer {
	width: 100%;
	background-color: #57899f;
	color: #000;
	position: absolute;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-align: center; text-decoration:underline; font-family:'Open Sans', sans-serif, Arial;font-size:13px; color:#2F6C33;}
a.footerlink:hover {text-decoration:none; font-family:'Open Sans', sans-serif, Arial;font-size:13px;}

.footertext{font-family:'Open Sans', sans-serif, Arial;font-size:13px; color:#2F6C33;}

.smallfootertext{font-family:'Open Sans' Arial, Helvetica, sans-serif;font-size:10px; color:#2F6C33;}

.divfooter {width:100%; text-align:center; margin:0 auto;background-color: #E7E7E7; padding:20px;}
/*=======================
	  MEDIA QUERIES
=========================*/
@media screen and (max-width: 1500px)  {
.contact-box{padding: 21px 20px 20px 13px;}
.contact-text {font-size: 20px;}
.button-text {font-size: 25px;}
.rotary {font-size: 22px;}
}

@media screen and (max-width: 1325px) {
.peeklogo, a.peeklogo {font-size: 50px; padding: 4.5% 0 0 0; text-shadow: 2px 2px 8px #000; text-align: center; margin: 0 auto; width: auto;}
.info-text {display:none;}
.headerinfo {width: 120px; right: 10px; top: 0; font-size: 22px;}
.button1, .button2, .button3, .button4, .button5, .button6 {height: 285px;}
.button-text {line-height: 300px; font-size: 20px;}
.button-wrap { height: 310px;}
.rotary {font-size: 18px;}
}

@media screen and (max-width: 1105px)  {
.rotary {font-size: 16px;}
.contact-text {font-size: 18px;}
.peeklogo, a.peeklogo {font-size: 40px; padding: 35px 0 0 0;}
.top {height: 120px;}
.button-text { font-size: 18px;}
.contact-box h1, .contact-box .h1 {font-size: 28px; text-align: center;}
.contact-box p {word-wrap:break-word;}
.gridlink {
	display: inline-block;
    margin-bottom: 8px;
    width: calc(50% - 15px);
    /* margin-right: 8px; */
    text-decoration: none;
    margin-left: 8px;
}
}

@media screen and (max-width: 985px)  {
.button1, .button2, .button3, .button4, .button5, .button6 {width: 96%; margin: 2% 2% .5% 2%; height: 235px;} 
.button-wrap {height: auto;}
.button-text {font-size: 40px; line-height: 253px;}
.rotary {font-size: 40px; line-height: 253px;}
.financing-bar {margin:15px 0 18px 0;}
.contact-section-wrap {padding: 0;}
.map {width: 100%; height: 230px!important;}
.contact-box {width: 100%; height: 210px; margin-left: 0; padding: 15px; text-align: center;}
.contact-text {font-size: 18px; vertical-align: top; width: 25%; padding-left: 0; margin-top: 15px; color: #fff;}
#contact-icons {width: 5%;}
.contact-box h1, .contact-box .h1 {font-size: 35px; text-align: center; margin-top: 20px;}
.contact-form form { width: 90%;}
.contact-form form input { height: 35px;}
.topdiv h1, .topdiv .h1 {font-size: 48px;}
}

@media screen and (max-width: 635px)  {
.peeklogo, a.peeklogo {font-size: 30px; padding: 55px 0 0 0;}
.contact-text {font-size: 18px; width: 100%}
.contact-box h1, .contact-box .h1 {font-size: 28px;}
#contact-icons {font-size: 24px; width: 100px; margin: 0;}
.financing-bar {font-size: 30px; margin: 12px 0 14px 0;}
.contact-box {height: auto;}
.contact-form {padding: 30px 0;}
.flexcontain {width:100%;}
.green-bg {padding: 5px;}
}

@media screen and (max-width: 415px) {
.button1, .button2, .button3, .button4, .button5, .button6 {height: 180px;} 
	figcaption {font-size: 16px;}
.button-wrap {height: auto;}
.button-text {font-size: 32px; line-height: 195px;}
.rotary {line-height: 190px;}
.green-bg {width: 100%;}
.peeklogo, a.peeklogo {font-size: 27px;}
.contact-form {width: 100%;}
.contact-form form {width: 95%;}
.topdiv h1, .topdiv .h1 {font-size: 30px;}
.container.cf {width: 100%;}
.headerinfo {top: 0; font-size: 20px; padding: 13px;}
#menu-button a {font-size: 27px!important; padding: 0 0 0 0.4em!important;}
#menu-button {line-height: 52px!important;}
}