@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	color:#000;
	line-height:1!important;
	font-family: 'Roboto', sans-serif;
}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

/****************************************************************************hover easing style


			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;

/*=========================================================================================
ALL PAGES
==========================================================================================*/

/*=========FONTS=================================

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;

================================================*/

h1, h2, h3, h4, h5, h6, .h1 {
font-family: 'Roboto Condensed', sans-serif;	
}
p {font-family: 'Roboto', sans-serif;}

.wrap {width:95%;max-width:1600px;margin:0 auto;}

/*================================
HEADER
================================*/

header {
	width:100%;
	float:left;
	background:#fff;
	border-bottom:5px solid #a3191f;
}

.logo {
	width:500px;
	float:left;
	padding-left:150px;
	box-sizing:border-box;
	margin-top:25px;
}

.logo img  {
	width:100%;
	float:left;
	max-width:250px;
}

.tophead {
	width:calc(100% - 500px);
	float:left;
	padding:15px 0;
	padding-right:150px;
	box-sizing:border-box;
}

.tophead p {
	width:calc(100% - 120px);
	float:left;
	padding-right:20px;
	box-sizing:border-box;
	text-align:right;
	color:#000;
	font-size:20px;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

.tophead img {
	width:100px;
	float:right;
	
}



/*================================
SLIDESHOW
================================*/

.slide-contain {
	width:100%;
	float:left;
}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left;}

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#D30003; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#001f66;}
.pager > * { cursor:pointer;}


/* parallax css */

.sample-work {
    margin-left: 0px;
    margin-right: 0px;
    height: 700px;
    overflow: hidden;
}

svg {
    display: block;
    overflow: visible;
  }
  .slider-container {
    position: relative;
    height: 100%;
    user-select: none;
    cursor: all-scroll;
  }
  .slider-control {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 12%;
    height: 100%;
    transition: opacity 0.3s;
    will-change: opacity;
    opacity: 0;
  }
  .slider-control.inactive:hover {
    cursor: auto;
  }
  .slider-control:not(.inactive):hover {
    opacity: 1;
    cursor: pointer;
  }
  .slider-control.left {
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .slider-control.right {
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  }
  .slider-pagi {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    font-size: 0;
    list-style-type: none;
  }
  .slider-pagi__elem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin: 0 0.75rem;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
  }
  .slider-pagi__elem:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
    transform: translate(-50%, -50%) scale(0);
  }
  .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
    transform: translate(-50%, -50%) scale(1);
  }
  .slider {
    z-index: 1;
    position: relative;
    height: 100%;
  }
  .slider.animating {
    transition: transform 0.5s;
    will-change: transform;
  }
  .slider.animating .slide__bg {
    transition: transform 0.5s;
    will-change: transform;
  }

  .sample-work .slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .slide.active .slide__overlay, .slide.active .slide__text {
    opacity: 1;
    transform: translateX(0);
  }
  .slide__bg {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background-size: cover;
    will-change: transform;
  }
  .slide:nth-child(1) {
    left: 0;
  }
  .slide:nth-child(1) .slide__bg {
    left: 0;
    background-image: url('/siteart/Slideshow/case-tractor.jpg');
/*     background-image: url(../img/office-slide.jpeg); */
    background-position: center;
  }
  .slide:nth-child(1) .slide__overlay-path {
    fill: rgba(0,0,0,.7);
	 
  }

.slideimg {
	width:100%;max-width:500px;float:right;
}

 .slide__text-link {
width:100%;max-width:300px;float:right;background:#a3191f;color:#fff;text-align:center;padding:15px;box-sizing:border-box;	text-transform:uppercase;font-size:18px; font-family: 'Roboto Condensed', sans-serif!important; text-decoration:none;margin-right:100px;
}

