﻿/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	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%;}


/*===================== 
		Fonts
=======================*/



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
	padding:0;
	background:url("../siteart/bricks.jpg") repeat !important;
	color:#000;
	}

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; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:700;
	line-height:1.5em;
	color:#06549c;
	}
	h1, .h1 {font-size: 36px;}
	h2, .h2 {font-size: 30px;}
	h3, .h3 {font-size: 24px;}
	h4, .h4 {font-size: 20px;}
	h5, .h5 {font-size: 18px;}

p {
    font-family: 'Poppins', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
    color:#686868;
	}
strong{font-family: 'Poppins', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.navbar{background:url("../siteart/navback.jpg") repeat;width:100%;position:relative;}
.navbar:after {
    content: " ";
    position: absolute;
    display: block;
    width: 90%;
    height: 100%;
    top: 0;
    left: -20px;
    z-index: -1;
    background:url("../siteart/navback.jpg") repeat;
    transform-origin: bottom left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}

.addressbar{background:#495058; padding:5px 50px;font-size:14px;color:#fff;width:70%;float:right;position:relative;}
.addressbar p{padding:0 0 0 0;}
.addressbar a{color:#fff !important;}
.addressbar a:hover{color:#fcdf17 !important;}
.addressbar i{margin-right:5px;}
.addressbar ul{list-style:none;padding:0;margin:0;}
.addressbar ul li{float:left;padding:7px 40px 7px 0;font-size:16px;font-weight:700;}
.addressbar ul li:last-child{float:left;padding:7px 0 7px 0;}

.addressbar:after {
    content: " ";
    position: absolute;
    display: block;
    width: 90%;
    height: 100%;
    top: 0;
    left: -20px;
    z-index: -1;
    background: #495058;
    transform-origin: bottom left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}

header{position:absolute;width:100%;z-index:100;margin:0;background:url("../siteart/furley_bg_@2X-85.png") repeat;}

.headerwrap{width:100%;margin:0 auto;}
.headlogo{float:left;margin:1% 0 1% 5%;}
.headright{float:right;width:45%;}
.nhhead{float:right;margin:1% 5%; max-width: calc(100% - 260px); display: flex; gap: 6px;}

	.nhhead img{
		max-width: 100%;
	}
	.nhhead a{
		max-width: 50%;
		display: flex; align-items: center;
	}
/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1720px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1760px;margin:0 auto;}
.internal{padding:2% 0;background:url("../siteart/light_checkered_tiles75.png"),#fff;}
.internal h2, .internal .h2{padding-bottom:0;}	
.listed{padding:0 !important;}
.benefits{margin:0 0 2% 0;}
.benefits li{font-size:18px;margin:4px 0;color:#686868;}
.centered{text-align:center;}

/*===================== 
	slideshow styles 
=======================*/
.heroslide{position:relative;}
.slidetext{position:absolute;top:35%;left:0;width:25%;padding:2%;background:rgba(205,205,205,0.9);text-align:center;}
.slidetext h2, .slidetext .h2{color:#06549c;font-size:32px;line-height:1.1em;padding:0;}
.slidetext p{color:#545454;font-size:20px;}
.slidetext a{display:inline-block;zoom: 1;*display: inline;padding:8px 0;width:45%;margin:0 2%;background:#06549c;text-align:center;color:#fff;font-weight:700;font-size:16px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:2px 4px 5px rgba(0,0,0,0.4);-webkit-box-shadow:2px 4px 5px rgba(0,0,0,0.4);box-shadow:2px 4px 5px rgba(0,0,0,0.4);}
.slidetext a:hover{background:url("../siteart/navback.jpg") repeat-x;color:#06549c;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}



/*===================== 
	welcome styles 
=======================*/
.welcome{background:#fff;}
.welcome h3, .welcome .h3{color:#06549c;font-weight:400;padding:0;line-height:1em;}
.welcome h1, .welcome .h1{color:#06549c;line-height:1.2em;}
.welcome h4, .welcome .h4{padding:0;}
.welcome{position:relative;padding:2% 0;}
.welcomeleft,.welcomeright{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.welcomeleft{width:50%;margin-left:5%;position:relative;padding-top:200px;}	
.tractorhero{position:absolute;z-index:90;top:-190px;right:0;}
.welcomeright{width:44%;}
.linkbutton{text-align:center;background:#06549c;width:300px;float:left;margin:2% 2% 0 0;padding:5px 0;font-weight:400;font-size:16px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:2px 4px 5px rgba(0,0,0,0.4);-webkit-box-shadow:2px 4px 5px rgba(0,0,0,0.4);box-shadow:2px 4px 5px rgba(0,0,0,0.4);}
.linkbutton h4{color:#fff;padding:0;}
.linkbutton:hover{cursor:pointer;background:url("../siteart/navback.jpg") repeat-x;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}	
.linkbutton:hover h4{color:#06549c;}

/*===================== 
	quicklink styles 
=======================*/
.quicklinks{width:100%;display:block;margin:0 auto;text-align:center;}
.linkbox{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;position:relative;width:45%;margin:2%;-moz-box-shadow:2px 4px 5px rgba(0,0,0,0.4);-webkit-box-shadow:2px 4px 5px rgba(0,0,0,0.4);box-shadow:2px 4px 5px rgba(0,0,0,0.4);height:120px;overflow:hidden; background-color: #000;}
.linktitle{position:absolute;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;width:96%;left:2%;right:2%;z-index:92;}
#allinv{width:95%;}
.linktitle h3, .linktitle .h3{color:#fff;font-weight:900;}
.linktitle p{color:#fff;padding:0;}
.overlay{position:absolute;z-index:91;width:100%;height:100%;display:block;background:rgba(6,84,156,0.7);}
.linkbox img{margin-top:-20px;}
#allinv img{margin-top:-40px;}
.linkbox:hover .overlay{background:rgba(252,223,23,0.8);}
.linkbox:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-ms-transition:.2s ease-in;transition:.2s ease-in;}
.linkbox:hover .linktitle h3, .linkbox:hover .linktitle .h3{color:#06549c;}
.linkbox:hover .linktitle p{color:#06549c;width:80%;margin:0 auto;border-top:4px solid #06549c;-webkit-transition:.4s ease-in;-moz-transition:.4s ease-in;-o-transition:.4s ease-in;-ms-transition:.4s ease-in;transition:.4s ease-in;}

/*===================== 
	mapblock styles 
=======================*/
.mapblock{position:relative;padding:10px 0;background:#06549c;}
.locationwedge{position:absolute;z-index:1;width:40%;left:30%;right:30%;top:0;background:#06549c;padding:0.5% 0;text-align:center;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.mapblock iframe{height:350px;}
.locationwedge h2, .locationwedge .h2,.locationwedge p{color:#fff;}
.locationwedge h2, .locationwedge .h2{font-weight:900;line-height:1.1em;padding:0;}
.locationwedge p{padding:0;}

/*===================== 
	Form styles 
=======================*/
#headinternal{margin:10px 0;padding-bottom:0;}
.commentbox{width:98%;}
#formpage .half{width:48%;margin-right:2%;float:left;}
#formpage .half strong,#formpage .commentbox strong{font-weight:normal;}
.captchabox{width:80%;margin:0 auto;}

#formpage{padding:2% 0;}

form{
	margin:0 0 0;
}
#formpage label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
#formpage input{
	font-family: 'Poppins', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
#formpage input:focus{
	border: #2885b3 solid 1px;
}

#formpage select{
	font-family: 'Poppins', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
}

#formpage textarea{
	font-family: 'Poppins', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

#formpage .sendbutton{background:#06549c;color:#fff;padding:5px 0;font-weight:900;font-size:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:2px 4px 5px rgba(0,0,0,0.4);-webkit-box-shadow:2px 4px 5px rgba(0,0,0,0.4);box-shadow:2px 4px 5px rgba(0,0,0,0.4);border:none;}
#formpage .sendbutton:hover{background:url("../siteart/navback.jpg") repeat-x;cursor:pointer;color:#06549c;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;border:none;}


/*===================== 
	inventory styles 
=======================*/
.scrollinginventory{padding:2% 0;background:#3e3e3e;}
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/*===================== 
	brands styles 
=======================*/
.brandgrid{text-align:center;margin:0 auto;text-align:center;}
.brandbox{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;width:15%;margin:1% 2%;}
.brandbox:hover img{-moz-transform:scale(0.9);-webkit-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}

/*===================== 
	contact styles 
=======================*/
#contactleft,#contactright{vertical-align:top;}
#contactleft{padding:0;}
#contactright h3, #contactright .h3{padding:0;}
#contactright iframe{height:400px;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.4);box-shadow:0 3px 3px rgba(0,0,0,0.4);}

/*===================== 
	finance styles 
=======================*/
.financeblock{text-align:center;margin:0 auto;}
.financeblock a{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:1% 2%;width:28%;}

/*===================== 
	footer styles 
=======================*/

.pagebottom{background:url("../siteart/footerback.png") center bottom no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;padding:40px 0 20px 0;}
.pagebottom p{color:#545454;font-size:18px;}
.pagebottom a{color:#545454 !important;}
.pagebottom a:hover{color:#06549c !important;}
.pagebottom h4{color:#06549c;padding:0;}
.footerleft{width:40%;float:left;}
.footerlogos{float:left;width:30%;}
.footercontact{float:left;width:68%;margin-left:2%;}
.footerright{width:55%;float:right;margin-left:5%;}
.footerdouble{width:65%;float:left;}
.half{float:left;width:50%;}
.footersingle{width:30%;float:left;margin-left:5%;}
.footerdouble a,.footersingle a{display:block;font-size:18px;margin:3px 0;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #06549c;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footertext {
	font-size:11px; 
	color:#545454;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	margin:2% auto;
    text-align: center;
	}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1680px) {
	#allinv img{margin-top:-25px;}
}

@media screen and (max-width: 1560px) {
    .headlogo{margin-left:2%;}
	.headright{width:55%;}
	.addressbar{width:80%;padding-left:30px;}
    .nhhead{margin:1% 2%;}
    .wrapper{width:92%;}
	.slidetext{width:35%;}
	.welcomeleft{margin-left:2%;}
	.welcomeright{width:47%;}
	
    .half strong,.commentbox strong{font-size:14px;}
}

@media screen and (max-width: 1400px) {
	h1, .h1 {font-size: 30px;}
	h2, .h2 {font-size: 26px;}
	h3, .h3 {font-size: 20px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 16px;}
    p {font-size: 16px;}
	.slidetext h2, .slidetext .h2{font-size:28px;}
	.slidetext p{font-size:16px;}
	.slidetext a{font-size:14px;}
	.linkbox{height:100px;}
	.linkbutton{width:240px;}
	.linkbutton h4{font-size:16px;}
    .mapblock iframe{height:340px;}
    
	.brandbox{width:18%;}
	#formpage .sendbutton{font-size:16px;}
}

@media screen and (max-width: 1280px) {
    .addressbar{padding:5px 20px;}
    .addressbar ul li{font-size:15px;}
	.tractorhero{width:400px;top:-110px;}
    .brandbox:hover img{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
	.welcomeleft{padding-top:150px;}
}

@media screen and (max-width: 1100px) { 
	.slidetext{top:40%;width:40%;}
	.tractorhero{width:320px;top:-60px;}
	.welcome{padding-bottom:4%;}
	.linkbox{height:90px;}
	.linkbutton{width:200px;}
	#allinv img{margin-top:-10px;}
	.linkbox img{margin-top:0;}
    .mapblock iframe{height:300px;}
	.footerdouble a,.footersingle a,.pagebottom p{font-size:16px;}
}

@media screen and (max-width: 1000px) {
	h1, .h1 {font-size: 26px;}
	h2, .h2 {font-size: 22px;}
	h3, .h3 {font-size: 18px;}
	h4, .h4 {font-size: 16px;}
	h5, .h5 {font-size: 15px;}
    p {font-size: 15px;}     
    .headlogo{width:250px;margin-left:0;}
	.headright{width:60%;}
	.nhhead{display:none;}
    .addressbar{width:85%;padding:5px 20px 5px 0;}
    .addressbar ul li{padding-right:20px;font-size:14px;}
	.slidetext{position:relative;width:92%;padding:2% 4% 3% 4%;display:block;margin:0 auto;}
	.tractorhero{display:none;}
	.welcome{padding:4% 0;}
	.welcomeleft{padding:5% 0;width:100%;text-align:center;margin:0 auto;}
	.welcome h1{padding-bottom:1%;}
	.linkbutton{width:40%;float:none;margin:0 1%;display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
	.welcomeright{width:80%;margin:0 auto;display:block;}
	.footerleft{width:50%;}
	.footerright{width:48%;margin-left:2%;}
	.footerdouble,.footersingle{width:50%;margin:0;}
	.footerdouble .half{float:none;display:block;width:100%;}
	
	#formpage{text-align:left;padding:0;}
	#contactright{text-align:center;width:100%;}
	#contactright iframe{height:300px;}
	#contactright h3, #contactright .h3, #contactright p{display:none;}
}

@media screen and (max-width: 800px) {
    header{position:relative;height:190px;}
    .headlogo{float:none;position:absolute;top:80px;left:0;width:220px;}
    .headright{width:100%;float:none;display:block;}
	.nhhead{display:flex;padding-top:20px;}
    .addressbar{width:96%;padding:2px 2%;float:none;display:block;text-align:center;}
    .addressbar ul li,.addressbar ul li:last-child{display:inline-block;zoom: 1;*display: inline;vertical-align:top;float:none;margin:0 10px;font-size:14px;}
	.slidetext h2, .slidetext .h2{font-size:24px;}
	.welcomeright{width:96%;}
    .mapblock{background:#06549c;padding-bottom:10px;}
    .locationwedge,.mapblock iframe{display:block;width:100%;position:relative;text-align:center;left:auto;right:auto;}
    .mapblock iframe{width:100%;height:250px;}
    .pagebottom{padding:30px 0;}
	.footerleft,.footerright{width:100%;margin:0 auto;text-align:center;float:none;display:block;}
	.footerlogos,.footercontact{display:block;margin:0 auto;width:100%;}
	.footerlogos img{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;width:150px;margin-bottom:10px;}
	
	.internal{padding:4% 0;}
	.internal h2, .internal .h2{text-align:center;}
	.brandbox{width:25%;margin:2% 3%;}
}

@media screen and (max-width: 600px) {
	h1, .h1 {font-size: 24px;}
	h2, .h2 {font-size: 20px;}
	h3, .h3 {font-size: 18px;}
	h4, .h4 {font-size: 16px;}
	h5, .h5 {font-size: 15px;}
    p {font-size: 14px;}   
	header{height:180px;}
	.nhhead{margin-left:0;margin-right:3%; padding-top: 10px;}

	.welcomeright{width:100%;}
	.linkbox{height:80px;}
	.linkbox:hover .linktitle p{border-top:2px solid #06549c;}
	.footerdouble,.footersingle{width:100%;float:none;display:block;margin:0 auto;padding-bottom:4%;}	

	#formpage .half,.commentbox{float:none;width:100%;margin:0 auto;}
	#contactright iframe{height:250px;}
}

@media screen and (max-width: 480px){
    header{height:180px;}
	.addressbar ul li,.addressbar ul li:last-child{display:block;margin:4px auto;text-align:center;padding:0;}
	.headlogo{width:180px;top:95px;}
	.nhhead{flex-wrap: wrap; padding-top: 10px; max-width: 130px;}
	.nhhead a{max-width: 80%;}
	.linkbutton{width:90%;margin:1% auto;}
    
    .half,.commentbox{width:100%;margin:0 auto;}
	.brandbox{width:40%;}
}

@media screen and (max-width: 414px){
	.slidetext a{display:block;width:90%;margin:2% auto;}
	.welcomeright{margin-top:4%;}
	.linkbox,#allinv{width:100%;margin:4% auto;display:block;}
	
	.captchabox{width:100%;}
}

@media screen and (max-width: 400px){
	.slidetext{padding:4%;}
    .footercolumn h4{font-size:14px;}
	.footerleft img{width:130px;}
}
	
@media screen and (max-width: 320px){
    header{height:195px;}
}
