/*===================== 
	Color information
	
	red - #B61F2A
	-
	-
	-
		 
=======================*/
/*===================== 
	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%;}


/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

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

body {
    margin: 0;
	overflow-x: hidden;
	}

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 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size: 2em; text-transform: uppercase; line-height: 1.9rem; color: #B61F2A; font-weight: 800;}
	h2 {font-size: 1.3rem; line-height: 1.2rem; text-transform: uppercase; font-weight: 500;}
	h3 {font-size: 1.2rem; text-transform: uppercase; font-weight: 400;}

p {
	margin: 0;
	line-height: 1.8rem;
	}

b, strong {
    font-weight: bold;
	}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #aaa; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #ccc;
		}
		
a.ghost, form .button {
	border: 2px solid #B61F2A;
	padding: 1rem 2.5rem;
	color: #B61F2A;
	transition: ease all .5s;
	font-size: .8rem;
	cursor: pointer;
	}
	a.ghost:hover, form .button:hover {
		background: #B61F2A;
		color: #fff;
		}

[class*="ghost"] {
	border: 2px solid;
	padding: 1rem 2.5rem;
	transition: ease all .5s;
	font-weight: 700;
	text-transform: uppercase;
	}
	a.ghost-w {
		border-color: #fff;
		color: #fff;
		}
		a.ghost-w:hover {
			background: #fff;
			color: #ed1b24;
			}
	a.ghost-r {
		border-color: #B61F2A;
		color: #B61F2A;
		}
		a.ghost-r:hover {
			background: #B61F2A;
			color: #fff;
			}

/*===================== 
	header styles 
=======================*/

.header-border {
	border-bottom: solid 5px #B61F2A;
}

.header-wrap {
	max-width: 1320px /*1100px*/;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

header {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1rem 0;
	}

.primary-logo {
	width: 13%;
	margin-bottom: -1.8rem;
	display: inline-block;
	}
header a img{
	width: 5%;
	margin-bottom: -10px;
	margin-right: .3rem;
	display: inline-block;
	}

/*===================== 
	nav styles 
=======================*/

nav.primary {
	}
	nav ul {
		}
		nav ul li {
			}
			nav ul li a {
				}	
			nav ul li a:hover {
				}

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

/*===================== 
	content styles 
=======================*/

.wrap {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	}

.light-bg { background: url('../siteart/light-bg.jpg') repeat;}

.white-bg { background: url('../siteart/white-bg.jpg') repeat;}
	
/*===================== 
	mid-bar section 
=======================*/
.mid-bar {
	height: 92px;
	background: #333333;
	position: relative;
    z-index: 720;
	}

#trapezoid { 
	border-bottom: 65px solid #333333;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 360px;
    position: relative;
    z-index: 800;
    margin-top: -65px;
	}
div#trapezoid span {
	margin-top: 70px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	}

.info-bar {
	background: #B61F2A;
	width: 100%;
	padding: 1.2rem 0;
	margin-top: 12px;
	}
.info-bar a {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: .5rem;
	transition: ease all .5s;
	}
	.info-bar a:hover {
		color: #333333;
		margin-left: .8rem;
		}


/*===================== 
	welcome section 
=======================*/
.welcome h1 {
	padding: 1.2rem 0 .8rem;
}

.welcome h2 {
	padding: 0 0 1.2rem;
}

.welcome p {
	text-align: justify;
	}
	
.welcome .col-1-2:first-of-type {
	padding: 0 1rem .5rem;
	}

/*===================== 
	INV CATEGORIES 
=======================*/
.outer {
	width: 31%;
    margin: .5rem;
    height: 300px;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
	}

.inner {
	width: 100%;
	height: 100%;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    transition: ease all .5s;
	}

.inner::before {
	content: "";
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(182, 31, 42, .75);
	transition: ease all .5s;
	}

.outer:hover .inner:before,
.outer:focus .inner:before {
	display: block;
	}

.outer:hover .inner,
.outer:focus .inner {
	transform: scale(1.2);
	}

.inner span {
	color: white; /* Good thing we set a fallback color! */
	text-align: center;
	position: relative;
	z-index: 500;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2rem;
	text-shadow: 2px 2px #000;
	}

