@charset "utf-8";
/* CSS Document */



* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	color:#004b92;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


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

.wrap {
width:95%;	
margin:0 auto;
float:left;
padding:0 2%;
}

.headerwrap {
max-width:95%;	
margin:0 auto;
max-width:1400px;
padding:0 2%;
}


p {
 color:#004b92;	
 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

hr { 
    display: block;
   
    border-style: solid;
    border-width: 1px;
	border-color:#004b92;
	color:#004b92;
} 

.clear {clear: both; height:0px; margin:0;}

a {
text-decoration:none;
color:#004b92;	
}

a:hover {
	text-decoration:underline;
}



/*Slide Down Notification*/
.container-bnr {
	width: 100%;
	float:left;
	z-index:9999;
	height: auto;
	text-align:center;
	bottom:0px;
	text-align: center;
}

.bnr {
	width:100%; 
	height:auto; 
	background:#004b92;
	background-size: cover;
	color:#000; 
	text-align:center; 
	box-sizing: border-box;
	z-index:10; 
	bottom:15px;
	margin-bottom: -15px;
	overflow: hidden;
	margin: 0 auto;
}
.bar-left {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	height: 55px;
	width: 90%;
	box-sizing: border-box;
	padding: 10px 0px 0px 0px;
	color: white;
	font-size: 22px;
	text-shadow: 2px 2px #000;
	line-height: 150%;
}
.bar-left a {
	background: #FFF;
	padding: 10px 18px;
	border-radius: 4px;
	text-decoration: none;
	margin-left: 10px;
	font-size: 12px;
	text-shadow: none;
}

.bar-right {
	float: left;
	background: url(siteart/bar2.jpg) no-repeat;
	background-size: cover;
	height: 60px;
	width: 10%;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 0px 0px 0px;
}

.bar-right img {
width:40px;	
}

.bar-right img:hover {
	cursor: pointer;
}

.hide { 
	display:none;
}


.closeNow { 
	right: -50000px;
}


.topbutton a{
width:60%;
float:left;
background:#000;
margin:0 0% 0 25%;
text-align:center;
color:#fff;	
font-family: 'bebas_neueregular', san-serif;
font-weight:500;
font-size:32px;
border:3px solid #000;
-webkit-transition: all .2s ease; /* Safari and Chrome */
    -moz-transition: all .2s ease; /* Firefox */
    -ms-transition: all .2s ease; /* IE 9 */
    -o-transition: all .2s ease; /* Opera */
    transition: all .2s ease;
}

.topbutton a:hover {
	background:#ed731e;
	color:#000;
}

/*Slide Down Notification*/

/**************************HEADER***************************/

header {
	width:100%;
	background:#fff;
	float:left;	
}

.logo {
width:20%;
float:left;	
padding:10px 0;
}

.contact {
float:right;
width:25%;	
text-align:right;
padding-top:10px;
font-weight:700;
}

.fiftyfifth {
width:15%;
float:right;
margin-left:0%;	
margin-top:10px;
}

.fiftyfifth img {
width:160px;
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:-65px 0 -2px; position:relative; z-index:999; float:left; height:1px;}
.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:#002A5C;}
.pager > * { cursor:pointer;}

/*********************************************brands***************************************************/

.brands {
width:90%;
margin:25px auto 0;	
line-height:10px;
}

.column {
width:20%;
float:left;	
}

.column img {
width:60%;
margin:0 auto;
display:block;
}

/*******************************************PICTURE BUTTONS*****************************/

.picturebuttons {
float:left;
width:100%;	

}

.onethird {
float:left;
width:33.3333%;	
}

.picturebuttons p{
color:#fff;	
font-size:20px;
}

.picturebuttons h2 {
color:#fff;
font-size:35px;	
}

#tractors {
background:url(../siteart/tractors.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;	
}

#tractors:hover {
background:url(../siteart/tractor_hover.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;	
}

#other {
background:url(../siteart/others.jpg);	
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}

#other:hover {
background:url(../siteart/other_hover.jpg);	
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
}

