@font-face {
	font-family: "Manning"; 
	src: url('fonts/manning.ttf'), url('fonts/manning.ttf');
}

@font-face { 
	font-family: "BodyFont"; 
	src: url('fonts/fontmedium.ttf'), url('fonts/fontmedium.ttf');
}

@font-face { 
	font-family: "TitleHeavy"; 
	src: url('fonts/fontheavy.ttf'), url('fonts/fontheavy.ttf');
}

@font-face { 
	font-family: "PageTitles"; 
	src: url('fonts/diesel.ttf'), url('fonts/diesel.ttf');
}

@font-face { 
	font-family: "OldSans"; 
	src: url('fonts/oldsans.ttf'), url('fonts/oldsans.ttf');
}

@font-face { 
	font-family: "OldSansBold"; 
	src: url('fonts/OpenSans-Semibold.ttf'), url('fonts/OpenSans-Semibold.ttf');
}

@font-face { 
	font-family: "PageMainHeadings"; 
	src: url('fonts/abadi.ttf'), url('fonts/abadi.ttf');
}

@font-face { 
	font-family: "BodyHeavy"; 
	src: url('fonts/fontbold.ttf'), url('fonts/fontbold.ttf');
}

@font-face { 
	font-family: "AccentText"; 
	src: url('fonts/belgrano.ttf'), url('fonts/belgrano.ttf');
}

@font-face { 
	font-family: "Stylish"; 
	src: url('fonts/stylish.ttf'), url('fonts/stylish.ttf');
}

@font-face { 
	font-family: "Headliner"; 
	src: url('fonts/amsi.ttf'), url('fonts/amsi.ttf');
}

@font-face { 
	font-family: "Headliner2"; 
	src: url('fonts/futura.ttf'), url('fonts/futura.ttf');
}

@font-face { 
	font-family: "PageSubHeading"; 
	src: url('fonts/digimpact.ttf'), url('fonts/digimpact.ttf');
}

@font-face { 
	font-family: "PageHeadings"; 
	src: url('fonts/digiscript.ttf'), url('fonts/digiscript.ttf');
}

@font-face { 
	font-family: "Hancock"; 
	src: url('fonts/hancock.otf'), url('fonts/hancock.otf');
}

@font-face { 
	font-family: "SansExtraBold"; 
	src: url('fonts/OpenSans-ExtraBold.ttf'), url('fonts/OpenSans-ExtraBold.ttf');
}





a:link, a:active, a:visited {
	color: rgba(0,112,201,1);
	font-weight: bold !important;
	transition: 0.15s ease-in-out;
}

a:hover {
	text-decoration: underline !important;	
}

a:label {
	text-decoration: none;
}

.TextLink {
border-radius: 6px;
transition: 0s ease-in-out !important;
}

.TextLink:hover {
border-bottom: 2px solid rgba(0,112,201,1);
}


tbody .AlternateRows tr:nth-child(odd) {
  background-color: rgba(160,150,150,0.1);
}

.NoAlternate {
  background-color: rgba(0,0,0,0) !important;
}



/* DETERMINE WHICH NAVIGATION TO DISPLAY DEPENDING ON DEVICE (START) */

.DesktopNavigation-Visibility {
display: block;
visibility: visible;
width: 100%; 
height: 40px;
position: fixed;
left: 0px; top: 0px !important;
z-index: 999980;
}
@media only screen and (max-width: 640px) {
.DesktopNavigation-Visibility {
display: none;
visibility: hidden;
}
}

.MobileNavigation-Visibility {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 640px) {
.MobileNavigation-Visibility {
display: block;
visibility: visible;
width: 100%; 
height: 40px;
position: fixed;
left: 0px; top: 0px !important;
z-index: 999980;
}
}

/* DETERMINE WHICH NAVIGATION TO DISPLAY DEPENDING ON DEVICE (END) */





.DiallerButton {
position: absolute;
bottom: 10px;
right: 10px;
width: 40px;
height: 40px;
filter: drop-shadow(2px 2px 9px rgba(0,0,0,0.2));
z-index: 10000000000000;
}

.DiallerButtonContainer {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}


.DiallerButton {
display: none;
}


@media only screen and (max-width: 640px) {
.DiallerButton {
display: block;
position: fixed;
left: 20px;
bottom: -60px;
width: 55px;
height: auto;
z-index: 999;
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
animation-name: slideup;
animation-delay: 3s;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.1, -1, 0.2, 1);
}
}

@keyframes slideup {
0%{bottom:-60px}
100%{bottom:15px;}
}












