@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: "poppins", sans-serif !important; background:#fefefe;}

/* SELECTION */	
::selection {color:#fff; background: #141845;}
::-moz-selection {color:#fff; background: #141845;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:700;}
h3 {font-size:22px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}

.new-holland-blue {color:#00205b;}
.kioti-orange {color:#f05323;}
.ironcraft-blue {color:#323e48;}


/* ALIGNMENT */
.left-text {text-align:left;}
.right-text {text-align:right;}
.center-text {text-align:center;}




/* LINK / BUTTON
------------------------------------------------*/	
a.link-button {
	display:inline-block; box-sizing: border-box; margin:1em 0; padding:1.15em 1.25em 1em 1.25em; font-size:1.15em; color:#fff; background:#080a23;
	-webkit-clip-path: polygon(100% 0%, 96% 100%, 0% 100%, 4% 0%);
	clip-path: polygon(100% 0%, 96% 100%, 0% 100%, 4% 0%);
}
a.link-button:hover {
	background:#555;
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);	
}


/* ALT LINK / BUTTON
------------------------------------------------*/	
a.alt-button {
	display:inline-block; box-sizing: border-box; margin:1em 0; padding:1.15em 1.25em 1em 1.25em; font-size:1.15em; color:#080a23; background:#85868d;
	-webkit-clip-path: polygon(100% 0%, 96% 100%, 0% 100%, 4% 0%);
	clip-path: polygon(100% 0%, 96% 100%, 0% 100%, 4% 0%);
}
a.alt-button:hover {
	color:#fff; background:#555;
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);	
}


/* HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; margin:0; padding:35px 4.5%; border-top:8px #080a23 solid;}	
	
.header-contact {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around;
	box-sizing:border-box; 
	position:absolute; top:-8px; right:0; min-width:42%; padding:.85em calc(4.5% + 24px) .85em 3.5%; color:#fff; background:#141845;
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 1% 0%); clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 1% 0%);
}

.header-contact a {padding:0 12px;}


/* LOGOS
------------------------------------------------*/	
.logo img{width:100%; max-width: 331px;}

.brandlogos {display:flex; flex-flow:row wrap; align-items:center; margin:0 auto 0 3%;}

.hd-new-holland {max-width:170px; margin:0 25px 0 0;}
.hd-new-holland img {width:100%;}
.hd-kioti {width:100%; max-width:59px;}
.hd-kioti img {width:100%;}



/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; align-self:flex-end; margin:0 0 -20px 0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0; padding:12px 24px;
    font-size:1.125em; line-height:1; text-align:center; text-decoration:none; color:#0f0f0f;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:#121212;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}


/*  HERO
------------------------------------------------*/
.hero {width:100%;}
.hero .cycle-slideshow {z-index:5; position:relative;overflow:hidden; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hero .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

.hero .cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;}
.hero .cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer;}
.hero .cycle-pager span.cycle-pager-active {color: #141845;}
.hero .cycle-pager > * {cursor: pointer;}

.hero .cycle-prev, .hero  .cycle-next { position: absolute; top: 0; width:10%; opacity:.25; z-index: 800; height: 100%; cursor: pointer;}
.hero .cycle-prev {left:0;}
.hero .cycle-prev:before {position:absolute; z-index:0; top:50%; left:60%; transform: translate(-50%, -50%); font-size:3em; color:#fff; content: "\f104"; font-family: FontAwesome;}
.hero .cycle-next {right:0;}
.hero .cycle-next:before {position:absolute; z-index:0; top:50%; right:60%; transform: translate(50%, -50%); font-size:3em; color:#fff; content: "\f105"; font-family: FontAwesome;}
.hero .cycle-prev:hover, .cycle-next:hover {opacity:.85;}


/*  SUBHERO
------------------------------------------------*/
.subhero {position:relative; padding:calc(20px + 12.5%) 10% 5px 10%; background:#141845;}
.subhero:before {
	content:""; position:absolute; top:0 ;left:0; width:100%; height:100%;
	background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.0844712885154062) 0%, rgba(29,27,30,0.5) 100%);
}
.subhero h1 {
	font-size:calc(16px + 2vw); line-height:1; font-weight:800; text-transform:uppercase; color:#fff;
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.inventoryhero {padding:calc(20px + 6.5%) 10% 5px 10%; background:url("/siteart/subhero/cornfield-fall.jpg") no-repeat center; background-size: cover;}
.productshero {background:url("/siteart/subhero/kioti-tractor-attachment-tiller.jpg") no-repeat center; background-size: cover;}
.partshero {background:url("/siteart/subhero/parts-storage.jpg") no-repeat center; background-size: cover;}
.servicehero {background:url("/siteart/subhero/new-holland-tractor-field.jpg") no-repeat center; background-size: cover;}
.hardwarehero {background:url("/siteart/subhero/parts-bins-shop.jpg") no-repeat center; background-size: cover;}
.contacthero{background:url("/siteart/subhero/grass-field-autumn-colors.jpg") no-repeat center; background-size: cover;}
.thankyouhero {background:url("/siteart/subhero/forest-field-flowers.jpg") no-repeat center; background-size: cover;}


/*  BRAND HIGHLIGHT
------------------------------------------------*/
.brand-highlight{display:flex; flex-flow:row wrap; justify-content: space-between; margin:8.5% 0 5% 0; padding:calc(15px + 3.5%)  11.5% calc(15px + 1%) 11.5%; background:#f5f5f5;}

.bh-banner {position:relative; width:60%; height:450px;margin:calc(-140px - 2.5%) 0 calc(15px + 3.5%) 0;}
.bh-banner:after{
	content:""; position:absolute; z-index:0; right:-25px;bottom:-32px; width:100%; height:450px; background:#e1e1e1; 
	-webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
}

.bh-banner-image{
	position:relative; z-index:1; overflow: hidden; width:100%; height:450px; 
	-webkit-clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
}
.bh-banner-image img.bh-promo {position:absolute; top:50%; right:50%; transform: translate(50%, -50%); height:100%; }

.bh-banner-logo {position:absolute; z-index: 2; right:6.5%; bottom:30px;}

.bh-logo-right {right:auto; bottom:30px; left:6.5%;}

.bh-details {width:36.5%; max-width:485px;}
.bh-details p{margin:1.5em 0; font-size:1.15em; line-height:1.5; font-weight:300;}

.bh-title {font-size:2.375em; font-weight:700; text-transform:uppercase;}
.bh-subtitle {font-size:1.875em; font-weight:500; text-transform:uppercase; color:#5b5b5b;}
.bh-link a{font-size:1.125em; font-weight:600; text-transform:uppercase; color:#2f2f2f; transition:.5s all;	}
.bh-link a:hover {letter-spacing:1px;}


/*  STATEMENT SECTION
------------------------------------------------*/
.why-statement {
	overflow:hidden; position:relative; padding:calc(15px + 4%) 10%; font-size:1.625em; line-height:1.7; text-align:center; color:#fff;
	background: rgb(32,31,31); background: linear-gradient(150deg, rgba(32,31,31,0.6) 0%, rgba(32,31,31,0.3) 100%);
}

.statement-video {position:absolute; z-index:-1; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
.statement-video video{width: 100%; height: auto;} 


/*  WELCOME SECTION
------------------------------------------------*/
.welcome {overflow:hidden; padding:calc(20px + 4%) 30% calc(20px + 4.5%) 12.5%; color:#fff; background: rgb(0,32,92); background: linear-gradient(90deg, rgba(0,32,92,1) 0%, rgba(42,67,114,1) 100%);}
.welcome h1 {position:relative; margin:0 15% .75em 0; font-size:2.875em; font-weight:800; text-transform:uppercase;}
.welcome h1 span {font-weight:600;}
.welcome h1:before {
	content:""; position:absolute; top:-52px; left:-100px; width:80px; height:105px; background:#fff;

	-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    		clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.welcome h1:after {content:""; position:absolute; top: .4em; left:105%; width:100%; height:1px; background:#fff;}
.welcome h2 {margin:0 0 .35em 0; font-size:1.625em; font-style:italic; font-weight:700; text-transform:uppercase;}
.welcome p {font-size: 1.4375em; line-height: 1.5; font-weight:300;}


/*  GRID CATEGORIES
------------------------------------------------*/	
.grid-categories {display:flex; flex-flow:wrap;justify-content: center; margin:calc(20px + 3%) 10%;}

.gc-item {
	position:relative; 
	flex:calc(33.333% - 30px);
    width: 100%;
	margin:15px; 
    color: #fff;
	transition: .6s all;
}

.gc-item:before {
	content: ""; position: absolute; left: 0; top: 0;  width:100%; height:100%; background: rgba(0,32,91,0.37);
	transition: .6s all;
	/*background: rgb(0,32,91); background: linear-gradient(180deg, rgba(0,32,91,0.37) 0%, rgba(29,27,30,0.37) 100%);*/
	
}

.gc-item:hover:before {
	background: rgba(0,32,91,0.1);
}

.gc-item a {display:block; position:relative; z-index:1; width:100%; height:100%; transition: .6s all;}

.gc-item a:before{
	content: "\f138";
	position: absolute;z-index: 2;
	top:50%; left:50%; transform: translate(-50%, -50%) rotate(-60deg); font-size:4vw; color:rgba(255,255,255,0); transition: .6s all;
	font-family: FontAwesome;
}

.gc-item a:hover:before{transform:translate(-50%, -50%) rotate(0deg); color:rgba(255,255,255,.35);}


.gc-group {flex:calc(33.333% - 30px); display:flex; flex-flow:column; margin:0px 15px;}
.gc-group .gc-item {flex:100%; margin:15px 0;}

.gc-item.new-cat {height:350px;}
.gc-item.all-cat {flex:calc(66.66% - 30px); height: 315px;}

.new-cat {background: url("/siteart/categories/new-equipment.jpg") no-repeat bottom center; background-size: cover;}
.used-cat {background: url("/siteart/categories/used-equipment.jpg") no-repeat bottom center; background-size: cover;}
.parts-cat {background: url("/siteart/categories/parts.jpg") no-repeat  center; background-size: cover;}
.service-cat {background: url("/siteart/categories/service.jpg") no-repeat center; background-size: cover;}
.all-cat {background: url("/siteart/categories/all-inventory.jpg") no-repeat; background-size: cover; background-position: 25% 60%;}
.attach-cat {background: url("/siteart/categories/attachments.jpg") no-repeat  center; background-size: cover;}


.gc-details {position:absolute;z-index:100; bottom:calc(15px + 2%); left:calc(15px + 1.5%); transition: .6s all;}

.gc-title {font-size:1.875em; font-weight:600; text-transform: uppercase;  transition: .6s all;}
.gc-subtitle {font-size:1.25em; font-style:italic; text-transform: uppercase;}

.gc-item:hover .gc-details {left:calc(15px + .5%); text-shadow: 2px 3px 5px rgba(0,0,0,0.4);}









/*  MAIN
------------------------------------------------*/	
.main {margin:calc(25px + 3.5%) 12%; padding:0;}

.sidebarmain {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between;}
.sidebarmain article {width: 62.6%;}

.contactmain {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between;}
.contactmain article {width: 50%;}
.contactmain .embed-map {width:45%;}
.contactmain .embed-map iframe {width:100%; height:400px;}


hr {width: 85%; margin:2.5em auto; border-top:1px #e3e3e3 solid; border-bottom:0;}

/*  ARTICLE
------------------------------------------------*/
article {}
article h2 {margin:0 0 .75em 0;}
article p {font-size:1.25em; line-height: 1.5; font-weight:300;}


/*  SIDEBAR BOX
------------------------------------------------*/
.sidebarbox {display:flex; flex-flow:column wrap; width:33.9%; margin:-1em 0 0 3.5%;  background: #e8e8e8; border-radius: 2px;}
.sidebarbox  a.link-button {width: 100%; white-space: normal; word-break: break-word; -webkit-clip-path:none; clip-path:none;}

.sidenav-heading {padding:20px 25px 16px 25px; background: #333;}
.sidenav-heading h4 {margin-bottom:0; font-size:1.35em; font-weight:600; text-transform:uppercase; color:#f1f1f1;}

.sidenav-main {padding:25px;}
.sidenav-main p {font-size:1.205em; line-height:1.45; color:#454545;}
.sidenav-main a {font-variation-settings: "wght" 700;text-decoration:none; color:#F5F5F5;}
.sidenav-list b {margin-right: 20px;}
.sidenav-list span {width: auto; margin-left: auto; font-weight: 500;}

.sidenav-buttons {margin:1em 0 0 0;}
button.sideButton,
a.sideButton {
	display:inline-block; box-sizing:content-box; width:calc(100% - 50px); margin:8px 0; padding:20px 25px 17px 25px; font-size:1.15em !important; line-height:1.5; font-variation-settings: "wght" 400; text-align:center; color:#fff; cursor:pointer; background-color: #28947c; 
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius:40px;	
}
button:hover.sideButton,
a:hover.sideButton {background-color:#111;}


.brand-wrapper {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around;}

.brand-showroom {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width: 48%; margin:2em 0 3em 0;}
.bs-image{position:relative; }
.bs-image img{width:100%; }

.bs-image-logo{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);   }
.bs-image-logo img {width:85%;}

.bs-links {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; margin:1em 0 0 0;}
.bs-links a {margin:3px;}


/*  HARDWARE LOGO
------------------------------------------------*/
.hardware-logo{margin:2em 0 0 0;}
.hardware-logo img {width:100%; max-width:400px; padding:.5em; border:1px #e3e3e3 solid; border-radius:6px; background:#fff;}






/*  FOOTER
------------------------------------------------*/
.site-footer {
	position:relative; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-between; 
	padding:calc(25px + 3.5%) 10%; font-weight:300; color:#fff; background:#201f1f url("/siteart/wood-pattern.jpg") repeat;}

.ft-col {z-index: 1; flex:.5 33%; font-size:1.125em; line-height:1.25;}
.ft-col span {font-weight:500;}

.ft-heading {margin:0 0 .5em 0; font-weight:700;}

.ft-logo {margin:0 0 1em 0;}
.ft-logo img{width:100%; max-width:247px; margin:0 auto;}

.ft-contact {text-align:left;}
.ft-col-main {text-align:center;}
.ft-hours {text-align:right;}

.ft-social {z-index: 1; margin:1em auto; text-align:center; }
a.ft-social-icon {
	display:block; width:48px; height:48px; margin:0 auto; font-size:1.25em; line-height:48px;  color:#201f1f; background:#fff; border-radius: 48px;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
a.ft-social-icon:hover {color:#fff; background:#424242;}

.ft-gradient  {position:absolute; z-index: 0; top:0; left:0;  width:100%; height:100%; background:rgb(32,31,31); background: linear-gradient(0deg, rgba(32,31,31,1) 0%, rgba(32,31,31,0.5802696078431373) 100%);}

.ft-divider {overflow: hidden; margin:0 0 -35px 0;}
.ft-divider img{width:100%; margin:0 auto; pointer-events: none;}

/*  FOOTER COPYRIGHT
------------------------------------------------*/
.foot-copyright {padding:calc(1.85em + 35px) 5% 1.5625em 5%; font-size:.875em; font-weight:500; color:#4e4e4e; background:#d8d8d8;}





/************************************************ Responsive Styles **/


@media screen and (max-width: 1750px) {
	nav.primary ul li a {padding:12px 14px; font-size:1em;}
}

@media screen and (max-width: 1500px) {
	.site-header {padding: 55px 4.5% 35px 4.5%;}
	.brandlogos {margin:0 3%;}
	nav.primary {width: 100%; margin: 30px 0 0 0;}
	nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around;}
	
	.brand-highlight{display:flex; flex-flow:row wrap; justify-content: space-between; margin:15% 0 6.5% 0; padding:calc(15px + 3.5%) 5% calc(15px + 1%) 5%; background:#f5f5f5;}
}

@media screen and (max-width: 1200px) {
	.brand-showroom {width:100%; margin:2em 0 3em 0;}
}

@media screen and (max-width: 1024px) {
	nav.primary{display:none;}
	#menu-button{width:100%; display: block; margin:35px 0 0 0;  font-size: 1.25em; line-height:1; position: relative; z-index:400; text-align:center;}
	#menu-button a{color:#0f0f0f; text-decoration: none;font-weight:500; }
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:right;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #141845 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	
	
	
	
	
	
	.brand-highlight{display:flex; flex-flow:row wrap; justify-content: space-between; margin:25% 0 6.5% 0; padding:calc(15px + 3.5%) 5% calc(15px + 1%) 0; background:#f5f5f5;}
	.bh-banner {order:1; position:relative;  width:100%; height:450px; margin:calc(-140px - 2.5%) auto calc(15px + 3.5%) 0;}
	.bh-banner:after{
		content:""; position:absolute; z-index:0; right:-25px; bottom:-32px; width:100%; height:450px; background:#e1e1e1; 
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	}
	.bh-banner-image{
		position:relative; z-index:1; width:100%; height:450px; margin:0 auto 0 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	}
	.bh-details {order:2; width:85%; max-width:505px; margin:1.5em 0 1.5em 5%;}
	
	.contactmain article {width: 100%;}
	.contactmain .embed-map {width:100%; margin:3em 0 0 0;}
	
	.why-statement {font-size:1.35em; line-height:1.5;}

	.gc-item {flex:calc(50% - 30px);}
	.gc-item.new-cat {height:280px;}
	.gc-item.all-cat {flex:calc(50% - 30px); height:280px;}
	.gc-group {order:5; flex:1; display:flex; flex-flow:row wrap; margin:0;}
	.gc-group .gc-item {flex:calc(50% - 30px); height:280px; margin:15px;}
	
	.foot-copyright {text-align: center;}
}

@media screen and (max-width: 768px) {
	.site-header {padding:45px 4.5% 35px 4.5%; border-top:53px #141845 solid;}
	.header-contact {
		top:-53px; right:auto; left:0; width:95%; min-width:0; padding:.85em 3.5%; color:#141845; border-top:8px #0a0c20 solid; background:#fefefe;
		-webkit-clip-path: polygon(100% 0%, 99% 100%, 0% 100%, 0% 0%); clip-path: polygon(100% 0%, 99% 100%, 0% 100%, 0 0%);
	}

	.logo img{max-width:275px;}
	.brandlogos {margin:0 0 0 3%;}
	.hd-new-holland img {max-width:120px; margin:0 15px 0 0;}
	.hd-kioti {max-width:40px;}

	.brand-highlight{display:flex; flex-flow:row wrap; justify-content: space-between; margin:25% 0 6.5% 0; padding:calc(15px + 3.5%) 10% calc(15px + 1%) 0; background:#f5f5f5;}
	.bh-banner {order:1; position:relative;  width:100%; height:300px; margin:calc(-140px - 2.5%) auto calc(15px + 3.5%) 0;}
	.bh-banner:after{
		content:""; position:absolute; z-index:0; right:-25px; bottom:-32px; width:100%; height:300px; background:#e1e1e1; 
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	}

	.bh-banner-image{
		position:relative; z-index:1; width:100%; height:300px; margin:0 auto 0 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	}
	.bh-details {order:2; width:85%; max-width:505px; margin:1.5em 0 1.5em 5%;}
	
	.subhero {padding: calc(20px + 25%) 10% 5px 10%;}
	
	.sidebarmain {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between;}
	.sidebarmain article {width:100%;}
	.sidebarbox {width:100%; margin:3em 0 0 0;}
	
	.why-statement {background:url("/siteart/mp4s/field-background.jpg") no-repeat center; background-size:cover; }
	.statement-video {display:none;}

	.welcome {overflow:hidden; padding:calc(20px + 4%) 8% calc(20px + 4.5%) 12.5%;}
	.welcome h1:after {top:auto; left:33%; bottom: -.25em;}
	
	.gc-item, .gc-item.all-cat, .gc-group .gc-item {flex:calc(100% - 30px); height:250px; margin:15px 0;}
	.gc-group {flex:100%}
	
	.site-footer {flex-flow:column wrap; align-items:center;}
	.ft-col {flex:1 85%; margin:0 0 2em 0;}
	.ft-contact {order:2; text-align:center;}
	.ft-col-main {order:1; text-align:center;}
	.ft-hours {order:3; text-align:center;}
	.ft-social {order:4;}
}

@media screen and (max-width: 675px) {	
	.header-contact a {padding: 0 8px;}
	.header-contact a span {display:none;}
	.brand-highlight{margin:35% 0 6.5% 0;}
}

@media screen and (max-width: 550px) {
	.logo{margin:0 auto 20px auto;}
	.brandlogos {justify-content:center; width:100%; padding:0; }
	.bh-banner-logo img {width: 50%;}
}

@media screen and (max-width: 400px){
	.header-contact {width:98%; padding:1em 2.5%;}
	.header-contact a {padding: 0 8px; font-size:.9em;}
	
	.brand-highlight{margin:45% 0 6.5% 0;}
	.bh-banner {order:1; position:relative;  width:100%; height:250px; margin:calc(-140px - 2.5%) auto calc(15px + 3.5%) 0;}
	.bh-banner:after{
		content:""; position:absolute; z-index:0; right:-25px; bottom:-32px; width:100%; height:250px; background:#e1e1e1; 
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	}
	.bh-banner-image{
		position:relative; z-index:1; width:100%; height:250px; margin:0 auto 0 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 96% 100%, 0% 100%);
	}
}