#all {
background:url(../siteart/all.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;	
}

#all:hover {
background:url(../siteart/all_hover.jpg);
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;	
	
}

.labels {
	width:100%;
	height:40%;	
	padding:25% 0;
	text-align:center;
}

/**********************************WELCOME*******************************/

.welcome {
width: 90%;
margin:15px auto 25px;	
}

.about {
width:50%;
float:left;	
margin-bottom:25px;
}

.about p {
line-height:22px;	
	
}

.aboutpic {
width:40%;
float:left;
margin-left:10%;	
}

.button {
	float:left;
	width:40%;
	margin-right:10%;
	margin-top:3%;
	background:	#004b92;
	color:#fff;
	padding:10px 0;
	text-align:center;
	border-radius:10px;
	  box-shadow: 3px 3px 5px #888888;
}

.button:hover {
background:#02386B;
}

/***************************calculator*************************/


.calculator {
    width:29%;

    margin:30px auto 50px;
}
.financial-calc {background:#fff; width:100%; height:420px;}

	@media screen and (max-width: 1024px) {
	.calculator {
	width:53%;	
	}
	}
	
	 @media screen and (max-width: 700px) {
		 .calculator {
	width:82%;	
	}
	}
 
    @media screen and (max-width: 580px) {
        .calculator {
            width:100%;
            margin:20px auto 30px;
            float:none;
        }
        .financial-calc {height:420px;}     
    }         
   
     
     
h5 {

    font-size:2em;
    font-weight:normal;
    margin-bottom:0;
	color:#004b92;	
 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size:24px;
}   

.finance {
width:50%;
margin:20px 0;
float:left;
text-align:center;	
}



.ag {
width:50%;
margin:10px auto;	
}

.express {
width:50%;
margin:35px auto 0;	
}

 @media screen and (max-width: 1370px) {
	.express {
width:50%;
margin:15px auto 0;	
}
 }
 
  @media screen and (max-width: 1099px) {
.finance {
	width:100%;	
	}
 }


 @media screen and (max-width: 800px) {
	.finance {
	width:100%;	
	}
 }



     
     


/**********************************************scrolling*****************************/

.scrolling-wrap {
    width:100%;
    height:106px;
    overflow:hidden;
	background:#004b92;
	margin-top:-4px;
}
 
.scrolling{
    width:100%;
    height:92px;
}


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

.contactinfo {
	width:21%;
	float:left;
	
}

.map {
width:74%;
height:400px;	
float:left;
margin-left:5%;
}

/*********************WEATHER***************/

.icon-sidebar {
	display:block;
	width:50px;
	position:absolute;
	z-index:999;
	top:220px; right:0;
}
.side {
	background: #fff;
    width: 300px;
    position: absolute;
    z-index: 100;
}

.side2 {
	background: #fff;
    width: 300px;
    position: absolute;
    z-index: 100;
}

.side3 {
	background: #fff;
    width: 300px;
    position: absolute;
    z-index: 100;
}
#weather {
    right: -300px;
    height: 159px;
    z-index: 999999999;
}
#weatherTab {
	background: #1b96d1 url(../siteart/weather-icon.png) no-repeat center;
	display: block;
	height:50px;
	width:50px; 
    position: absolute;
    left: -50px;
    top: 0px;
}


#weatherTab:hover {background-color:#1884B7; cursor:pointer;}

#fbTab {
	background: #004598 url(../siteart/fb.png) no-repeat center;
	display: block;
	height:50px;
	width:50px; 
    position: absolute;
    left: -50px;
    top: 0px;
}

#fbTab:hover {background-color:#003473; cursor:pointer;}




#fb {
    right: -300px;
	top:50px;
    height: 400px;
    z-index: 999;
}



/***********************************footer*************************/

.onethirdfoot {
float:left;
width:33.3333%;	
}

.footonethird {
float:left;
width:46%;	
}

.footonethird1 {
float:left;
width:20%;	
}

.footonethird p {
margin-bottom:20px;	
}


.logo2 {
	width:50%;
	margin-bottom:20px;
}