#yellows {background:#ffc20f!important; color: #000!important;}
#caseyellow {background:#e58e1a!important; color: #000!important;}
  @media (max-width: 991px) {
    .slide:nth-child(1) .slide__text {
      background-color:  rgba(0,0,0,.5);
    }
  }
  .slide:nth-child(2) {
    left: 100%;
  }
  .slide:nth-child(2) .slide__bg {
    left: -50%;
    background-image: url('/siteart/Slideshow/case-combine.jpg');
/*     background-image: url(../img/residential-slide.jpeg); */
    background-position: center;
  }
  .slide:nth-child(2) .slide__overlay-path {
    fill: #c1a172;
  }
  @media (max-width: 991px) {
    .slide:nth-child(2) .slide__text {
      background-color: rgba(193,161,114,.50);
    }
  }
  .slide:nth-child(3) {
    left: 200%;
  }
  .slide:nth-child(3) .slide__bg {
    left: -100%;
    background-image: url('/siteart/Slideshow/cub cadet 2.jpg');
/*     background-image: url(../img/slide-office.jpeg); */
    background-position: center;
  }
  .slide:nth-child(3) .slide__overlay-path {
    fill: #242e23;
  }
  @media (max-width: 991px) {
    .slide:nth-child(3) .slide__text {
      background-color: rgba(36,46,35,.50);
    }
  }
  .slide:nth-child(4) {
    left: 300%;
  }
  .slide:nth-child(4) .slide__bg {
    left: -150%;
    background-image: url('/siteart/Slideshow/skidloader track.jpg');
/*     background-image: url(../img/budget-slide.jpeg); */
    background-position: center;
  }
  .slide:nth-child(4) .slide__overlay-path {
    fill: #7d7068;
  }
  @media (max-width: 991px) {
    .slide:nth-child(4) .slide__text {
      background-color:rgba(125,112,104,0.50);
    }
  }
  .slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .slide__overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    min-height: 810px;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
    will-change: transform, opacity;
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
	  width:800px;float:right;
  }
  @media (max-width: 991px) {
    .slide__overlay {
      display: none;
    }
  }
  .slide__overlay path {
    opacity: 0.5;
  }
  .slide__text {
    position: absolute;
    width: 25%;
    bottom: 35%;
    right: 3%;
    color: #fff;
    transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
    will-change: transform, opacity;
    transform: translateY(-50%);
    opacity: 0;
  }
  @media (max-width: 991px) {
    .slide__text {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 13rem;
      text-align: center;
      transform: translateY(50%);
      transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
      padding: 0 1rem;
		box-sizing:border-box;
    }
	  .slideimg {max-width:345px;float:none;}
  }
  .slide__text-heading {
    font-family: 'Polar', Helvetica, Arial, sans-serif;
    /* font-size: 5rem; */
    /* margin-bottom: 2rem; */
  }
  @media (max-width: 991px) {
    .slide__text-heading {
      line-height: 20rem;
      /* font-size: 3.5rem; */
    }
  }
  .slide__text-desc {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /* font-size: 1.8rem; */
    margin-bottom: 1.5rem;
  }
  @media (max-width: 991px) {
    .slide__text-desc {
      display: none;
    }
  }
  .slide__text-link {
    z-index: 5;
    display: inline-block;
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
   
    /* font-size: 2.3rem; */
    perspective: 1000px;
  }
  @media (max-width: 991px) {
    .slide__text-link {
    width:96%;
		max-width:500px!important;float:none;
    }
  }
  .slide__text-link:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    transform-origin: 50% 100%;
    transform: rotateX(-85deg);
    transition: transform 0.3s;
    will-change: transform;
  }
  .slide__text-link:hover:before {
    transform: rotateX(0);
  }
  
/* parallax ends */

/*=================================================
CTAS
=================================================*/
.ctas {
	width:100%;
	float:left;
	border-top:3px solid #fff;
}

#firstcta {width:30%;margin-left:-5%;padding-left:5%;box-sizing:border-box;}

#lastcta {width:30%;margin-right:-5%;padding-right:5%;box-sizing:border-box;}