.outer span {
	display: block;
	}

div[class*="inv-box"] {
	background-size: cover;
	background-color: #000;
    background-repeat: no-repeat;
	background-position: center center;	
	}
	.inv-box-01 { background: url('../siteart/cat-01.jpg') no-repeat;}
	.inv-box-02 { background: url('../siteart/cat-02.jpg') no-repeat;}
	.inv-box-03 { background: url('../siteart/cat-03.jpg') no-repeat;}
	.inv-box-04 { background: url('../siteart/grain-augers.jpg') no-repeat;}
	
/*===================== 
   BRANDS & PARTS PAGE 
=======================*/
.brands, .parts {
	text-align: center;
	padding: 2rem 0;
	}

.brands h1, .parts h1 {
	margin-bottom: .5rem;
	}

.brands a, .parts a {
	margin: .5rem 1.5rem 1rem;
	transition: ease all .5s;
	}
	.brands a:hover, .parts a:hover {
		transform: scale(1.2);
		}	

.brands img, .parts img {
	width: 90%;
	}

.parts a.col-1-3 {
	width: 28%;
	}

.parts-intro > p {
	margin: 2rem 0 1rem;
	}
	
.parts iframe {
	margin-bottom: 1.5rem;
	}

.parts-button {
	margin: 1.5rem 0;
	}
	
/*=======================
 SERVICE & THANK YOU PAGE
========================*/
.service-intro, .parts-intro {
	background: #eee;
	padding: 1.5rem 0 2rem;
	margin-bottom: 1rem;
	}
	
.service-content, .parts-content {
	margin:0 auto;
	width: 75%;
	text-align: left;
	}

.service, .service-contact, .thankyou {
	padding: 2rem 0;
	}

.service header.col-2-3, .service-contact header, .thankyou header {
	text-align: center;
	}
	
.service h1, .service-contact h1, .thankyou h1 {
	margin-bottom: .5rem;
	}
	
.service header p, .thankyou header p {
	margin: 2rem 0;
	}	

.inspect {
	border-top: 1px solid #ccc;
	}

.inspect img {
	width: 100%;
	}
	
	/*===================== 
		  form styles 
	=======================*/
	form, #formpage { margin: 0 auto;}
	
	#formpage { max-width: 600px; width: 100%;}
	
	tbody > tr > td {
		display: block;
		}
	
	table, #formpage input {
		width: 100%;
		}
	
	#formpage input, select {
		font-family: 'Montserrat', sans-serif;
		font-size: 1.3rem;
		margin-bottom: 2rem;
		}	
	
	#formpage input {
		border: none;
		border-bottom: 2px solid #B61F2A;
		background: none;
		}
		
	select {
		border: 2px solid #ccc;
		color: #717171;
		}
	
	textarea {
		width: 100%;
		border: 1px solid #ccc;
		font-family: 'Montserrat', sans-serif;
		box-sizing: border-box;
		padding: .8rem .8rem;
		font-size: 1.3rem;
		}
	textarea:active, textarea:focus {
		border: none;
		box-shadow: 0.4em 0.4em 1em #ccc;
		}

/*=======================
      CONTACT PAGE
========================*/
.contact {
	padding: 2rem 0;
	}

.contact header.col-2-3 {
	text-align: center;
	}

.contact-email p {
	margin-bottom: 2rem;
	}
	
.contact [class*="col"] {
	margin: 0 auto;
	text-align: center;
	}
	
/*=======================
      PRECISION PAGE
========================*/
.precision-ag, .gray-bg, .case-precision, .aftermarket {
	padding: 0 1rem;
	box-sizing: border-box;
	}

.precision header a img, .digifarm header a img {
	width: 40%;
	}
	
.precision-ag .col-1-2 img {
	padding-top: 1rem;
	}

.aftermarket img {
	width: 20%;
	}

.precision-ag {
	padding-bottom: 2rem;
	}
	
.dronedeploy {
	padding: 2rem 0;
	}

.precision h1 {
	margin: 1rem 0
	}
	
.precision-ag h3, .aftermarket h3 {
	margin-top: 1rem;
	}

.precision-ag header p {
	margin-top: 30px;
	text-align: center;
	}
	