footer {
width:100%;
position:relative;

}

.nin {
width:90%;
margin:25px auto;
position:relative;	
}



.center {
margin:0 auto;
width:65%;
margin:0 auto;	
}

.center1 {
	margin:0 auto;
width:75%;
margin:0 auto;
}

.foot {
width:100%;
background:#004b92;	
float:left;
padding-bottom:25px;
}

.footernav {
width:100%;
margin:0 auto;	
float:left;
}

.foo {
margin:25px 0 40px;
width:16%;
float:left;
color:#fff!important;	
text-align:center;
}

.foo a {
color:#fff!important;	
}

.foo a:hover{
color:#fff!important;
text-decoration:underline;	
}
 
 
 a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#aaa!important;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#aaa!important;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#aaa;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#aaa;}

.divfooter {width:75%; text-align:center; margin:0px auto 10px; color:#aaa;}

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

.center1 {

width:100%;	
}
	
}

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

.center1 {

width:100%;	
}
	
}
@media screen and (max-width: 1327px)  {
.fiftyfifth {
width:12%;	
}

.fiftyfifth img {
width:100%;	
}
}

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


.center {
float:right;
width:auto;	
}

.footernav {
width:100%;
}
}


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

.about {
width:100%;	
}

.aboutpic {
    width: 100%;
    margin:0;
}

.contactinfo {
width:30%;	
}

.map {
width:65%;	
}



}

@media screen and (max-width: 900px)  {
.picturebuttons h2 {
font-size:25px;	
}

.footernav {
font-size:14px;
}

	.onethirdfoot {
	width:60%;
	float:none;
	margin:0 auto;	
	}
	
	.logo2 {
		width:50%;
		margin:0 auto 25px;
}

.footonethird {
width:70%;	
}

.footonethird1 {
width:30%;	
}

.fiftyfifth {
    width: 17%;
    margin-right: 7%;
}

.bar-left {
font-size:14px;	
height:40px;
}
.bar-right {
height:35px;	
}

.bar-right img {
width:22px;	
}


}
@media screen and (max-width: 750px)  {
.footernav {
display:none;
}

.footonethird p {
font-size:14px;	
}

.divfooter {
margin-top:30px;	
}
}

@media screen and (max-width: 700px)  {
.logo {
width:200px;
margin:0 auto 35px;
float:none;	
}

.contact {
display:none;	
}

.contactinfo {
width:100%;
text-align:center;	
margin-bottom:25px;
}

.map {
width:100%;	
margin-left:0;
height:250px;
margin-bottom:25px;
}


.fiftyfifth {
    width: 17%;
    margin-right: 0%;
    margin-top: -154px;
}

.container-bnr {
display:none;	
}

}


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


.center {
float:none;
text-align:center;	
}
}

@media screen and (max-width: 630px)  {
.picturebuttons h2 {
font-size:18px;	
}

.picturebuttons p {
	font-size:14px;
}

.pager {  
margin:-40px 0 -2px;
}

.picturebuttons img {
margin-top:-3px;
float:left;	
}
	
}

@media screen and (max-width: 575px)  {
	.footonethird{
width:100%;
text-align:center;	
margin-bottom:3%;
}
	.footonethird1{
width:100%;
text-align:center;	
margin-bottom:3%;
}

.footonethird p {
float:none!important;	
}

.footonethird1 p {
float:none!important;	
}

.onethirdfoot {
width:100%;	
}

h1 {
font-size:25px;	
}

.about p {
font-size:16px;	
}


.icon-sidebar {
display:none;	
}

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

.onethird {
width:100%;	
}

.picturebuttons h2 {
font-size:35px;	
}

.picturebuttons p {
	font-size:25px;
}

.column {
width:50%;	
}

.button {
width:100%;
float:none;
margin:3% auto;	
}

.welcome {
text-align:center;	
}




	
}

@media screen and (max-width: 330px)  { 
.picturebuttons h2 {
font-size:25px;	
}

.fiftyfifth {
display:none;	
}
}