/*===================== 
	Color information

		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	base styles 
=======================*/
.currency-capital-price-container {
    display: none !important;
}
.carousel-caption {
    color: #fff;
    font-weight: 700;
    background-color: rgba(0,0,0,.5);
    bottom: 60px !important;
    border-radius: 5px;
    -webkit-box-shadow: 2px 13px 16px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 16px -8px rgba(0,0,0,0.75);
box-shadow: 2px 13px 16px -8px rgba(0,0,0,0.75);
}
img.img-fluid.head-logo {
    margin: 0 auto;
    max-height:111px;
}
.container-fluid.cf {
    background-color: #fff;
}
a.contact-link {
    color: #000000 !important;
}
a.contact-link:hover {
    color: #dc3545 !important;
}

.map-item > p {margin-bottom:1em;}
.contact-item {
    margin-bottom: 1em;
}
input[type="text"] {
    width: 100%;
    -webkit-box-shadow: inset 2px 2px 4px -1px rgba(0,0,0,0.51);
	-moz-box-shadow: inset 2px 2px 4px -1px rgba(0,0,0,0.51);
	box-shadow: inset 2px 2px 4px -1px rgba(0,0,0,0.51);
	padding: 7px;
}
button.btn.btn-warning, button.button.btn-danger {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
	line-height: 1.2;
    padding: 5px 20px 5px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
	width:auto!important;
	height: auto !important;
	border-radius: .25rem;
	font-family: 'Open Sans', sans-serif!important;
}
a.carousel-control-next {
    margin-right: 10px;
}
a.carousel-control-prev {
    margin-left: 10px;
}
a.carousel-control-next,a.carousel-control-prev {
    background-color: rgb(0, 0, 0,.7);
    width: 25px;
    height: 100px;
    border-radius: 5px;
    top: 43%;
}
div#carouselExampleCaptions {border-radius: 5px;overflow: hidden;border: solid 1px #ccc;}
.bd-example.mycarousel {padding: 0 50px 50px;margin-bottom: 35px;}
.col-md-4.auc-cta,.col-md-4.map-cta { background-color: #ccc; padding: 25px; text-align:center;}
.icon-home {padding: 15px 20px;position: relative;border: solid 10px #3E7E32;width: max-content;border-radius: 65%;top: -60px;z-index: 1001;background-color: #ccc;margin: 0 auto; line-height: 25px; max-width: 106px; text-align: center;}
.brands {padding:50px; text-align: center; align-items: center;} 
.brands img {padding: 10px;}
.row.brands .row {align-items: center;}
.green {color:#3E7E32}
.white {color:#fff;}
.yellow {color:#FFC107;}
.head-back{ background: #fff url("../siteart/header-bg.jpg"); background-size: cover; background-position: center center; text-align: center; padding: 1.5em 2em;}
.head {display: flex; justify-content: space-around; align-items: center; }
.row.contact-bg {background: #000 url("/siteart/New-Combine-Randall.jpg"); background-size: cover; background-position: left center;}
.row.contact-bg a {color: #000;}
.head button {margin: 0 auto;}
.head h5 {line-height: 28px; margin: 1em auto; font-weight: 600;}
.head .hdr-middle {width: 50%;}
.head .hdr-middle a {color: #000;}
.head .hdr-middle button {margin: 0 auto 1em!important; display: block;}
.head .hdr-side {width: 25%;}
.farm-bg {background: #000 url("../siteart/content-bg.jpg"); background-size: cover; background-position: center center;}
.soft-white {background-color: rgba(255,255,255, .8); padding: 5%;}
.category-list {background-color:#FFC107; padding: 2vw;}
.category-list input[type="text"] {border-radius: .25rem;}
ul.cat-list-sidebar {padding-left: 0px !important;list-style: none; margin-top: 15px;}
ul.cat-list-sidebar h4 {display: block; margin-bottom: 10px;}
ul.cat-list-sidebar p {line-height: 1.4;}
a.inv-link {color:#000000 !important; font-weight: 700; font-size:16px; display: block; line-height: 26px;}
a.inv-link:hover {color:#DC3545 !important;}
.inter-rate {width:70%; background-color:#fff; text-align: center; margin:0 auto; padding:12.5px 7%; border-radius: 0 0 5px 5px; margin-bottom:12.5px;}
.inter-rate a {color: #000;}
.rate-home {border-top:solid 5px #fff;}

* {box-sizing: border-box;}

html {
	font-family: 'Open Sans', sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
	line-height: 1.8;
	overflow-x: hidden;	
	font-family: 'Open Sans', sans-serif;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/
a.flash-btn {
    text-decoration: none;
    padding: .5em 1em;
    display: block;
    color: #fff!important;
    font-weight: 700;
	line-height: 1.3;
	font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
	max-width: 400px;
	margin: 0 auto;
    animation: glowing 1300ms infinite;
}
@keyframes glowing {
  0% {
    background-color: #000;
    box-shadow: 0 0 3px #000;
  }
  50% {
    background-color: #333;
    box-shadow: 0 0 10px #333;
  }
  100% {
    background-color: #000;
    box-shadow: 0 0 3px #000;
  }
}
a.flash-btn:hover {color: #fff;}


a {transition: .2s ease-in;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size: 2em;}

p {
	margin: 0;
	}

	
h1.green {font-size: 2em; width: 100%;}
		
a.flash-btn2 {
    text-decoration: none;
    padding: .5em 1em;
    display: block;
    color: #000!important;
    font-weight: 700;
	line-height: 1.3;
	font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    animation: glowing 1300ms infinite;
}
@keyframes auction {
  0% {
    background-color: #FFC107;
    box-shadow: 0 0 3px #FFC107;
  }
  50% {
    background-color: #fff100;
    box-shadow: 0 0 10px #fff100;
  }
  100% {
    background-color: #FFC107;
    box-shadow: 0 0 3px #FFC107;
  }
}
a.flash-btn2:hover {color: #fff;}


/*===================== 
	header styles 
=======================*/
.navbar-nav {
    margin: 0 auto;
}
a.nav-item.nav-link {
    font-weight: 700;
    font-size: 22px;
    margin: 0 3px;
    color:#000000 !important;
}
a.nav-item.nav-link:hover {color:#dc3545 !important;}
header {
	margin: 0 auto;
	width: 100%;
	}

/*===================== 
	nav styles 
=======================*/
.top-nav {background-color:#005b88; padding-top:15px;}


nav.primary {
	padding:0;
	display:block;
	margin:0 auto;
	position:relative;
	text-align: right;
	}

nav ul {
	padding:0;
	margin:0;
}

nav > ul > li {
	display:inline-block;
	list-style-type:none; 
}
	
	
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.primary ul ul {
	display: none;
    position: absolute; 
	max-width: 235px;
	/*margin-top: 21px;*/
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 2000 !important;
}
nav.primary ul ul li {
    float: none; 
    position: relative;
	display:block;
    margin:0;
	width:100%;
}

.dropdown_arrow {
	display: inline-block !important;
}

.dropdown_style {
}


/******** End of primary Nav ***************/


/*===================== 
	mobile nav
=======================*/
.navbar-toggler {cursor: pointer;}

#menu-button{ /* initially will need to be hidden */
	display: block;
	font-size: 32px;
	width:100%;
	position: relative;
	z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
	background: rgba(117,56,8,0.6);
	text-align: right;
	min-height: 0 !important;
	}
	#menu-button a{
		 color:#000;
		 text-decoration: none;
		 text-align: right !important;
	  }

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #000;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
}
nav.mobile h3 { /* Menu header styles */
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}
nav.mobile .menu-toggle { /* Menu close button */
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}
.menu-toggle {
	text-align: right;
	font-size: 28px;
	color: #000;
}

.menu-toggle a:hover {
	color: #000 !important;
}

.close_mobile {
	font-size: 26px !important;
	font-weight: 900;
	text-align: right;
}

nav.mobile .menu-toggle:hover { /* Menu close button on hover */
	color: #fff;
}
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	padding: 8px 0 6px 0 !important;
}
nav.mobile ul li a {
	position: relative;
	display: block;
	padding-left: 14px;
	color: #999;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 1px;
}
nav.mobile ul li a:hover {
	color: #2b2b2b;
}

nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px;
	color: #000;
	text-decoration: none;
	text-transform: none !important;
}
nav.mobile ul li li li a { /* appearance of third level sub-level links if needed */
	background: #666;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #000;
	text-decoration: none;
}
nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	background:url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size:55%;
	position:relative;
	display:block;
	float:right;
	margin:-44px 0 0 0;
	cursor:pointer;
	z-index: 12399994;
	width:44px;
	height:44px;
	-webkit-transition:background-size .3s ease-in-out;
	-moz-transition:background-size .3s ease-in-out;
	transition:background-size .3s ease-in-out;
}
nav.mobile ul li span.click:hover{
	background-size:60%;
}





/*===================== 
	content styles 
=======================*/
#auction-banner {margin: 0 50px; text-align: center; background: #dc3545; padding: 1.5em 10%; border-radius: 5px 5px 0 0;}
#auction-banner a {color: #fff; font-size: 24px; font-weight: 700; line-height: 30px;}
#auction-banner a:hover {color: #f5f5f5;}
#auction-banner a:hover:after {content: ' \00BB'; margin-left: 5px;	color: #fff; font-size: 24px;}

ul.inline {list-style:none; width:300px; text-align:right; padding-right:15px;}
ul.inline > li  {display:inline;}
a.soc-cont { background-color:#ffc63e; padding:6px 9px; color:#005b88 !important; border-radius: 25px; margin-left:1em; transition: .5s;}
a.soc-cont:hover {background-color:#fff !important;}

.visible-sm {display:none;}	
#accordion h4 a:hover {
    color: #fff !important;border-bottom:none; text-decoration: none!important;
}

.promo-banner {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; gap:15px;}
.promo-banner a {width: calc(33.33% - 10px); transition:.3s ease; display: block; border:solid 5px #ffc63e;}
.promo-banner img {width: 100%; height:auto;}
.promo-banner a:hover{transform:translateY(-5px);} 
/*===================== 
	footer styles 
=======================*/
.footer {display: block; background-color:#595959; padding:2.5em 10%; text-align: center; color:#ccc; font-size:13px; }
footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #666;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footer a {color: #ccc!important;}
.footer a:hover {color: #fff!important;}
p.footer-text {margin: 0 auto; max-width: 800px;}
.smallfootertext {
	font-size:10px; 
	color:#666;
	}

.divfooter {
	max-width:1200px; 
	text-align:center; 
	margin:0 auto;
	}

/*========================= 
	 Responsive styles 
===========================*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.bd-example.mycarousel {margin-bottom: 100px;}
}

@media only screen and (max-width : 1100px) {
    .col-md-6.auc-cta, .col-md-6.map-cta {height:400px;}
    .bd-example.mycarousel {margin-bottom: 150px;}
	.promo-banner a{width:calc(50% - 10px);}
	.promo-banner {gap:10px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.head {flex-direction: column;}
	.head .hdr-side, .head .hdr-middle {width: 100%;}
	.category-list a {color: #000;}
	.category-list {background-color: #FFC107;border-radius: 5px;max-width: calc(100% - 30px)!important;margin: 0 auto; padding: 20px!important;}
	.visible-sm {display:block;}
	.hidden-sm {display:none;}
	.bd-example.mycarousel {margin-bottom: 15px; padding:0px;}
	.navbar-toggler {background-color: #fff!important; margin: 0 auto;}
	#auction-banner {margin: 0 auto;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {    
	.promo-banner a {width: 100%;}
    .icon-home {top:0px;}
	.soft-white {padding: 2em 5%;}
	.contact-item, .map-item {text-align:center;}
	.head .hdr-side a.flash-btn, button.btn.btn-warning, button.button.btn-danger {font-size: 16px!important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 570px) {
	.inter-rate {width:auto;}
    .col-md-6.auc-cta, .col-md-6.map-cta {text-align:center; height:auto;}
    .col-md-6.map-cta {padding-top:100px;}
}