.precision-ag p, .case-precision p, .digifarm p, .digifarm ul {
	margin: 1rem 0;
	text-align: left;
	}

.precision-ag .col-2-3, .precision-ag .col-1-2, .digifarm, .case-precision h1, .case-precision h2 {
	text-align: center;
	}

.precision-ag .col-1-2 {
	margin: 0 1rem;
	}

.gray-bg {
	background: #ccc;
	}
	
.gray-bg div.col-1-2:first-of-type img {
	width: 90%;
	}
	
.digifarm {
	padding: 2rem 1rem;
	border-bottom: #494949 solid 2px;
	box-sizing: border-box;
	}
	
.digifarm-logo {
	padding: 1rem 0;
	}
	
.digifarm-img {
	margin: 1rem 0;
	width: 100%;
	box-sizing: border-box;
	}
	
.case-precision {
	padding: 2rem 1rem;
	}
	
.case-precision a, .aftermarket a {
	text-decoration: underline;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	transition: ease all .3s;
	}
	.case-precision a:hover, .aftermarket a:hover {
		color: #B61F2A;
		}
	
.vetter-equip, .aftermarket-products {
	border-bottom: 2px solid #ccc;
	padding: 2rem 0;
	}
	
.precision-ag h3, .digifarm h3, .case-precision h3, .vetter-equip h3, .aftermarket h3 {
	color: #B61F2A;
	font-weight: 600;
	}
	
.vetter-equip img {
	width: 20%;
	margin-top: 1rem;
	}
	
.vetter-equip ul, .aftermarket-products ul {
	margin-top: 0;
	}
	.vetter-equip ul li, .aftermarket-products ul li {
		line-height: 1.7rem;
		}
		
.aftermarket h1 {
	text-align: center;
	}

/*=======================
       ABOUT PAGE
========================*/
.about-content {
	text-align: left;
	width: 75%;
	margin: 0 auto;
	}
	.about-content p, .parts-content p {
		margin-bottom: 1rem;
		}

/*=======================
        TOYS PAGE
========================*/
.toys header {
	text-align: center;
	margin-bottom: 2rem;
	}
	.toys a, .toys a:link, .toys a:visited, .toys a:active {
		color: #B61F2A;
		transition: ease all .3s;
		}
		.toys a:hover {
			color: #000;
			}
	.toys select {
		width: 275px;
		}

/*=======================
       INSIDE PAGE
========================*/
/*.inside-page .cycle-slideshow {
	height: 400px;
	}*/
	.inside-page .brands, .inside-page .parts, .inside-page .service, .inside-page .precision, .inside-page .toys, .inside-page .contact, .inside-page .thankyou {
		position: relative;
		z-index: 1000;
		background: #fff;
		}
	.inside-page .cycle-overlay {
		display: none;
		}
	.inside-page .cycle-slideshow img, .inside-page .mid-bar {
		margin-top: -120px;
		}	
	.inside-page .header-border {
		position: relative;
		z-index: 110;
		background: #fff;
		}

/*=======================
     scrolling inv
========================*/
.scrolling-inv {
	overflow-x: hidden;
	}

/*===================== 
	slideshow styles 
=======================*/
.cycle-slideshow {
	position: relative;
	}

.cycle-slide {
	width: 100%;
	}

.cycle-overlay {
	position: absolute;
	bottom: 10%;
	right: 0;
	background: rgba(0,0,0,.7);
	color: #fff;
	padding: 2rem 6% 3rem 2rem;
	box-sizing: border-box;
	}

.overlay-content {
	max-width: 565px;
	min-width: 565px;
	width: 100%;
	}
	.overlay-content h1 {
		color:#fff;
		margin-bottom: .8rem;
		}
	.overlay-content h2 {
		color: #ababab;
		}
	.overlay-content p {
		line-height: 1.3rem;
		}
	.overlay-content p.button {
		box-sizing: border-box;
		margin-top: 2rem;
		}
		
.cycle-slideshow img {
	width: 100%;
	text-align: center;
}

.cycle-pager { 
    text-align: center; width: 100%; z-index: 106; position: absolute; top: 0; overflow: hidden;
	}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #575757; cursor: pointer; 
	}
