﻿/***** 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,
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;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}
/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #a20800;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*--- HEADER STYLES ---------------------*/
.header {display: flex; flex-wrap: wrap; box-sizing: content-box;}
.topheader{display: flex;border-top: #ffe400 solid 50px; width: 100%; justify-content: flex-end;}
.navinfo{display: flex; position: relative; top: -10px;}
.headerinfo {
    background: #a20800;
    color: #fff;
    padding: 10px 15px;
    margin: 0px 5px;
}
.headerinfo i{
	 color: #fff;
	 font-size: 20px;
}
.lgheaderinfo {
    background: #a20800;
    color: #fff;
    padding: 10px 120px 10px 18px;
    margin: 0px 0px 0px 5px;
}
.lgheaderinfo i{
	 color: #fff;
	 font-size: 20px;
	  padding: 0px 20px 0px 0px;
}
.lgheaderinfo a{
	 color: #fff;
	 font-family: 'Bai Jamjuree', sans-serif;
	 font-weight: 600;
}
.lgheaderinfo a:hover{
    color: #f3f3f3;
}
.bottomheader{
	display: flex;
    align-items: flex-start;
    padding: 0px 60px;
    width: 100%;
    justify-content: space-between;
}
.navsect{padding-right:80px; width: 72%; }
.logosect{position: relative; top:-50px;}
/*---BODY--------------------------------*/
.red{color: #a20800;}
.black{color: #000000;}
.white{color: #ffffff;}
.heroslides{height: 750px; }
.heroslider1{background: url("/siteart/gowan-hero-img1.jpg");background-size: cover; background-repeat: no-repeat; background-position: center;}
.heroslider2{background: url("/siteart/gowan-hero-img2.jpg");background-size: cover; background-repeat: no-repeat;  background-position: center;}
.heroslider3{background: url("/siteart/gowan-hero-img3.jpg");background-size: cover; background-repeat: no-repeat;  background-position: center;}
.herotextsect{position: relative; bottom: 440px; text-align: center;}
.heroheader{font-family: 'Bai Jamjuree', sans-serif; color: #fff;font-size: 75px; text-shadow: -2px 1px 6px #0000006e; line-height: 65px;}
.heropara{font-family: 'Bai Jamjuree', sans-serif; color: #fff; font-size: 36px; text-shadow: -2px 1px 6px #0000006e;}
.redbtn{background: #a20800;
    color: #fff;
    width: 240px;
    font-family: 'Bai Jamjuree', sans-serif;
    display: block;
    padding: 10px 0px;
    margin: 10px 20px;
	font-weight: 600;
	transition-duration: 0.5s;
}
.redbtn:hover{background: #6f0500;}
.herobtns{display: flex; justify-content: center;}
.triangle{border-left: 130px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 120px solid #a20800;
	width: 1px;
}
.hp-about-sect {
    display: flex;
    padding: 0% 5%;
	position: relative;
	bottom: 85px;
	align-items: center;
}
.hp-about-left {
    width: 50%;
    padding-right: 18%;
}
.largeheader{
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 38px;
	padding-bottom: 20px;
}
.medheader{
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 30px;
	padding-bottom: 20px;
}
.smheader{
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 20px;
	padding-bottom: 20px;
}
.paratext{	
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 16px;
	padding: 10px 0px 30px 0px;
	line-height: 32px;

}
.lgparatext{	
	font-family: 'Bai Jamjuree', sans-serif;
	font-size: 18px;
	padding: 55px 0px 50px 0px;
	line-height: 32px;

}
.underline-btn-red{
	font-family: 'Bai Jamjuree', sans-serif;
	color: #000;
	border-bottom: 5px solid #a20800;
	padding: 5px 15px;
	font-weight: 700;
	transition-duration: 0.5s;
}
.underline-btn-wht{
	font-family: 'Bai Jamjuree', sans-serif;
	color: #fff;
	border-bottom: 5px solid #fff;
	padding: 5px 15px;
	font-weight: 700;
	transition-duration: 0.5s;
}
.underline-btn-blk{
	font-family: 'Bai Jamjuree', sans-serif;
	color: #000;
	border-bottom: 5px solid #000;
	padding: 5px 15px;
	font-weight: 700;
	transition-duration: 0.5s;
}
.underline-btn-red:hover{
	padding: 8px 25px;
}
.underline-btn-wht:hover{
padding: 8px 25px;
}
.underline-btn-blk:hover{
padding: 8px 25px;
}
.hp-about-right{
	width: 32%;
}
.hp-third-btns {
	height: 78px;
    padding: 30px 35px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: stretch;
    margin-bottom: 28px;
    border-left: solid 25px #a20800;
}
.full-width{width: 100%;}
.full-width-center{width: 96%; display: flex; justify-content: center; flex-wrap: wrap; padding-left: 2%; padding-right: 2%; align-content: center;}
.trianglebkgd{background: url("/siteart/blk-triangle-bkgd.jpg"); background-repeat: no-repeat; background-size: cover; text-align: center; height: 325px; }
.trianglebkgd h4{width: 100%;}
.trianglebkgd p{width: 100%;}
.rightalign{
	width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.hp-contact-sect{
	display: flex;
    margin: 70px 5%;
    justify-content: space-between;
    align-items: flex-end;
}

.hp-contact-image {
    width: 60%;
}
.hp-contact-image img{
    width: 100%;
}
.hp-contact-right{
	    width: 30%;
}
.hp-contact{display: flex; margin: 35px 0px;}
.hp-contact-icon {
    font-size: 24px; width: 65px;
}
.hp-contact-info a{ color: #000;font-family: 'Bai Jamjuree', sans-serif; font-size: 18px;
}
.hp-contact-info a:hover{ color:#454545;}
.titleunderline{
	height: 8px;
    width: 80%;
    background: #a20800;
    text-align: right;
}
.secondary-page-title {
    padding: 20px 5%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-start;
	overflow: hidden;
}
.page-header {
    padding-left: 42px;
}
.smtriangle {
    border-left: 80px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 75px solid #a20800;
    width: 1px;
}
.consignform{padding: 10px 5% 60px 5%;}
.locationpage {
    display: flex;
    padding: 2% 10% 6% 10%;
    width: 80%;
    flex-wrap: wrap;
}
.half {
    width: 50%;
}
.location {
    padding: 35px 0px;
}
.lpmap {
    width: 100%;
    height: 415px;
}
.redslantline {
    border-bottom: 45px solid #a20800;
    border-left: 25px solid transparent;
    border-right: 0px solid transparent;
    height: 0;
    width: 35%;
    position: relative;
    bottom: 15px;
}
.aboutpage{padding: 0% 10%; display: flex; flex-wrap: wrap;}
.contactpage{padding: 1% 10% 0% 10%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.centeralign{display: flex; justify-content: center; text-align: center;}
.centeralign p{width: 75%;}
.about-third-sect{margin: 90px 0px 175px 0px; width: 100%; display: flex; justify-content: space-between;}
.about-btn-left{
	padding: 0px 0px 24px 0px;
    margin-bottom: 30px;
	width: 60%;
}
.about-btn-left .underline-btn-red{
	padding: 5px 15px 5px 0px;
   transition-duration: 0.5s;
}
.about-btn-left .underline-btn-red:hover{
	padding: 5px 25px 5px 0px;
   
}
.about-btn-right{
	display: flex;
    align-items: flex-end;
    justify-content: flex-end;
	width: 40%;
}
.about-third{
	width: 28%;
    display: flex;
    background: #f1f1f1;
    justify-content: space-between;
    padding: 45px 0px 0px 40px;
}
.contactform {
    width: 56%;
	padding-bottom: 50px;
}
.contactright {
    width: 18%;
    background: #a20800;
    padding: 5% 3%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}
.contactlinks {
    width: 100%;
    display: inline-block;
    color: #fff;
    font-family: 'Bai Jamjuree';
    padding: 4px 0px;
}
.contactlinks:hover {
 color: #f3f3f3;
}
.contactcard {
    padding: 40px 20px;
}
.contactcard h3{
    padding-bottom: 0px;
}
.mobilefooterlogo{display: none;}
/*--------FORM STYLES--------------------*/
.thirdformfield {
    width: calc(33.3% - 37px);
    padding: 0px 10px;
    margin: 10px 10px 10px 0px;
    height: 40px;
	font-family: 'Bai Jamjuree', sans-serif;
}
.fullformfield{
    width: calc(100% - 37px);
    padding: 0px 10px;
    height: 40px;
    margin: 10px 0px;
	font-family: 'Bai Jamjuree', sans-serif;
}
.comments{
    width: calc(100% - 37px);
    padding: 10px 10px;
    height: 150px;
    margin: 10px 0px;
	font-family: 'Bai Jamjuree', sans-serif;

}
.submit{    
	background: #a20800;
    color: #fff;
    width: 200px;
    font-family: 'Bai Jamjuree', sans-serif;
    display: block;
    padding: 8px 0px;
    margin: 10px 0px;
    font-weight: 600;
    border: none!important;
	cursor: pointer;
}

.CaptchaPanel{
margin: 0px!important;
text-align: left!important;
padding: 0px!important;
font-family: 'Bai Jamjuree', sans-serif!important;

}
.CaptchaMessagePanel{
	font-size: 14px;
}
.CaptchaWhatsThisPanel a{
	color: #000!important;
	font-size: 14px!important;

}
.thankyoupage {
    text-align: center;
	padding: 20px 0px 145px 0px;
}
.linebreak{width: 100%;}
/*-------- FOOTER STYLES ----------------*/
.footer{ flex-wrap: wrap; display: flex; background: #282828; justify-content: space-between; align-items: center; padding-top: 20px; box-sizing: content-box;}
.footerbottom{	border-bottom: 20px solid #ffe400;
	border-left: 25px solid transparent;
	border-right: 0px solid transparent;
	height: 0;
	width: 80%;}

.footerright{display: flex; width: 40%; align-items: center; padding-bottom: 20px;}
.footerleft{font-family: 'Bai Jamjuree'; padding-left: 5%; width: 35%; padding-bottom: 20px;}
.footerlink{ color: #fff; margin: 0px 12px; font-weight: 600; font-size: 15px; font-family: 'Bai Jamjuree'; }
.footercenter{width: 20%; text-align: center; padding-bottom: 20px;}
.footerhours{padding: 0px 20px;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventory-padding{ padding:40px 0px; font-family: 'Bai Jamjuree', sans-serif!important;}
.list-top-section .list-title .list-listings-count{color: #a20800!important;}
.list-content .price-container .price{color: #a20800!important;}
.view-listing-details-link{background:#a20800!important; border-radius: 0px!important;}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text{background: #000!important;  border-radius: 0px!important;}
.faceted-search-content .selected-facets-container .selected-facet{background:#a20800!important;}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
    padding: 6px 30px!important;
    border-bottom: 4px solid #000!important;
	border-top: none!important;
	border-left: none!important;
	border-right:none!important;
    border-radius: 0px!important;
    background-color: #f3f3f300!important;
    color: #a20800!important;
    margin: 0px 12px!important;
}
.list-top-section .list-title .list-title-text{font-family: 'Bai Jamjuree', sans-serif!important; font-size: 2em!important; text-transform: uppercase!important; font-weight: 800!important;}
.list-content .listing-portion-title{font-family: 'Bai Jamjuree', sans-serif!important;}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{color: #a20800!important;}
.mobile-option-bar .mobile-option-bar-filter{color: #a20800!important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button{background:#a20800!important;}
.list-content .list-error-container .info button:not(.login-button){background:#a20800!important;}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1675px) {
	.footerlink{font-size: 14px;}	
	
}
@media only screen and (max-width: 1570px) {
.contactright {
	width: 25%;}
.logosect img{ width: 230px;}	
.navsect {
    padding-right: 50px;
    width: 80%;
}
.bottomheader{position: relative; top: -20px;}
.logosect{top: -26px;}
.footercenter {width: 12%;}
.footercenter img{width: 140px;}
.footerright{width: 42%;}
.footerleft{width: 42%; padding-left: 2%;}
.footerhours {padding: 0px 8px;}
.footerlink{margin: 0px 6px;}
.about-third{width: 30%; padding: 45px 0px 0px 20px;}
.about-btn-left {  width: 80%;}
.about-btn-right{width: 20%;}
}


@media only screen and (max-width: 1440px) {
	.logosect img {
    width: 190px;
	}
	.navsect {
    padding-right: 50px;
    width: 75%;
	}	
	.bottomheader{top: -10px; padding: 0px 30px;}
	.navinfo{top: -20px;}
	.headerinfo i {
    font-size: 14px;
	}
	.lgheaderinfo i {
	font-size: 14px;
	}
	.lgheaderinfo  {
	font-size: 14px;
	}
	.hp-contact-sect{align-items: center;}
}
@media only screen and (max-width: 1310px) {
	.contactright {
		width: 30%;}


}

@media only screen and (max-width: 1192px) {
	.footercenter{display: none;}
	.mobilefooterlogo { display: block; width: 100%; text-align: center;}
	.footerleft { width: 52%; padding-left: 1%;}
	.footerright { width: 46%; }
}
@media only screen and (max-width: 1170px) {
	.hp-about-sect{  flex-wrap: wrap;}
	.hp-about-left {
    width: 100%;
    padding-right: 0%;
}
	.hp-about-right {
    width: 100%;
    padding-top: 100px;
}
	.trianglebkgd{
	position: relative;
    bottom: 50px;	
	}
}
@media only screen and (max-width: 1120px) {
	.navsect {
    padding-right: 20px;
    width: 75%;
}
	.half {
    width: 100%;
}
	.about-third-sect {
		margin: 35px 0px 175px 0px; flex-wrap: wrap;}
	.about-third {
    width: 100%;
    padding: 45px 0px 0px 20px;
    margin: 10px 0px;
	flex-wrap: wrap;
	}
	.about-btn-left {
    width: 100%;
	}
	.about-btn-right {
    width: 100%;
	margin-top: -90px;
}
	.centeralign p {
    width: 100%;
}
	.hp-about-sect{ bottom: 160px;}
}
@media only screen and (max-width: 970px) {
.footerleft {
    width: 100%;
    padding-left: 0%;
	text-align: center;
	padding-top: 12px;
	}
	.footerright {
    width: 100%;
    text-align: center;
	justify-content: center;
}
	.aboutpage {
	padding: 0% 5%;}
	.contactpage {
		padding: 1% 5% 0% 5%;}
	.locationpage{
	padding: 2% 5% 6% 5%;
    width: 90%;	
	}
	.hp-contact-sect{
		flex-wrap: wrap-reverse; margin: -12px 0% 0px 0%;
	}
	.hp-contact-right {
    width: 92%;
    padding-left: 8%;
	}
	.hp-contact-image img{display: none;}
	.hp-contact-image{background: url("/siteart/mobile-tractor-image.jpg"); background-size: cover; width: 100%; height: 300px; background-position: center;}
}
@media only screen and (max-width: 900px) {
	.contactform {
		width: 100%;}
	.contactright {
    width: 100%;
}
.contactright h2{
    width: 100%;
}
	.contactcard {
    padding: 12px 20px;
    width: 40%;
}
}
@media only screen and (max-width: 720px) {
.footerhours {
    padding: 0px 8px;
    width: 100%;
}	
	.footerright{
	    flex-wrap: wrap;	
	}
	.footerlink{
		width: 100%;
    	display: block;
		margin: 5px 0px;
	}
	.largeheader {
	    font-size: 32px;
		padding-bottom: 8px;
	}
	.smtriangle {
    border-left: 55px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 55px solid #a20800;
    width: 1px;
}
	.page-header {
    padding-left: 20px;
}
	.thirdformfield{ width: calc(100% - 37px);}
	.lgparatext{    
	font-size: 15px;
    padding: 20px 0px;
    line-height: 30px;}
	.heroheader{
	font-size: 60px;
	line-height: 50px;
	}
	.herotextsect{
	    bottom: 430px;	
	}
	.heroslides {
    height: 530px;
}
	.heropara{font-size: 28px;}
}
@media only screen and (max-width: 615px) {
	.lgheaderinfo {
    padding: 10px 40px 10px 18px;
}
	.navsect{display: none;}
	.bottomheader {
    display: flex;
		align-items: center;
	    padding: 0px 15px;}
	.slick-dotted.slick-slider {
	margin-top: 8px;}
	.logosect {
    top: 0px;
}
	.contactcard {
    padding: 12px 20px;
    width: 100%;
}
	.contactright{
		width: 80%;
		padding: 15% 10%;
	}
.secondary-page-title {
	padding: 40px 5% 20px 5%;}

}
@media only screen and (max-width: 520px) {
	.lgheaderinfo span{
    display: none;
}
	.lgheaderinfo {
    padding: 10px 20px 10px 18px;
}

	.lgheaderinfo i {
    font-size: 17px;
}
	.headerinfo i {
    font-size: 17px;
}
	.smtriangle{display: none;}
	.largeheader {
    font-size: 30px;
    padding-bottom: 8px;
    line-height: 25px;
}
	.page-header {
    padding-left: 0px;
}
	.smheader{  font-size: 18px;}
	.medheader{ line-height: 25px;  font-size: 26px;}

	.heroheader {
    font-size: 15vw;
    line-height: 50px;
	text-shadow: -2px 1px 6px #000000ab;
}
	.topheader{    border-top: #ffe400 solid 30px;}
	.heropara {
    font-size: 22px;
    padding: 10px 0px;
    text-shadow: -2px 1px 6px #000000;
}
	.herobtns{
		flex-wrap: wrap;
	}
	.bottomheader {
		top: -2px;}
	.redbtn{  margin: 5px 20px;  width: 280px;}
	.hp-about-sect{ bottom: 220px;}
	.trianglebkgd{bottom: 150px;}
	.hp-third-btns{ padding: 30px 5px 30px 15px;}
}
@media only screen and (max-width: 355px) {
.bottomheader {
    top: 0px;
    padding: 0px 10px;
	
}
.logosect img {
    width: 90%;
}
.about-btn-right {
    width: 100%;
    margin-top: -40px;
}
	.about-btn-left .underline-btn-red{
	font-size: 13px;	
	}
	.herotextsect {
    bottom: 370px;
}
	.heroheader {
    font-size: 40px;
	line-height: 30px;}
	.heropara {
    font-size: 18px;
		line-height: 16px;}
	.redbtn{font-size: 14px;}
}
@media only screen and (max-width: 335px) {

}