@charset "UTF-8";

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

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; font-family: 'red_hat_textregular', sans-serif !important; background:#fff;}

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


/* 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:normal;}
h3 {font-size:20px; 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:#e01e33; text-decoration:none;}

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

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

/* TEXT EMPHASIS */
em {font-style:italic; font-family: 'red_hat_textitalic', sans-serif;}
strong {font-weight: 700; font-family: 'red_hat_textbold', sans-serif;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

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


.redColor {color:#e01e33;}



.lr-gap {margin:4px;}
.no-tb-gap {margin:0 4px;}


.gravely-red {color:#fefefe; background:#da291c;}
.gravely-red img {filter:grayscale(1) brightness(1000%);}
.ariens-orange {color:#222; background:#ff4000;}
.ariens-orange img {filter:grayscale(1) brightness(0%);}
.ventrac-blue {color:#fefefe; background:#062e61;}
.ventrac-blue img {filter:grayscale(1) brightness(0%) invert(100%);}
.kawasaki-red {color:#fefefe; background:#d9272e;}
.kawasaki-red img {filter:grayscale(1) brightness(0%) invert(100%);}

.sheffield-green {color:#fefefe; background:#20553E;}
.sheffield-green img {filter:grayscale(1) brightness(1000%);}

.currency-blue {color:#fefefe; background:#003A5D;}
.currency-blue img {filter:grayscale(1) brightness(1000%);}

.yard-green {color:#008000; background:#eef5d8;}




a.buttonPillWhite {display:inline-block; padding:1em 2em; font-size:1.125em; color:#fefefe; border: 1px #fefefe solid; border-radius: 35px; font-family: 'red_hat_textmedium', sans-serif;}
a.buttonPillWhite:hover {color:#161616; background:#fefefe;}
a.buttonPillWhite.buttonSolid {color:#161616; background:#fefefe;}
a.buttonPillWhite.buttonSolid:hover {color:#fefefe; background:transparent;}
a.buttonPillWhite.buttonSolidRed {color:#fefefe; background:#e01e33;}
a.buttonPillWhite.buttonSolid:hover {color:#fefefe; background:transparent;}




/* HEADER CONTACT BAR
------------------------------------------------*/	
.header-contact {display:flex; flex-flow:row wrap; align-content:center; justify-content:flex-end; padding:.75em 2.5%; text-align:right; background:#e01e33;}
.header-contact a {font-size:1.1875em; text-decoration:none; color:#fff; font-family: 'red_hat_textmedium', sans-serif;}

.header-contact a[href^="tel:"] {margin:0 2.5% 0 0;}
.header-contact a[href^="tel:"]:before {position:relative; z-index:0; right:5px; bottom:-4px; font-size:1.35em; color:#111; content: "\f095"; font-family: FontAwesome;}
.header-contact a:before {position:relative; z-index:0; right:5px; bottom:-3px; font-size:1.35em; color:#111; content: "\f3c5"; font-family: FontAwesome;}


/* SITE HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; padding:1.4em 2.5% 1.2em 2.5%; background:#151515;}	
	
/* LOGO
------------------------------------------------*/	
.logo {
	margin:-55px 0 0 0;
	-webkit-animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}	
.logo img {width:190px;}

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

nav.primary {z-index:500; position:relative; margin:5px 0 0 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 15px;
    font-size:1.375em; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase; color:#eee;
	font-family: 'red_hat_displaybold', sans-serif;
	-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:#e01e33;}

/*  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:#e01e33;}

/*  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;}




.nav-social {width:44px; height:44px; margin:5px 0 0 0;}
.nav-social a {display:block; font-size:1.375em; line-height:44px; text-align:center; color:#fff; border-radius:44px; background:#e01e33;}




/*  HERO 
------------------------------------------------*/	
.hero {position:relative; max-height:770px; border-radius:35px; overflow:hidden; background:#000;}
.hero h1 {
	position: absolute; z-index: 10; left: 20%; top: 50%; transform: translate(-20%,-50%); font-size:calc(16px + 3vw); line-height:1.2; color:#fff; font-family: 'red_hat_displayblack';
	text-shadow: 5px 5px rgba(0,0,0,0.5);	
}
.hero h1 span {font-size:calc(16px + 2vw); line-height:1.2;}
.hero .heroGradient {position:absolute; z-index:1; width:100%; height:100%; background: rgb(24,24,24); background: linear-gradient(270deg, rgba(24,24,24,0.5) 0%, rgba(31,31,31,0.3) 100%);}
.hero .heroVideo {position: relative;margin:-8% 0 0 0; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.hero .heroVideo iframe{ position: absolute; top: -8%; left: -8%; width: 116%; height: 116%; }




/*  BRAND BANNER
------------------------------------------------*/	
.brand-banner {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;}
.brand-banner div {flex:1; -webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.brand-banner a {display:block; padding:.5em;}
.brand-banner img {width:100%; max-width:215px; margin:0 auto;}







/*  PROMO SLIDER
------------------------------------------------*/
.highlight-slider {z-index:1; position:relative;  /*overflow:hidden; border-radius: 35px;*/}

.highlight-slider .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 40px; background:#000;}
/*.highlight-slider .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}*/

.highlight-item {
	display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;	
	position:relative; width:100%; /*height:560px;*/ border-radius: 35px;
}

.grass-bg-1 {background:#000 url("/siteart/highlight-slides/grass-background-1.jpg") no-repeat center; background-size:cover;}
.grass-bg-2 {background:#000 url("/siteart/highlight-slides/grass-background-2.jpg") no-repeat center; background-size:cover;}
.grass-bg-3 {background:#000 url("/siteart/highlight-slides/grass-background-3.jpg") no-repeat center; background-size:cover;}
.grass-bg-4 {background:#000 url("/siteart/highlight-slides/grass-background-4.jpg") no-repeat center; background-size:cover;}
.grass-bg-5 {background:#000 url("/siteart/highlight-slides/grass-background-5.jpg") no-repeat center; background-size:cover;}
.grass-bg-6 {background:#000 url("/siteart/highlight-slides/grass-background-6.jpg") no-repeat center; background-size:cover;}


.highlight-item-title {
	box-sizing:border-box; width:70%; padding:1.025em 5%; font-size:3.4vw; line-height:1.1; color:#fff; font-family: 'red_hat_displayblack'; text-shadow: 3px 3px 0px #000;
}

.highlight-item-body { display:inline-block; box-sizing:border-box; width:100%; padding:2em 5%; background: rgba(32,32,32,.6); border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}

.hi-info {width:50%; color:#fefefe;}
.hi-info p {font-size:1.6875em; font-family: 'red_hat_textmedium', sans-serif;}




.hi-foot {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; margin:2em 3% 0 3%;}

.hi-link {}
a.highlightPill{display:inline-block;height:27px; padding:1em 2em; font-size:1.125em; border-radius: 35px; color:inherit; font-family: 'red_hat_textmedium', sans-serif;}
a.highlightPill:hover {color:#161616; background:#fefefe;}

.hi-logo {}
.hi-logo img {width:100%; max-height:60px; filter:grayscale(1) brightness(0%) invert(100%);}





.highlight-item-equipment {position:absolute; bottom:10px; right:0; width:40%;}
.highlight-item-equipment img {width:100%; max-width: 685px;}

.highlight-slider .cycle-pager {
	position:absolute; overflow: hidden; z-index:500; bottom:15px; right:50px; width:auto; padding:0 15px 0 6px; text-align:right; /*background:rgba(15,15,15,0.52);*/
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.highlight-slider .cycle-pager span {display: inline-block; width:30px; height:58px; font-size:60px; line-height:1; color:#d4d4d4; font-family: arial; cursor: pointer;}
.highlight-slider .cycle-pager span.cycle-pager-active {color:#e01e33;}
.highlight-slider .cycle-pager > * {cursor:pointer;}






/*  EQUIPMENT SHOWCASE
------------------------------------------------*/
.grass-pattern-background {width:auto; height:285px; margin: calc(120px + 1.5%) 0 0 0; background: url("/siteart/tall-grass-pattern.png") repeat-x;}

.showcase-banner {position:relative; z-index:5; display:flex; flex-flow:row wrap; align-content:flex-end; justify-content:space-between;  background:#dfdedf;}
.showcase-banner div {position:relative; width:25%; -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}
.showcase-banner .showcase-side {z-index:2;}
.showcase-banner .showcase-bottom {z-index:3; }
.showcase-mobile {display: none;}

.showcase-banner img {position:absolute; bottom:-20px; width:100%;}

.equipment-banner {z-index:1; display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;}
.equipment-banner div {flex:1; border-right:4px #fff solid;
	-webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.equipment-banner div:last-of-type {border-right:0; }
.equipment-banner img {width:100%; max-width:215px; margin:0 auto; padding:0 10px; }




/*  ICON BLOCKS
------------------------------------------------*/
.icon-block {width:130px; height:130px; font-size:68px; line-height:130px; text-align:center; border-radius:45px;}
.redBlock {color:#fff; background:#c7242a;}
.whiteBlock {color:#d8272e; background:#f1f1f1;}
.grayBlock {color:#f8f7f7; background:#474445;}



/*  MAIN
------------------------------------------------*/	
.main {padding:5.5% 10%; border-radius: 35px; background:#f7f7f7;}
.main-alt {background:#e1e1e1;}

.sub-main {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/*  ARTICLE
------------------------------------------------*/
article h1{font-size:2.85em; line-height:1.25; text-transform: uppercase; color:#252525; font-family: 'red_hat_displayblack', sans-serif; }
article h2{font-size:2.6em; line-height:1.25; color:#e01e32; font-family: 'red_hat_displayblack', sans-serif;}
article p{font-size:1.45em; line-height:1.45; font-family: 'red_hat_textmedium', sans-serif; color:#090909;}



.quickinfo-section {display:flex; flex-flow:row wrap; justify-content:space-between;}
.quickcontact-section {
	flex:.5;padding:5.5% 10%; border-radius: 35px; background:#f7f7f7;
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.map-section {
	overflow:hidden; flex:.5; min-height: 300px; border-radius: 35px; background:#ccc;
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.map-section iframe {width:100%; height:100%;}



.search-section {
	margin:5% 0 0 0;
	padding:3.5% 5%;
	border-radius: 35px;
	background:#222; 
}

.hours-table {width:85%; font-size:1.35em; line-height:1.75;}
.ht-row {display:flex; flex-flow:row wrap; justify-content:space-between; padding:.25em .5em}
.ht-row:nth-of-type(even) {border-radius: 15px; background:rgba(0,0,0,0.05);}
.ht-days {flex:50%; font-family: 'red_hat_textmedium',sans-serif;}
.ht-hours {flex:50%; text-align: right;}

.form-section {
	padding:5.5% 10%; border-radius: 35px; background:#e01e32;
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.form-section h2,
.form-section h3{
    text-transform: uppercase;
	color:#fff;
	font-size:2.6em; line-height:1.25; font-family: 'red_hat_displayblack', sans-serif;
}
.form-section p {font-size:1.45em; line-height:1.45; font-family: 'red_hat_textmedium', sans-serif; color:#fff;}





/*  MAINLINE BANNER
------------------------------------------------*/
.mainline-banner {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:5% 0 0 0;}
.mainline-banner a {flex:1 16%; margin:0 2%;}
.mainline-banner a img {width:100%; max-width:243px; margin:0 auto;}
.mainline-title {width:100%; margin:0 0 .85em 0; font-size:calc(1em + 1.4vw); text-transform:uppercase; font-family: 'red_hat_textmedium', sans-serif;}



.financing-section  {display:flex; flex-flow:row wrap; justify-content:space-between;}
.finance-item {overflow:hidden; flex:.49; border-radius:20px; background:#fff; }
.finance-title {padding:.5em .75em;font-size:1.8em; line-height:1.25;font-family: 'red_hat_displayblack', sans-serif;}
.finance-details {padding:1em 2em;}
.finance-details ul {margin:.5em 0 .75em 0;; list-style:none; column-count: 2;}
.finance-details ul li {margin:0 0 0 .5em; font-size:1.25em; line-height: 2; }





/*  SERVICES / KAWASAKI ENGINES
------------------------------------------------*/
.services-section {
	display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; color:#FEFEFE;
	padding:5%; border-radius:35px; background: rgb(196,35,41); background: linear-gradient(180deg, rgba(196,35,41,1) 0%, rgba(217,39,46,1) 100%);
}

.services-brand {flex:.65;}
img.services-equipment-showcase {
	margin:calc(-85px - 5%) 0 0 -10%; width:100%; max-width:570px;
	-webkit-animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.services-brand-links {
	display:flex; flex-flow:row wrap; align-content:center; justify-content:flex-start; margin:2em 0 0 1.5%;
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.services-brand-logo {margin:0 2.5% 0 0;}
.services-brand-logo img {width:100%; max-width:178px; filter:grayscale(1) brightness(0%) invert(100%);}

.services-descriptions {
	align-self:center; flex:.5; color:#FEFEFE;
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.services-desc-item {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between;}
.services-desc-item:nth-of-type(n+2) {margin:4em 0 0 0;}
.services-desc-item .icon-block {margin:0 5% 0 0;}
.services-desc-item-text {flex:1;}
.services-desc-item-text p {font-size:1.35em; line-height:1.5;  font-family: 'red_hat_textregular', sans-serif;}
.services-desc-item-title {margin:0 0 .15em 0; font-size:1.75em; text-transform:uppercase; font-family: 'red_hat_displaybold', sans-serif;}



/*  COMPANY BLURB / QUOTE
------------------------------------------------*/
.company-blurb {padding:5% 10%; color:#cecece; border-radius: 35px; background:#373435 url('/siteart/grass-edge-dark.png') repeat-x center bottom;}
.company-blurb p {
	font-size:calc(16px + 1.15vw); font-style:italic; letter-spacing:.025em;  color:#cecece; font-family: 'red_hat_displaymedium_italic', sans-serif;
	-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.company-blurb p strong {color:#e5e5e5; font-family: 'red_hat_displaybold_italic', sans-serif;}

.company-owner {
	margin:1.25em 0 0 0; font-size:calc(16px + .45vw); color:#fff; font-family: 'red_hat_textmedium', sans-serif;
	-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}


/*  FOOTER
------------------------------------------------*/
.site-footer {
	position:relative; overflow:hidden; padding:3.5% 4% calc(3.5% + 25px) 4%;
	color:#e7e7e7; border-top-left-radius: 35px; border-top-right-radius: 35px; background: rgb(1,1,1); background: linear-gradient(180deg, rgba(1,1,1,1) 0%, rgba(42,42,42,1) 100%);	
}

.site-footer hr {border-top:1px #333333 solid; border-bottom:1px #333333 solid;}

.comapny-name-bg {
	position:absolute; top:-.35em; left:-.15em; z-index:0;
	font-size:11vw; text-transform:uppercase; color:#191919; font-family: 'red_hat_displayblack', sans-serif;
	-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.foot-body {
	position:relative; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between;
	margin:0 0 2em 0;
}

.foot-brand {display:flex; flex-flow:row wrap; width:max(34%, 585px);}

.foot-logo {
	width:150px; margin:0 1.5em 0 0;
	-webkit-animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.foot-logo img {width:100%;}

.foot-tagline {
	align-self:center; margin:.25em 0 0 0; font-size:1.0625em; text-transform:uppercase; font-family: 'red_hat_displayblack', sans-serif;
	-webkit-animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
.foot-tagline span {font-size:1.54em; font-family: 'red_hat_displaybold', sans-serif;}

.foot-description {margin:1.25em 0; font-size:1.4375em; line-height:1.4;}

.foot-social {width:44px; height:44px;}
.foot-social a{display:block; font-size:1.375em; line-height:44px; text-align:center; color:#f7f7f7; border-radius:44px; background:#393939;}

.foot-location {width:25%; font-size:1.375em; line-height:1.65;}
.foot-location strong {line-height:2.2;}
.foot-location span {font-family: 'red_hat_textmedium', sans-serif;}

.foot-bottom {
	position:relative; z-index:1;
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;
	padding:.75em 1em; color:#e2e2e2;
}

.foot-stripes {
	position:absolute; bottom:0; left:0; z-index:0; width:100%; height:35px;
	background-color: #2a2a2a; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='https://www.w3.org/2000/svg'%3E%3Cg fill='%231d1d1d' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}


.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .listing-main-img {
    object-fit: contain !important;
}


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

@media screen and (max-width: 1350px) {
	.grass-pattern-background {margin: calc(35px + 1.5%) 0 0 0;}
	.highlight-item-title {width: 100%;}
	.hi-info {width:45%;}
	.highlight-item-equipment {width:45%;}
	.hours-table {width:100%;}
	.foot-brand {width:max(100%, 585px);}
	.foot-location {width:50%;}
	.foot-social {margin:0 0 2em 0;}
}

@media screen and (max-width: 1024px) {
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index:400; margin:5px 0 0 0;}
	#menu-button a{
		display: block; margin:0; padding:12px 15px; font-size:1.375em; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase; color:#eee;
		font-family: 'red_hat_displaybold', sans-serif;
	}
	
	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;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		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 .menu-header {	
		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:left;
		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 #e01e33 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);}	
	
	
	
	.hero .heroVideo {margin:-5% 0 0 0;}
	.hero .heroVideo iframe{top: -10%; left: -10%; width: 120%; height: 120%; }
	
	.highlight-item-title {box-sizing:border-box; padding:1.025em 2.5%; font-size: calc(4vw + 16px); text-align: center;}
	.highlight-item-body {padding: 2em 5% 80px 5%;}
	.hi-info {width:100%;}
	.hi-foot {margin: 2em 3%;}
	.highlight-item-equipment {display:none;}
	
	.highlight-slider .cycle-pager {right: 0; left:0; margin:auto; text-align:center;}
	
	.grass-pattern-background {height: 285px; margin:90px 0 0 0;}
	.showcase-bottom.showcase-desktop {display:none;}
	/*.equipment-banner {margin: 0 0 300px 0;}*/
	.showcase-banner div {width:50%;}
	.equipment-banner div {flex: calc(50% - 4px); border-bottom:4px #fff solid;}
	.equipment-banner div:nth-of-type(odd) {border-right:4px #fff solid;}
	.equipment-banner div:nth-of-type(2) {border-right:0;}
	.equipment-banner div:nth-of-type(n+3) {border-bottom: 0;}
	
	.showcase-mobile {display:flex;}
	
	
	.brand-banner div {flex:1 50%;}
	
	.mainline-banner .icon-block {order:0;} 
	.mainline-title{order:1; margin:1em 0 .5em;}
	.mainline-banner a {order:2;flex:1 46%; margin:.5em 2%;}
	
	.finance-item {flex:100%; margin:1em 0;}
	
	.services-brand {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; flex:100%;}
	img.services-equipment-showcase {margin:-8.5% 0 0 -5.55%; width:50%;}
	.services-brand-links {flex-flow:column wrap; justify-content:center; margin:2em auto 0 auto; text-align:center; }
	.services-brand-logo {margin:0 auto 2em auto;}
	.services-brand-logo img {width:100%; max-width:300px; margin:0 auto;}

	.services-descriptions {flex:100%; margin:5em 0 0 0;}
	.services-desc-item {flex-flow:column wrap;}
	.services-desc-item:nth-of-type(n+2) {margin:5em 0 0 0;}
	.services-desc-item .icon-block {margin:0 0 .5em 0;}

	
}

@media screen and (max-width: 950px) {
	
	/*.showcase-banner .showcase-center {position:absolute; left:0; right:0; margin: auto; padding:20px 0 0 0;}
	.showcase-banner img {position:absolute; bottom:0; width:100%;}*/
	
	
	.quickinfo-section {display:flex; flex-flow:row wrap; justify-content:space-between;}

	.quickcontact-section {flex:100%;}
	.map-section {flex:100%;}
}

@media screen and (max-width: 900px) {
	.header-contact a span {display:none; }
}

@media screen and (max-width: 768px) {
	.logo {margin:-12px 0 0 0;}	
	.logo img {width:130px;}
	
	
	.hero h1 {font-size:calc(16px + 4vw);}
	.hero h1 span {font-size:calc(16px + 1.85vw); line-height:1; }
	.hero .heroVideo {margin:-10% 0 0 0; padding-bottom: 75%;}
	.hero .heroVideo iframe{top: -20%; left: -20%; width: 140%; height: 140%; }	
	
	
	.company-blurb {padding:10%;}
	/*.company-blurb p span {display:none;} */
	
	.services-brand-logo img {max-width:200px;}
	
	
	.grass-pattern-background {
        height: 255px;
        margin: 35px 0 0 0;
    }
	
	.foot-location {width:100%; margin:0 0 1.5em 0;}
	.foot-location:last-of-type {margin: 0;}
}

@media screen and (max-width: 650px) {
	.equipment-banner img {max-width:200px; padding:10px; box-sizing: border-box;}
	
	.grass-pattern-background {
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 500px) {
	.header-contact {display:flex; flex-flow:column wrap; align-content:center; justify-content:center;}
	.header-contact a {text-align:center;}
	.header-contact a[href^="tel:"] {margin:0 0 .5em 0;}
	
	
	img.services-equipment-showcase {width:90%;}
	.services-brand-logo img {max-width:250px;}
	
	.ht-row {flex-flow:column wrap;}
	.ht-row:nth-of-type(even) {background:transparent;}
	.ht-hours {text-align: left;}
}

@media screen and (max-width: 450px) {
	.brand-banner div {flex:1 100%;}
	.grass-pattern-background {height: 215px;}
}

@media screen and (max-width: 320px){

}