.cycle-pager span.cycle-pager-active { color: #ed1b24;}
.cycle-pager > * { cursor: pointer;}

/*===================== 
	banner styles 
=======================*/

.banner {
	}

/*===================== 
	layout styles 
=======================*/

.flex {
	display: flex;
	}
.flex-spc-arnd {
	justify-content: space-around;
	}
.flex-spc-btwn {
	justify-content: space-between;
	}
.flex-direct-col {
	flex-direction: column;
	}
.flex-jus-cnt {
	justify-content: center;
	}
.flex-align-items-cnt {
	align-items: center;
	}
.flex-jus-flex-end {
	justify-content: flex-end;
	}
.flex-align-items-flex-end {
	align-items: flex-end;
	}
.flex-wrap {
	flex-wrap: wrap;
	}

.left {float: left;}
.right {float: right;}
	
.container {
	max-width: 1100px;
	margin: 0 auto;
	}	

.col-1-6 { width: 16%;}
.col-1-5 { width: 20%;}
.col-1-4 { width: 24%;}
.col-1-3 { width: 33%;}
.col-1-2 { width: 49%;}
.col-2-3 { width: 65%;}
.col-3-4 { width: 75%;}

/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0 auto;
	width: 100%;
	background: #222222;
	padding: 1rem 0;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #ccc;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#666;
	}

.smallfootertext {
	font-size:10px; 
	color:#666;
	}

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

/*===================== 
	FACETED INV
=======================*/
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {
	font-size: 13PX !important; 
    margin-bottom: 0px !important;
	width: auto !important;
}
.compare-chkbox-container .compare-listings .compare-chkbox {
	 margin-bottom: 0px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
	    top: -1px !important;
    left: 6px !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {
	color: #000 !important;
}

.view-listing-details-link, .buy-now-link,.faceted-search-content .selected-facets-container .selected-facet,.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn,.detail-content .detail-additional-data .data-row .data-label,.modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input,.contact-options a,.detail-content-mobile .detail-contact-bar .contact-bar-btn,.compare-listings-container .compare-container .button {
	background: #B61F2A !important;
	color: #fff !important;
}
.CaptchaWhatsThisPanel a {
	color:#000!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price,.detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price,.currency-selector,.compare-listings-container .compare-container .compare-price {
	color: #B61F2A !important;
}

.list-content .list-title .list-listings-count, .info,.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3 {
	color: #333333 !important;
}

.list-content .list-container .list-listing .buy-now-link, .list-content .list-container .list-listing .contact-btn, .list-content .list-container .list-listing .check-availability, .list-content .list-container .list-listing .email-seller, .list-content .list-container .list-listing .video-chat, .list-content .list-container .list-listing .facebook-messenger, .list-content .list-container .list-listing .whatsapp, .list-content .list-container .list-listing .text,.list-content .list-listing-mobile .contact-options a,.detail-content-mobile .detail-additional-data .data-row .data-label,.fin-calc-mobile>a,#calculator-mobile .modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn {
	background: #333333 !important;
}