.tempbanner {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
width: 95%;

border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
margin-top: 10px;
margin-bottom: 10px;

background: rgb(241,218,54);
background: -moz-linear-gradient(top,  rgba(241,218,54,1) 0%, rgba(254,252,234,1) 100%);
background: -webkit-linear-gradient(top,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 100%);
background: linear-gradient(to bottom,  rgba(241,218,54,1) 0%,rgba(254,252,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fefcea',GradientType=0 );

}


/* Button Hover */


.bfade {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
   }

.bfade:hover {
   opacity: 0.5;
}

/* Button Hover */









html {

scroll-behavior: smooth;
scroll-padding-top: 60px !important;

	margin-top: 0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:0 !important;

}


body { 
	

	background-image: url("images/background.jpg");
	background-attachment: fixed;
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center center;

	font-family: "BodyFont";

	margin-top: 0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom:0 !important;

	z-index: -1000000;
	overflow-x:hidden;
	
	scroll-padding-top: 60px !important;
	
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

body {
	font-family: "BodyFont";
	margin-top:70;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}
}


.BackBullet {
height: 0.9em;
width: auto;
margin-bottom: -0.1em;
margin-right: 5px;
}

.FieldDaysBack:hover {
text-decoration: underline !important;
}

tr .NoBreaks {
break-inside: avoid;
}


.ChatButtonContainer {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}


.ChatButton {
position: fixed;
right: 15px;
bottom: -50px;
width: 200px;
height: auto;
z-index: 999;
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.5));
animation-name: slideup;
animation-delay: 1s;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.1, -1, 0.2, 1);
}

@media only screen and (max-width: 640px) {
.ChatButton {
left: 50%;
transform: translateX(-50%);
width: 180px;
height: auto;
}
}

@keyframes slideup {
0%{bottom:-50px}
100%{bottom:15px;}
}


/* PRE-LOADING SCREEN */

.spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  width: 200px;
  height: 200px;
}
.spinner .path {
  stroke: rgba(255,255,255,1);
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}


sup {
font-size: 0.7em;
}

sub {
font-size: 0.7em;
}


.PreLoadLogo {
position: fixed;
width: 150px;
height: 150px;
left: calc(50% - 75px);
top: calc(50% - 75px);
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.95;
  background-color: rgba(0,0,0,0.85);
  z-index: 99999999;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

.LoadingText {
position: fixed;
width: 100%;
height: 50px;
left: 0px;
top: calc(50% + 100px);
overflow: hidden;
}


/* PRE-LOADING SCREEN */





/* GROUPED IMPLEMENTS HEADERS */





.HeaderBox {
border: 0px;
border-radius: 20px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url("images/paper.jpg");
background-repeat: repeat;
margin: 0px;
width: 40%;
height: auto;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3);

}

.HeaderBox td {
vertical-align: top !important;
line-height: 2.5em !important;
}

.NoDecorations a, a:link, a:active, a:visited {
color: #0070c9;
text-decoration: none !important;
}

.NoDecorations a:hover {
color: #0070c9;
text-decoration: underline !important;
}


@media only screen and (max-width: 1500px) {
.HeaderBox {
width: 80%;
}	
}

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

@media only screen and (max-width: 640px) {
.ImplementsGroup {
padding: 0px !important;
}
.HeaderBox {
border-radius: 0px;
font-weight: 700;
}
}


.DL-Button {

   
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(250,248,247,1) 20%, rgba(247,243,239,1) 90%, rgba(231,223,212,1) 95%);
    
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    border: 1px solid rgba(3,63,117,1);
    cursor: arrow;        
    height: 26px !important;           
    padding-left: 0px; 
    padding-right: 0px;    
    vertical-align: middle; 
    color: rgba(0,0,0,1) !important;
	font-family: "BodyFont";
    font-size: 18px;
    font-weight: Normal;
    text-decoration: none !important;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
    box-shadow: 0px 0px 3px rgba(255,255,255,1);
}

.DL-Button:hover {
border: 0px solid rgba(0,0,0,0.15);
outline: none transparent !important;
outline-width: 0 transparent !important;
box-shadow:inset 0px 0px 2px 2px rgba(250,193,81,1);
}

.DL-Button:active {
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(250,248,247,1) 20%, rgba(247,243,239,1) 90%, rgba(231,223,212,1) 95%);
box-shadow:inset -1px -1px 2px 2px rgba(250,193,81,0);
border: 1px solid rgba(3,63,117,1);
}



.MenuSkidSteer {

    background-image: url(images/burger-skid-steer.svg);
    background-size: 32px 32px;
    background-color:  rgba(55,52,54,1);
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 25px;
    border: 0px;
    cursor: arrow;        
    height: 50px !important;           
    padding-left: 50px; 
    padding-right: 15px;    
    vertical-align: middle; 
    color: rgba(255,255,255,1) !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
	font-family: "TitleHeavy";
    font-size: 24px;
    text-decoration: none !important;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    transition: background-color .15s ease-in-out;
}