.ctafourth {width:25%;float:left;;box-sizing:border-box;border-right:3px solid #fff; 
	transform: skewX(-30deg);
	overflow:hidden;}

.ctaoverlay {
	width:100%;float:left;
	background:rgba(0,0,0,.40);
	padding:90px 10px;box-sizing:border-box;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
  	-moz-transition: all .5s ease; /* Firefox */
  	-ms-transition: all .5s ease; /* IE 9 */
  	-o-transition: all .5s ease; /* Opera */
  	transition: all .5s ease;
}

.ctas h3 {
	width:100%;float:left;text-align:center;font-size:18px;letter-spacing:7px;text-transform:uppercase;color:#a3191f;
}

.ctas h2 {
	width:100%;float:left;text-align:center;font-size:37px;color:#fff;text-shadow:2px 2px 5px #000;text-transform:uppercase;font-style:italic;font-weight:900;
}

#ag {
	background:url("/siteart/ag.png");
	background-size:cover;
	background-position:center;
}

#construction {
	background:url("/siteart/construction.jpg");
	background-size:cover;
	background-position:center;
}

#cub {
	background:url("/siteart/ccadet.jpg");
	background-size:cover;
	background-position:center;
}

#contacts {
	background:url("/siteart/building.JPG");
	background-size:cover;
	background-position:center;
}

.inner {
	display:block;
	width:130%;float:left;transform: skewX(30deg);margin-left:-15%;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
  	-moz-transition: all .5s ease; /* Firefox */
  	-ms-transition: all .5s ease; /* IE 9 */
  	-o-transition: all .5s ease; /* Opera */
  	transition: all .5s ease;
}

.ctafourth:hover .ctaoverlay{

	background:rgba(0,0,0,.0);
}

.ctafourth:hover .inner {
	transform: scale(1.1) skewX(30deg);
}


/*======================================
welcome
=======================================*/

.welcome {
	width:100%;
	float:left;
	background:#fff;
	padding:80px 0;
}

.welcometext {
	width:calc(100% - 400px);
	float:left;
	padding-right:80px;
	box-sizing:border-box;
}

.welcomeimg {
	width:400px;float:left;
	margin-top:-20px;
}

.welcomeimg img {width:100%;}

.welcometext h3 {width:100%;float:left;font-weight:500;font-size:23px;letter-spacing:5px;text-transform:uppercase;}