.currency-selector select {
	margin-bottom: 10px !important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn {
	color:#B61F2A !important;
		border-color:#B61F2A !important;
}

.detail-content .dealer-info .contact-information .address, .detail-content .dealer-info .contact-information .phone, .detail-content .dealer-info .contact-information .contact {
	padding: 0 !important;
}
.modal-bg .form-main-content .modal-form-el input, .modal-bg .form-main-content .modal-form-el textarea, .modal-bg .form-main-content .modal-form-el select, .modal-container .form-main-content .modal-form-el input, .modal-container .form-main-content .modal-form-el textarea, .modal-container .form-main-content .modal-form-el select {
	margin-bottom: 0 !important;
}
.detail-content-mobile .dealer-info .address-and-contact .contact{padding: 0 !important; margin: 0 !important;}
.error {
	margin-bottom: 0 !important;
	width: auto !important;
}
@media screen and (max-width: 1240px)  {
/*------------ SLIDESHOW -------------*/
.cycle-overlay {
	padding: 3% 2% 5% 4%;
	bottom: 9%;
	}
	.cycle-overlay h1 {
		font-size: 2rem;
		}
}

@media screen and (max-width: 1100px) {
/*=======================
	   HOME PAGE
=======================*/
header {
	padding-bottom: 0;
	}

.primary-logo {
	display: block;
	margin: 0 auto;
	width: 30%;
	}

.case-logo {
	display: none;
	}
	
#menu-button {
	margin-top: 1rem;
	}

div.flex.flex-spc-arnd {
	flex-wrap: wrap;
	}		

div.outer.col-1-4 {
	width: 47%;
	}
	
.welcome div.flex {
	flex-direction: column;
	}

.welcome div.flex div.col-1-2 {
	box-sizing: border-box;
	width: 100%;
	}

.welcome div.flex div.col-1-2 img {
	width: 100%;
	}

.welcome p {
	text-align: left;
	}

/*=======================
	  CONTACT PAGE
=======================*/
.contact-email p {
	margin: 1rem 0 2rem;
	}
	
/*=======================
	   PARTS PAGE
=======================*/
.parts iframe {
	display: none;
	}
	
/*=======================
       INSIDE PAGE
========================*/
.inside-page .cycle-slideshow img, .inside-page .mid-bar {
	margin-top: -60px;
	}
}

@media screen and (max-width: 1000px)  {
/*------------ SLIDESHOW -------------*/
.cycle-pager, .cycle-overlay {
	display: none;
	}
}

@media screen and (max-width: 760px) {
/*=======================
	   HOME PAGE
=======================*/
div.outer.col-1-4 {
	width: 100%;
	}

div#trapezoid {
	display: none;
	}

.info-bar div.wrap.flex {
	flex-direction: column;
	align-items: center;
	}
	
div.col-1-3.flex {
	padding: 1rem 0;
	width: 80%;
	}

section.light-bg, .precision {
	margin-top: 11rem;
	}

/*===============================
  BRANDS & PARTS // SERVICE PAGE
===============================*/
.brands, .parts, .service, .contact {
	margin-top: 9rem;
	}

.brands .col-1-4, .parts a.col-1-3 {
	width: 30%;
	}
	
/*=======================
	  SERVICE PAGE
=======================*/
.service .col-2-3, #contact .col-2-3, .precision .col-2-3 {
	width: 100%;
	}

.inspect {
	flex-direction: column;
	}
	
.inspect .col-1-2 {
	margin: 0 auto;
	width: 90%;
	}
	
/*=======================
	 PRECISION PAGE
=======================*/	
.precision-ag div.flex.flex-spc-btwn, .dronedeploy div.flex, .digifarm div.flex {
	flex-direction: column;
	}

.precision-ag .col-1-2, .dronedeploy div.flex .col-1-2, .digifarm .col-1-2 {
	margin: 0 auto;
	width: 100%;
	}
	
.precision-ag a.ghost {
	padding: 1rem 1.5rem;
	}
	
.calculators {
	padding-bottom: 2rem;
	}

.case-precision-links, .aftermarket-links {
	display: block;
	}

.case-precision-links a, .aftermarket-links a {
	display: block;
	padding: .5rem 0;
	text-align:center;
	font-size: 14px;
	}
	
.vetter-equip img {
	width: 30%;
	}

/*=======================
	  CONTACT PAGE
=======================*/	
.contact div.flex {
	flex-direction: column;
	}
	
.contact .col-2-3, .contact .col-1-3 {
	width: 100%;
	}

.contact iframe {
	max-width: 600px;
	width: 100%;
	}

/*=======================
	    TOYS PAGE
=======================*/
section.toys {
	margin-top: 11.5rem;
	}
	.toys header.col-2-3 {
		width: 95%;
		}
		
/*=======================
       INSIDE PAGE
========================*/
.inside-page .cycle-slideshow img {
	margin-top: 0px;
	}
	.inside-page .mid-bar {
		margin-top: -20px;
		}
}

@media screen and (max-width: 420px) {
/*=======================
   BRANDS & PARTS PAGE
=======================*/
.brands .col-2-3, .parts .col-2-3 {
	width: 100%;
	}

.brands .col-1-4, .parts a.col-1-3 {
	width: 60%;
	}
}