@media only screen and (max-width: 640px) {
.MenuSkidSteer {
width: 100%;
font-size: 20px;
padding-left: 44px;
background-size: 28px 28px;
}
}

.MenuSkidSteer:hover {
background-color:  rgba(55,52,54,0.95);
}



.MenuImplements {

    background-image: url(images/burger-implements.svg);
    background-size: 32px 32px;
    background-color:  rgba(55,52,54,1);
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 25px;
    border: 0px;
    cursor: arrow;        
    height: 50px !important;           
    padding-left: 50px; 
    padding-right: 15px;    
    vertical-align: middle; 
    color: rgba(255,255,255,1) !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
	font-family: "TitleHeavy";
    font-size: 24px;
    text-decoration: none !important;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    transition: background-color .15s ease-in-out;
}

@media only screen and (max-width: 640px) {
.MenuImplements {
width: 100%;
font-size: 20px;
padding-left: 44px;
background-size: 28px 28px;
}
}

.MenuImplements:hover {
background-color:  rgba(55,52,54,0.95);
}







.ImplementsList {
font-family: "BodyFont";
font-size: 24px;
line-height: 120% !important;
font-weight: bold;
margin-left: 15px;
}

@media only screen and (max-width: 800px) {
.ImplementsList {
font-size: 18px;
margin-left: 5px;
line-height: 180% !important;
}
}

/* GROUPED IMPLEMENTS HEADERS */



/* RESPONSIVE ELEMENT POSITIONING */

    .OrderPriceLeft {
        float: left;
        width: 40%;
    }  
    .OrderPriceRight {
        float: right;
        width: 60%; 
    }

    .leftGroup {
        float: left;
        width: 50%;
    }  
    .rightGroup {
        float: right;
        width: 50%; 
    }

#group {
}
    :after.group {
        content:"";
        display: table;
        clear: both;
    }
    @media screen and (max-width: 640px) {
        .leftGroup, .rightGroup, .OrderPriceLeft, .OrderPriceRight {
            float: none;
            width: auto;
        }
    }
}


/* RESPONSIVE ELEMENT POSITIONING */








.BurgerMenu {
border: 0px;
width: 26px;
height: 26px;
position: fixed; 
right: 5px; 
top: 5px;
z-index: 999997;
}


.CautionBox {
background: linear-gradient(to right, #ffea97 0%, #ffffff 20%);
border: solid 1px #ffc600;
border-radius: 16px;
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.15);
margin-top: 20px;
margin-bottom: 20px;
}


.SocialMedia {
position: fixed; 
right: 0; 
top: calc(50% - 150px); 
z-index: 50;
width: 40px;
height: 320px;
visibility: visible;
}
@media only screen and (max-width: 640px) {
.SocialMedia {
visibility: hidden;
}
}

sup.CubicMetre {
line-height: 1em !important;
font-size: 0.55em;
vertical-align: 0.6em;
}

.SiteMap {
	background-image: url("images/sitemap.jpg");
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: right center;
}

@media only screen and (max-width: 640px) {
.SiteMap {
	background-size: 0px 0px;	
}
}

.HelpIcons {
width: 1em;
height: 1em;
margin-bottom: -0.2em;
margin-right: 5px;
}

.InfoIcon {
width: 1.4em;
height: 1.4em;
margin-bottom: -0.2em;
margin-right: 5px;
}

.ProductToOrder {
background: linear-gradient(to right,  rgba(255,255,0,0.2) 0%,rgba(255,255,255,0) 100%);
border-radius: 12px;
}


.AgQuip {

width: 12%;
height: auto;
position: fixed; 
right: 10; 
top: 40; 
z-index: 9901;

}

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

.AgQuip {
width: 40%;
height: auto;
}
}


.AgQuipOffice {

width: 12%;
height: auto;
position: fixed; 
left: 10; 
top: 40; 
z-index: 9902;

}

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

.AgQuipOffice {
width: 40%;
height: auto;
}
}


.ReviewIcon {
height: 28px !important;
width: 28px !important;
border-radius: 14px !important;
border: 0px;
background-color: #a5bd63;
text-align: center;
font-family: Arial;
color: #FFFFFF;
font-size: 18px;
line-height: 28px !important;
}

.ReviewStars {
height: 20px;
width: 100px;
margin-top: 5px;
margin-bottom: 5px;
}


hr.reviews {
  border: 0;
  border-top: 2px dotted rgba(100,100,100,0.3);
  padding-top: 0px;
  padding-bottom: 0px;
}