.welcometext h1 {width:100%;float:left;text-transform:uppercase;font-size:47px;text-align:left;color:#a3191f;font-weight:900;font-style:italic;margin-bottom:20px;}

.welcometext p {width:100%;float:left;color:#000;font-size:18px;line-height:30px;}


/*======================================
MANUFACTURERS
=======================================*/

.manus {
	width: 100%;
    float: left;
    background: #a3191f;
    padding: 30px 0;
    box-sizing: border-box;
}

.manus h2 {width:333px;float:left;text-transform:uppercase;font-size:40px;text-align:left;color:#fff;font-weight:900;font-style:italic;}

.bars {width:calc(100% - 333px);float:left;height:5px;background:#fff;margin-top:18px;}

.pads {width:100%;float:left;height:20px;}

.manufifth {border: 2px solid #fff;
    box-sizing: border-box;
    padding: 20px 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}

.manufifth img {width: auto;
    margin: 0 auto;
    max-width: 100%;
    display: block;}

.manufifth:hover {
	transform: scale(1.1);box-shadow:0px 0px 10px #fff;
}

#yanmar {margin-left:10.5%;}

.manu-flex a {
    flex-basis: 17.9%;
    margin: 15px;
}

.manu-flex {
	margin-top: 60px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

/*======================================
MAP
=======================================*/

.mapsection {width:100%;float:left;background:url("/siteart/mapbg.jpg");background-size:cover;background-attachment:fixed;padding:30px 0;}


.mapimg {width:calc(100% - 750px);float:right;}

.mapimg img {width:100%;max-width:500px;float:right;}

.mapinfo {
	width:100%;max-width:750px;float:left;background:rgba(163,25,31,0.70);border:1px solid #fff;box-sizing:border-box;padding:30px!important;margin-top:50px;
}

.infohalf {width:50%;float:left;}

.infohalf p {width:100%;float:left;font-size:18px;color:#fff;text-transform:uppercase;line-height:30px;}

.infohalf p strong {font-size:25px;}

.infohalf p a {color:#fff;}



/*============================
FOOTER
============================*/

footer {width:100%;float:left;border-top:5px solid #a3191f;border-bottom:5px solid #a3191f;background:#fff;}

.footnav {width:calc(100% - 300px); float:left;}

.footnav ul {width:calc(100% - 80px);float:left;background:#a3191f;}

.footnav ul li {float:left;}

.footnav ul li a {float:left;font-size:18px;color:#fff;text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif;text-decoration:none;padding:45px 30px;}

.bottomtriangle {
	width:0;
	height:0;
	border-top:108px solid #a3191f;
	border-right:80px solid transparent;
	float:left;}

.footlogo {width:300px;float:left;}

.footlogo img {width:100%;;max-width:225px;padding:25px 0;margin:0 auto;display:block;}

.bottomfoot {width:100%;float:left;background:#000;padding:15px 0;}

.bottomfoot p {width:50%;float:left;color:#fff;font-size:14px;text-transform:uppercase;padding:5px 0;}

/*=====================================================================
SUBPAGES
=====================================================================*/

.title {
	width:100%;float:left;background:url("/siteart/title-bg.jpg");background-size:cover;background-attachment:fixed;padding:80px 0;border-bottom:5px solid #a3191f;
}

.title h1, .title .h1 {width:100%;float:left;text-align:center;font-weight:900;font-size:55px;font-style:italic;text-transform:uppercase;color:#fff;text-shadow: 0 0 5px #000;}


.submain {width:100%;float:left;padding:50px 0;}


/*============================
CONTACT PAGE
============================*/

.conmapinfo {width:500px;float:left;padding-right:20px;box-sizing:border-box;}

.conmapinfo p {font-size:18px;line-height:27px;}

.conmapinfo p a {color:#a3191f}

.contactmap {width:calc(100% - 500px);float:left;height:500px;}


/*============================
PRODUCT LINES
============================*/
.prolines .manufifth {background:#a3191f!important;border:2px solid #000;}

.halves {
	width:48%;
	float:left;
	margin:30px 1%;
	border:2px solid #a3191f;
	background-color: #a3191f;
	box-sizing:border-box;
	padding:30px;
	}

.halves img {
	width:50%;
	margin:0 auto;
	display:block;
	}

.halves:hover {
	border:2px solid #000;
	background-color: #757575;
	
}


/*===================== 

FACETED INVENTORY

=======================*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-listing-mobile .view-listing-details-link {
	color: #fff!important;
	background-color: #a3191f!important;
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {
	color: #fff!important;
	background-color: #a3191f!important;
}

.faceted-search-content .selected-facets-container .selected-facet {
	color: #fff!important;
	background-color: #a3191f!important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {
	color: #fff!important;
	background-color: #a3191f!important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
	color: #fff!important;
	background-color: #a3191f!important;
	border: none!important;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {
	border: 1px solid #a3191f!important;
	color: #a3191f!important;

}

.detail-content .dealer-info .phone-and-email .send-email-btn {
	background-color: #fff!important;
	color: #a3191f!important;
	border: 1px solid #a3191f!important;
}

.detail-content .search-results {
	color: #a3191f!important;
}

.paging-container .page-navs .list-page-nav {
	color: #fff!important;
	background-color: #a3191f!important;
}

.list-content .list-title .list-title-text {
	color: #a3191f!important;
}

.list-content .list-title .list-listings-count {
	color: #333!important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info > * {
	color: #000!important;
}







/*========================================================================
==========================================================================
	RESPONSIVE
==========================================================================
========================================================================*/


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

	.inner {
		width:150%;margin-left:-25%;
	}
}

@media screen and (max-width: 1775px) { 
	.ctas h2 {font-size:28px;}
	.ctas h3 {font-size:12px;letter-spacing:4px;}
}

@media screen and (max-width: 1750px) { 
	.tophead {padding-right:5%;}
	.logo {padding-left:5%;}
	.slide__text-link {max-width:100%;margin-right:0;}
}




@media screen and (max-width: 1555px) { 
	.tophead {padding-right:2.5%;}
	.logo {padding-left:2.5%;}
}

@media screen and (max-width: 1515px) { 
	.footnav ul li a {padding:45px 15px;}
	.manu-flex a {
    flex-basis: 21.9%;
	}
}

@media screen and (max-width: 1455px) {
	.logo {width:350px;}
	.tophead {width:calc(100% - 350px)}
}

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

	
	.ctafourth {width:50%!important;transform:skewX(0deg);border-bottom:3px solid #fff;}
	.inner {transform:skewX(0deg);width:100%;margin-left:0;}
	#firstcta {margin-left:0;padding-left:0;}
	
	#lastcta {margin-right:0;padding-right:0;}
	


.ctafourth:hover .inner {
	transform: scale(1.1) skewX(0deg);
}

}

@media screen and (max-width: 1340px) {
	.sample-work {height:500px!important;}
	.slide__overlay {min-height:600px;width:400px;}
	
	
	.welcometext {padding-right:30px;}
	.conmapinfo {width:375px;}
	.contactmap {width:calc(100% - 375px);}
}

@media screen and (max-width: 1300px) { 
	.mapinfo{max-width:535px;margin-top:25px;margin-top:10px;}
	.mapimg {width:calc(100% - 535px);}
	.mapimg img {max-width:350px;margin-top:10px;}
	.infohalf p {font-size:14px;}
	
	.footnav ul li a {font-size:14px;padding:47px 15px;}
	
	}

@media screen and (max-width: 1180px) {
	.tophead p {font-size:16px;margin-top:7px;padding-right:10px;}

}

@media screen and (max-width: 1140px) {
	.footnav {width:100%;}
	.footnav ul {width:100%;}
	.bottomtriangle {display:none;}
	.footlogo {width:100%;}
	.footlogo img {float:none;margin:0 auto;}
	.footnav ul li a {font-size:14px;padding:20px 15px;}
}

@media screen and (max-width: 1100px) {
	.halves {width:100%;margin:1% 0;}
	.manu-flex a {
    flex-basis: 28.9%;
		    margin: 5px;
	}
}

@media screen and (max-width: 1000px) {
	.welcometext {width:100%;padding-right:0;margin-bottom:30px;}
	.welcomeimg {width:100%;max-width:400px;margin-top:0;margin:0 auto;dispaly:block;float:none;}
	
	#yanmar {margin-left:1%;}
}

@media screen and (max-width: 925px) {
	.tophead {display:none;}	
	.logo {margin-top:10px;}
	.mapimg {display:none;}
	.mapinfo{max-width:100%;margin-top:0;}
	
	
}

@media screen and (max-width: 875px) {
	.conmapinfo {width:100%;padding-right:0;}
	.contactmap {width:100%;margin-top:20px;}
	.manu-flex a {
    flex-basis: 47.9%;
		    margin: 5px;
	}
	
	
}

@media screen and (max-width: 710px) {
	.ctafourth {width:100%!important;}
	.ctaoverlay {padding:50px 10px;}
	.sample-work {height:400px!important;}
}

@media screen and (max-width: 585px) {
	.logo { width:200px;}
	.infohalf {width:100%;margin-bottom:20px;}
	.bottomfoot p {width:100%;text-align:center!important;font-size:12px;}
	.halves {padding:15px;}
	
	.manu-flex a {
    flex-basis: 100%;
		margin: 0;
	}
	
	.manu-flex {
		gap: 15px;
	}
	
	.manufifth img{
		width: 200px !important;
	}
}

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