.HeaderPanel {
content: url(images/header.svg);
width: 75%;
height: auto;
padding: 15px;
margin-top: 50px;
margin-bottom: 20px;
display: block;
}



@media only screen and (max-width: 640px) {
.HeaderPanel {
content: url(images/header-mobile.svg);
width: 95%;
height: auto;
margin-top: 50px !important;
margin-bottom: -40px;
padding: 0px;
display: block;
}
}



.rounded-box {

  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 0px;
 
  box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.15);
  padding: 20px;
  
}



.BodyContent {
padding: 20px;
border: 0px;
border-collapse: collapse;
z-index: 1;
}

@media only screen and (max-width: 640px) {
.BodyContent {
padding: 5px;
}
}



.PageHeadings {

font-family: "PageTitles";
font-size: 38px;
color: rgba(255,210,90,1);
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 5px rgba(0,0,0,1);
line-height: 115%;
padding-top: 2px;
width: 100%;
height: 50px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

background: rgb(237,9,0);
background: -moz-linear-gradient(180deg, rgba(237,9,0,1) 0%, rgba(110,0,0,1) 50%, rgba(91,0,0,1) 50%, rgba(98,6,0,1) 90%, rgba(255,216,0,1) 90%, rgba(255,216,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(237,9,0,1) 0%, rgba(110,0,0,1) 50%, rgba(91,0,0,1) 50%, rgba(98,6,0,1) 90%, rgba(255,216,0,1) 90%, rgba(255,216,0,1) 100%);
background: linear-gradient(180deg, rgba(237,9,0,1) 0%, rgba(110,0,0,1) 50%, rgba(91,0,0,1) 50%, rgba(98,6,0,1) 90%, rgba(255,216,0,1) 90%, rgba(255,216,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed0900",endColorstr="#ffd800",GradientType=1);

box-shadow: 0px 10px 30px -5px #000000 inset;

}

@media only screen and (max-width: 640px) {
/*For mobile phones*/
.PageHeadings {

font-size: 28px;
height: 36px;

}
}





.BodyHeader {

border: none;
border-width: 0px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 15px;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c993', endColorstr='#00ffffff',GradientType=0 );


}




.BodyPadding {

padding-left: 0px;
padding-right: 0px;

}





::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;;
}

::-webkit-scrollbar-track {	
	border-radius: 8px;
	background-color: #F5F5F5;
   -moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow:         inset 0 0 10px rgba(0, 0, 0, 0.1);	
}

::-webkit-scrollbar-thumb {

	border: none;
	border-radius: 8px;
	background-color: rgba(150, 50, 50, 1);
	-moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow:        inset 0 0 10px rgba(0, 0, 0, 0.2)

}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(210, 50, 50, 1);
}

.gradient {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Vertical Navigation Overlay */





.rounded-image {

  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 0px;
}

.sub-content {


border: none;
border-width: 0px;
border-color: #000000;

  moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  width: 80%;
  padding: 10px;
  align: center;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.sub-content {

width: 95%;

}
}

.papers {

	background-image: url(images/paper.jpg);    	
	background-attachment: scroll;
	background-size: auto;
	background-repeat: repeat;

}

.headings {
	font-family: "PageHeadings";
	text-align: center;
	font-size: 28px;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #000000;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;

  moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	
	
background: rgb(83,112,46);
background: -moz-linear-gradient(top,  rgba(83,112,46,1) 0%, rgba(105,137,31,1) 50%, rgba(78,109,0,1) 51%, rgba(98,137,31,1) 100%);
background: -webkit-linear-gradient(top,  rgba(83,112,46,1) 0%,rgba(105,137,31,1) 50%,rgba(78,109,0,1) 51%,rgba(98,137,31,1) 100%);
background: linear-gradient(to bottom,  rgba(83,112,46,1) 0%,rgba(105,137,31,1) 50%,rgba(78,109,0,1) 51%,rgba(98,137,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53702e', endColorstr='#62891f',GradientType=0 );

}


.TopBottomOnly table tr td {
    border-top: 1px solid #c4c4c4;
}


.ProductMainPhoto {
width: 75%;
height: auto;
transition: .15s ease-in-out;
}

.VideoDemoButton:hover {
filter: brightness(120%);
}


.VideoDemoButton {
width: 230px;
height: 65px;
margin-right: 20px;
transition: .15s ease-in-out;
}
.VideoDemoButton:hover {
filter: brightness(120%);
}

.BrochureButton {
width: 230px;
height: 65px;
margin-right: 20px;
transition: .15s ease-in-out;
}
.BrochureButton:hover {
filter: brightness(120%);
}

.EnquireButton {
width: 230px;
height: 65px;
margin-right: 20px;
margin-bottom: 10px;
transition: .15s ease-in-out;
}
.EnquireButton:hover {
filter: brightness(120%);
}

.SpecsBadge {
width: 150px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
transition: .15s ease-in-out;
}

.SpecsBadge:hover {
filter: brightness(115%);
}




.ContentArea {

width: 100%;
max-width: 100%;
padding: 0px;
margin-top: 0px;
border: none;
border-width: 0px;

}



.content {
z-index: 50;
background-color: #FFFFFF;
background: rgba(255,255,255,1);

margin-bottom: 80px; 
margin-right: 0px;
margin-left: 0px;

padding: 0px !important;

width: 75%;
max-width: 85%;
moz-border-radius:13px; 
-webkit-border-radius:13px; 
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.content {
        width: 99%;
        max-width: 98%;
        margin-bottom: 10px; 
        margin-top: 50px;
        margin-right: 0px;
        margin-left: 0px;
        overflow: hidden;

}
}


.ContentSpecs {
background-color: #FFFFFF;
background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);

margin-top:50px; 
margin-bottom:0px; 
margin-right: 0px;
margin-left: 0px;

padding: 0px;

width: 100%;
max-width: 100%;

}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.ContentSpecs {
        width: 100%;
        max-width: 100%;
        margin-top: 50px;
        margin-right: 0px;
        margin-left: 0px;
        overflow: hidden;

}
}


.Decorations {

margin-top: 5px;

}

.HalfRule {
  width: 50%;
  height: 1px;
  border: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0));
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;

}



.BannerHeadline {

	color: #000000;
	font-family: "Banner";
	font-size: 32pt;
	margin-left: 0px;
	margin-right: 0px;
	line-height: 30pt;

}



.ResponsiveImage200 {

width: 200px;
height: auto;
max-width: 40%;

}

.ResponsiveImage300 {

width: 300px;
height: auto;
max-width: 40%;
margin-right: 2px;

}

.BodyText {
	color: #000000;
	font-family: "BodyFont";
	font-size: 16pt;
	line-height: 120%;
	margin-left: 0px;
	margin-right: 0px;
}

.BodyTextBold {
	color: #000000;
	font-family: "TitleHeavy"; 
	font-size: 1.4em;
	font-weight: Bold;
	line-height: 120%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
}


.BodyTextHeavy {
	font-family: "TitleHeavy"; 
	font-size: 1em;
	font-weight: Bold;
	font-size: 1.2em;
}

.BodyTextHead {
	color: #000000;
	font-family: "PageSubHeading";
	font-size: 24pt;
	margin-left: 0px;
	margin-right: 30px;
}

.BodySubheading {
	color: #000000;
	font-family: "Hancock";
	font-size: 19pt;
	line-height: 21px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
}

.BodySubPageHeading {
	color: #000000;
	font-family: "TitleHeavy";
	line-height: 2em;
	margin-bottom: 15px;
	margin-top: 15px;
}



.BodySubtitle {
	color: #000000;
	font-family: "BodyFont";
	font-size: 30px;
	line-height: 34px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	font-variant: small-caps;
}

.HomeSubheading {
	color: #000000;
	font-family: "Georgia";
	font-size: 26px;
	line-height: 26px;
	letter-spacing: -1px;	
}

.DropCaps {

float: left;
font-size: 60px;
line-height: 40px;
font-family: "Georgia";
font-weight: Bold;
color: #6D0000;
padding-top: 4px;
padding-right: 4px;
padding-left: 0px;

}

.Stylish {
	color: #000000;
	font-family: "Stylish";
	font-size: 22pt;
}

.copyright {

margin-top: 10px;
margin-bottom: 10px;
height: 125px;
width: 90%;

}

.counter {
width: 300px;
height: 105px;
}

#RoundedFooter {
width: 100%;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;


}


#PageHeading {

font-family: "PageHeadings";
font-size: 22pt;
color: #ffffff;
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 5px #333333;

width: 100%;
height: 44px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

background: rgb(83,112,46);
background: -moz-linear-gradient(top,  rgba(83,112,46,1) 0%, rgba(105,137,31,1) 50%, rgba(78,109,0,1) 51%, rgba(98,137,31,1) 100%);
background: -webkit-linear-gradient(top,  rgba(83,112,46,1) 0%,rgba(105,137,31,1) 50%,rgba(78,109,0,1) 51%,rgba(98,137,31,1) 100%);
background: linear-gradient(to bottom,  rgba(83,112,46,1) 0%,rgba(105,137,31,1) 50%,rgba(78,109,0,1) 51%,rgba(98,137,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53702e', endColorstr='#62891f',GradientType=0 );

}



#PageSubHeading {

font-family: "Hancock";
font-size: 23pt;
color: #000000;
text-shadow: 0 0 5px #FFFFFF;

border-spacing: 0px 20px;
margin-top: 10px;
margin-bottom: 10px !important;

text-align: Left;
padding-left: 10px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
height: 5px;
font-variant: small-caps;

background-image: linear-gradient(to right, rgba(138, 120, 66, 0.3), rgba(255, 255, 255, 0));

moz-border-radius: 20px;
-webkit-border-radius: 20px;

}



.logo {

	margin-top: 37px;
	margin-bottom: 0px;
	height: AUTO;
	clear: both;
	width: 100%;
	overflow: hidden;
	
}



.RightAlignedImage {

margin-right: 5px;

}

#rounded {

  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 0px;
  margin: 5px;
}

.rounded2 {
  background-image: url('images/paper.jpg');
  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 1px solid #CCCCCC;
  padding: 10px;
}


.MembershipTable {

  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 0px;
  margin: 5px;
  
background: -moz-linear-gradient(top, rgba(206,220,231,0.3) 0%, rgba(205,219,230,0.3) 1%, rgba(89,106,114,0.3) 100%);
background: -webkit-linear-gradient(top, rgba(206,220,231,0.3) 0%,rgba(205,219,230,0.3) 1%,rgba(89,106,114,0.3) 100%);
background: linear-gradient(to bottom, rgba(206,220,231,0.3) 0%,rgba(205,219,230,0.3) 1%,rgba(89,106,114,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dcedce7', endColorstr='#4d596a72',GradientType=0 );


}

#shadow {
    box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.15);
}

.shadow {
    box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.15);
}


#subtitle {
  moz-border-radius: 20px;
  -webkit-border-radius: 20px;
background-image: linear-gradient(to right, #e0e0eb, rgba(224,224,235,0));
}




hr.style-seven {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(224,224,235, 0), rgba(192,192,192, 1), rgba(224,224,235, 0));
}



.fade {
transition: .15s ease-in-out;
}
.fade:hover {
filter: brightness(130%);
}




.hrefButton {
	-moz-box-shadow:inset 0px 1px 2px 0px #b8cbe3;
	-webkit-box-shadow:inset 0px 1px 2px 0px #b8cbe3;
	box-shadow:inset 0px 1px 2px 0px #b8cbe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c99c7), color-stop(1, #244985));
	background:-moz-linear-gradient(top, #6c99c7 5%, #244985 100%);
	background:-webkit-linear-gradient(top, #6c99c7 5%, #244985 100%);
	background:-o-linear-gradient(top, #6c99c7 5%, #244985 100%);
	background:-ms-linear-gradient(top, #6c99c7 5%, #244985 100%);
	background:linear-gradient(to bottom, #6c99c7 5%, #244985 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c99c7', endColorstr='#244985',GradientType=0);
	background-color: #6c99c7;
	-moz-border-radius: 12px;
	-webkit-border-radius:12px;
	border-radius: 12px;
	border:1px solid #565f6b;
	display:inline-block;
	cursor:pointer;
	color: #ffffff !important;
	font-family: BodyFont;
	font-size: 20px;
	font-weight: 300 !important;
	font-style: normal !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: 0px 0px 6px #000000;
	text-decoration: none;
}
.hrefButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #244985), color-stop(1, #6c99c7));
	background:-moz-linear-gradient(top, #244985 5%, #6c99c7 100%);
	background:-webkit-linear-gradient(top, #244985 5%, #6c99c7 100%);
	background:-o-linear-gradient(top, #244985 5%, #6c99c7 100%);
	background:-ms-linear-gradient(top, #244985 5%, #6c99c7 100%);
	background:linear-gradient(to bottom, #244985 5%, #6c99c7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#244985', endColorstr='#6c99c7',GradientType=0);
	background-color:#244985;
	text-decoration: none;
}
.hrefButton:active {
	position:relative;
	top:1px;
	text-decoration: none;
}


.subscribebox {
  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 1px solid #CCCCCC;
  padding: 3px;
  padding-left: 6px;
      box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
}


.specs {
	font-family: "Headliner";
	font-size: 52px;
	height: auto;
	color: #546D55;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	line-height: 0.8em;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 2px dotted rgba(100,100,150,0.25);
	background: linear-gradient(to right, rgba(220,240,190,0.35) 0%, rgba(255,255,255,0) 90%); 
}

.specs:active {
text-decoration: none !important;
}

.specs:hover {
text-decoration: none !important;
}

@media only screen and (max-width: 640px) {
.specs {
font-size: 42px;
line-height: 1em;
padding-bottom: 20px;
}
}

.ClickToOrderTitle {
	font-family: "Headliner";
	font-size: 45px;
	height: auto;
	color: #546D55;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	line-height: 0.8em;
	text-decoration: none;
}

.SpecialDealBox {
background-image: url("images/postit.webp");
background-size: 100% 100%;	
background-repeat: no-repeat; 

padding-top: 10px;
padding-left: 10px;
padding-right: 25px;
padding-bottom: 20px;
width: max-content !important;
margin-left: 0px;
}

@media only screen and (max-width: 640px) {
.SpecialDealBox {
width: 102% !important;
padding-left: 10px;
padding-right: 20px;
overflow: hidden;
}
}



.FarmMaster {
height: 50px;
width: auto;
position: relative;
bottom: 0px;
margin-top: 0px;
margin-bottom: -8px;
margin-right: 10px;
border-radius: 6px;
}

@media only screen and (max-width: 640px) {
.FarmMaster {
height: 36px;
margin-right: 5px;
margin-bottom: -4px;
}
}


.SmallSubHeadings {
	font-family: "Headliner";
	font-size: 32px;
	color: #546D55;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	line-height: 100%;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom: 2px dotted rgba(100,100,150,0.25);
	background: linear-gradient(to right, rgba(220,240,190,0.35) 0%, rgba(255,255,255,0) 90%); 
}


.Categories {
	font-family: "Headliner";
	font-size: 52px;
	color: #546D55;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	line-height: 100%;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
	border-bottom: 2px dotted rgba(100,100,150,0.25);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); 
}



.EnquiryButton {


opacity: 1;
   transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;

background: linear-gradient(to bottom, rgba(0,0,60,0.6) 0%, rgba(0,0,60,0.3) 90%); 
font-family: "BodyFont";
font-size: 26px;
text-decoration: none;
text-align: center;
text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
line-height: 50px;

box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.2);

color: rgba(255,255,255,1);
margin: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
padding-bottom: 7px;

border: 0px;
  moz-border-radius: 10px;
  -webkit-border-radius: 10px;

}

.EnquiryButton:hover {

opacity: 0.8;
background: linear-gradient(to bottom, rgba(0,0,60,0.3) 0%, rgba(0,0,60,0.6) 90%);

}

.ShadowText {
text-shadow: 3px 3px 8px rgba(0,0,0,0.8);
}


.TextOverImage {

background-image: url("images/ev5.jpg");
  width: 100%; 
  overflow: hidden;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

z-index: 200;
position: relative;
bottom: 200;
padding-left: 15px;
display: block;
overflow: hidden;
margin-bottom: -200px;


}

.VariablePadding {	
padding-left: 80px;
padding-top: 50px;
padding-right: 50px;
padding-bottom: 50px;	
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.VariablePadding {
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
}

@media only screen and (max-width: 480px) {
/*For mobile phones*/

.VariablePadding {
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
}


.VariableLogoWidth {
	
width: 70%;
height: auto;
	
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/

.VariableLogoWidth {

width: 90%;
height: auto;

}
}

.SectionHeading {
font-family: "Headliner";
font-size: 42px;
line-height: 42px;
}


.HelpCentreSubtitleBar {
background: linear-gradient(90deg, rgba(190,110,110,1) 0%, rgba(255,255,255,0) 60%);
border-radius: 16px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;

}

.HelpCentreSubtitleBar a {
font-family: "TitleHeavy" !important;
line-height: 28px !important;
font-size: 28px !important;
text-decoration: none !important;
}

.HelpCentreSubtitleBar a:active {
text-decoration: none !important;
color: black;
}



input.PrintPage {

    background-image: url(images/printer.svg); 
    background-size: 20px 20px;
    background-color: rgba(50,50,50,0.4); 
    background-repeat: no-repeat;  
    background-position: 10px center;  
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.2);
    cursor: arrow;        
    height: 30px;           
    width: 180px;
    padding-left: 40px;     
    vertical-align: middle; 
    color: rgba(255,255,255,1);
	font-family: "BodyFont";
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

input.PrintPage:hover {

background-color: rgba(50,50,50,0.7);

}





/* Mobile Menu Overlay */

/*Sets background of navigation bar on mobile devices*/

.NavMobile-Background {

background-color: rgba(0,0,0,0.85);
position: fixed;
left: 0;
top: 0;
z-index: 999996;
height: 40px;
width: 100%;

}
/*Sets background of navigation bar on mobile devices*/

.MobileMenuOverlay {

position: fixed;
left: 0px;
top: 40px;
z-index: 10000009;
height: calc(100% - 40px);
width: 100%;
border: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
background: transparent;

}

/* Mobile Menu Overlay */



.Copyright-Footer-Home {

height: 70px;
width: 100%;
border: 0px;
position: absolutre;
bottom: 0px;
left: 0px;
s-index: 1000000;

}


.Copyright-Footer {
height: 120px;
width: 100%;
border: 0px;
z-index: 3;
}

@media only screen and (max-width: 640px) {
.Copyright-Footer {
height: 150px;
width: 100%;
border: 0px;
z-index: 3;
}
}


.CopyrightFooter {

height: 100%;
width: 100%;

}



.FooterContainer {   
   position: relative;
   z-index: -50000;
   left: 0px;
   bottom: 0px;
   width: 100%;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

.HorizonFooter {   

   position: fixed;
   z-index: 1;
   left: 0px;
   bottom: -50px;
   height: 150px;
   width: 100%;  
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/
.HorizonFooter { 
visibility: hidden;
display: none;
}
}

.TractorFooter {   

   position: fixed;
   z-index: 2;
   left: 0px;
   bottom: 0px;
   width: 200px;
   height: 100px;
}

@media only screen and (max-width: 640px) {
/*For mobile phones*/
.TractorFooter { 
visibility: hidden;
display: none;
}
}




.ImplementsHeading {
color: rgba(0,0,0,1);
font-family: Stylish; 
font-size: 24pt; 
}

@media screen and (max-width: 640px) {
.ImplementsHeading {
color: rgba(0,0,0,1);
font-family: Stylish; 
font-size: 18pt; 
}
}


.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
@media only screen and (max-width: 640px) {
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
}

.FooterContents span {
display: none;
}

.FooterContents:after {
font-family: "BodyFont";
text-align: left;
font-size: 12px;
content: '* All prices listed are inclusive of GST and exclude freight. Warranty is strictly back-to-base. For full terms and conditions for the warranty, please visit our warranty page. Offers, inclusions and accessories are available only while stocks last and are subject to availability. Offers and/or included accessories may be withdrawn or changed without prior notice. Included bonuses may be changed for an alternative of lesser retail value at agents discretion. Package deal price(s) available only at designated marketing events or at dealers discretion. Prices and specifications correct at time of publication but are subject to change and/or correction without prior notice. Implements with gearboxes (ie. Connect to the tractor with a PTO shaft) do not contain oil when new - add gear oil before use. Some assembly is required. Gear oil not included.';
}


.SubSpecTable {
width: 90%;
}
@media only screen and (max-width: 640px) {
.SubSpecTable {
width: 100%;
}
}

.SpecHeadline {
font-family: "Headliner2";
font-size: 36px !important;
line-height: 36px !important;
font-weight: Bold !important;
color: Black !important;
margin-bottom: 0px;
}
@media only screen and (max-width: 640px) {
.SpecHeadline {
font-size: 18px !important;
font-weight: Normal !important;
}
}

.SpecHeadlineSub {
font-family: "TitleHeavy";
font-size: 20px !important;
line-height: 22px !important;
color: rgba(120,120,120,1) !important;
margin-top: 0px;
padding-left: 45px !important;
width: fit-content !important;
}
@media only screen and (max-width: 640px) {
.SpecHeadlineSub {
font-size: 16px !important;
line-height: 14px !important;
padding-left: 5px !important;
width: fit-content !important;
}
}

.SpecsWidget {
width: fit-content !important;
}


.SpecIcons {
width: 42px;
height: auto;
margin-right: 8px;
margin-bottom: 2px !important;
}
@media only screen and (max-width: 640px) {
.SpecIcons {
width: 22px;
height: auto;
margin-right: 3px;
}
}






.EVFooterContents span {
display: none;
}

.EVFooterContents:after {
font-family: "BodyFont";
text-align: left;
font-size: 12px;
content: '* All prices are inclusive of GST. This electric vehicle cannot be registered for road use, it cannot legally be used on public roads or footpaths in Australia and its Territories. Warranty is strictly back-to-base. For full terms and conditions for the warranty, please visit our warranty page. Offers and accessories are available only while stocks last and are subject to availability. Offers and/or included accessories may be withdrawn or changed without prior notice. Included bonuses may be changed for an alternative of lesser retail value at agents discretion. Package deal price(s) available only at designated marketing events or at dealers discretion. *Actual driving range may vary according to driving speed, uphill travel, heavy cargo load, tyre pressure, environmental conditions such as hot or cold weather, wind and other factors. Prices and specifications correct at time of publication but are subject to change and/or correction without prior notice.';
}



/* END */