﻿/* Site Developed By Designer: Karoline Dassie
	Main Colors: 
	- Blue: #2553a1
	- White: #fff
	- Black: #242424
*/

@charset "utf-8";
/* CSS Document */

/***** BEGIN RESET *****/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0; 
}
.clear {clear: both; height:0px; margin:0;}

::-moz-selection{
	background: #2553a1;
	color:#fff;
	text-shadow:none;
}
	
::selection{
	background: #2553a1;
	color:#fff;
	text-shadow:none;
}

/*---------------------

		LAYOUT

-----------------------*/
		
	html, body{
		background:#242424;
		-webkit-text-size-adjust: none;
		font-family: 'Poppins', sans-serif;
	}
	
	.wrap {
		max-width:1250px;
		margin:0 auto;
	}
	.wrap-large {
		max-width:1700px;
		margin:0 auto;
		padding: 0;
	}
	.wrap-small {
		max-width:950px;
		margin:0 auto;
	}
	
	#main {
		width:100%;
		background:#DDDDDD;
		padding:1em 0;
	}
	
	hr {
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		border-style: solid;
		height: 0;
		color:#a3a3a3;
		margin:2em auto;
	} 
	
	img { border: 0; } 

	.column2 {width:48%; *width: 48%; float:left; margin-right:4%; box-sizing: border-box;}
	.column3 {width:33.33333%; *width: 30%; float:left; padding-right: 20px; box-sizing: border-box;}
	.column4 {width:25%; *width: 25%; float:left;  box-sizing: border-box;}
	.column5 {width:20%; padding-bottom: 15px; padding-right:1%; box-sizing: border-box; display: inline-block; }
	.column6 {width:16.66666%; *width: 14%; float:left;  box-sizing: border-box;  border: thin solid #fff;}
	.column7 {width:14.282%; float:left;  box-sizing: border-box;  border: thin solid #fff;}
	.column8 {width:33.33333%; *width: 30%; float:left; box-sizing: border-box; border: thin solid #fff;}

	.columnequip {width:12.5%; float:left;  box-sizing: border-box;  border: thin solid #fff;}
	
	.column10 {width:12%; padding:1.5em 0; display: inline-block; text-align: center; float: none;}
	.manu {background-color: #2553a1}

	.twothird{width:62%; *width: 62%; float:left; box-sizing: border-box;}
	.onethird{width:38%; *width: 38%; float:left; box-sizing: border-box; }
	.onefourth{width:25%; *width: 25%; float:left; box-sizing: border-box;}
	.threefourth{width:75%; *width: 75%; float:left; box-sizing: border-box;}
	
	.last{padding-right:0; margin-right:0}

	.center{text-align:center}
	.right{text-align:right}
	.left{text-align:left}
	.white {color:#fff;}
	
	.whitefont{color:#fff!important; float:left; padding: 0; width:85%; margin: 4px; border: 2px #fff solid; text-align: center; font-size: 16px; line-height:33px;}
	
	.fa-map-marker {
		color:#2553a1;
		background-color: #fff;
		padding: 9px;
		float:left;
	}
		
	.pad {padding-top:5.7em;}
	
/*===================== 

	TYPOGRAPHY
	
=======================*/

	p {
		font-size:15px;
		color:#242424;
		line-height:19px;
	}
	
	h1 {
		font-size:37px;
		color:#2553a1;
		font-weight:600;
		padding-top: 10px;
	}
	
	h2 {
		font-size:40px;
		color:#fff;
		font-weight:700;
	}
	
	h3 {
		margin-top:10px;
		font-size:16px;
		color:#2553a1;
		font-weight:600;
	}
	
	h4 {
		font-size:14px;
		color:#fff;
		font-weight:600;
	}
	
	h5 {
		font-size:17px;
		color:#fff;
		font-weight:500;
	}
	
	h6 {
		font-size:18px;
		color:#2553a1;
		font-weight:700;
		padding-top: 10px;
	}
	
	.small-title  {
		font-size:20px;
		color:#2553a1;
		font-weight:700;
		padding-top: 10px;
	}
	.parts h2 {
		font-size: 37px;
		color: #2553a1;
		font-weight: 600;
		padding-top: 10px;
	}
	.parts h5{
		font-size:18px!important;
		font-weight:700!important;
		color:#6F6F6F!important;
		margin-top:10px;
		}
	.parts .box{min-height:300px}
	
	a {
		color:#242424;
		text-decoration:none;
	}
	
	a:hover {
		color:#2553a1;
	}
	
	.about {
		color: #fff;
		font-size: 12px;
		padding: 25px 0;
	}
	
	.line {
		border-bottom: #000 solid thin;
	}
	
	.box {
		border: 3px #2553a1 solid;
		background-color: #F5F5F5;
	}
		
	.space {
		margin: 10px;}
	
	.locations {
		float: right;
		position: absolute;
		display: block;
		border: 2px solid #000;
	}
	

/*===================== 

	HEADER
	
=======================*/
	
	header {
		position:fixed;
		background:#fff;
		z-index:99999999999;
		width:98%;
		padding:1%;
		box-shadow: 0 0 10px #5F5F5F;
	}
	
	#logo {
		width:27%;
		float:left;
	}
	
	#logo img {
		width:100%;
		max-width:264px;
	}
	
	#head-right{
		width:73%; 
		float:left; 
		text-align:right
	}
	
	#space-top{padding-top:110px}

/*===================== 

	SLIDESHOW
	
=======================*/

	#overslide {
		margin:7% 0 0 0;
		position:absolute;
		text-align:right;
		z-index:999;
		color:#fff;
		font-size:30px;
		font-weight:normal;
		text-transform:uppercase;
		*margin:0;
		*top:0;
		*right:0;
		right:0;
	}
	
	#overslide:hover {}
	
	#slideshow {
		width:100%;
		float:left;
		position:relative;
		z-index:1;
	}
	
	.cycle-slideshow { width:100%; }
	
	.cycle-slideshow img { width:100%; float:left; }
	
	/* pager */
	.pager {text-align:center; width:100%; margin:-60px 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:#ddd\9; color:rgba(255,255,255,0.8); cursor:pointer; 
	}
	.pager span.cycle-pager-active { color:#2553a1;}
	.pager > * { cursor:pointer;}
	
/*===================== 

	4 all equipment buttons
	
=======================*/

    #checkered-back {
		background-image:url(../siteart/PATTERN.png);
		background-repeat: repeat;
		display: block;
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}

	 #checkered-back a{
		font-size: 14px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
	
 	#checkered-back a:hover{
		color: #737373;
	}
	
	.fa-arrow-circle-right {
		color: #fff;
		padding:25px 0;
		text-align: center;
	}
	
	.fa-arrow-circle-right hover {
		color: #2553a1;
		cursor:pointer;
	}
	
	.loc-box {
		width: 100%;
	}	
	
/*===================== 

	mahindra, jcb, avant - equip
	
=======================*/

    #mahindra-equip {
		background-image: url(../siteart/redchecker.jpg);
		background-repeat: repeat;
		display: block;
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 43px;
	    text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
	}

	 #mahindra-equip a{
		font-size: 14px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
	
 	#mahindra-equip a:hover{
		color: #000;
	}	
		
    #jcb-equip {
		background-image:url(../siteart/yellowchecker.png);
		background-repeat: repeat;
		display: block;
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	    text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
	}

	 #jcb-equip a{
		font-size: 14px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
	
 	#jcb-equip a:hover{
		color: #000;
	}
	
    #bad-boy{
		background-image:url("../siteart/orangechecker.png");
		background-repeat: repeat;
		display: block;
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 39px;
	    text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
	}

	#bad-boy a{
		font-size: 14px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
	
	#bad-boy a:hover{
		color: #000;
	}	
	
    #avant-equip {
		background-image:url("../siteart/pattern2.png");
		background-repeat: repeat;
		display: block;
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 39px;
	    text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
	}

	 #avant-equip a{
		font-size: 14px;
		font-weight: 800;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
	
 	#avant-equip a:hover{
		color: #000;
	}		
		
/*===================== 

	ZOOM CONTAINER
	
=======================*/
	
	.image-zoom-container {
		list-style: none;
		margin-top:1em;
	}
	.zoom-container {
		position: relative;
		overflow: hidden;
		display: inline-block;
		width: 23%;
		margin:0 1% 2% 1%;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float:left;
		*width:24.8%;
	}
	.zoom-container img {
		display: block;
		width: 100%;
		height: auto;
		-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;
	}
	.zoom-container .zoom-caption {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		background: rgba(37, 83, 161, 0.8);
		-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;
	}
	.zoom-container .zoom-caption h4 {
		display: block;
		text-align: center;
		font-size:20px;
		color:#fff;
		font-weight:600;
		margin: 46% 0 0;
	}
	
	.zoom-container:hover img {
		background: rgba(37, 83, 161, 0.8);
		/* you can choose to remove background color by using background:none*/
		-webkit-transform:scale(1.25); /* Safari and Chrome */
		-moz-transform:scale(1.25); /* Firefox */
		-ms-transform:scale(1.25); /* IE 9 */
		-o-transform:scale(1.25); /* Opera */
		 transform:scale(1.25);
	}
	.zoom-container:hover .zoom-caption {
		background: rgba(37, 83, 161, 0.8);
		/* you can choose to remove background color by using background:none*/
	}
	
	.thirds {
		width:33%;
		float:left;
	}
	

	
/*===================== 

 MEET THE TEAM STYLES
	
=======================*/

    .team h5{
		font-size:18px!important;
		font-weight:700!important;
		color:#6F6F6F!important;
		margin-top:10px;
		}

    .team h3 {
        margin-top: 10px;
        font-size: 30px;
        padding-bottom: 5px;
        color: #2553a1;
        font-weight: 600;
        text-align: center;
    }

	.team .box-team{min-height:400px}

    .box-team {
		border: 3px #2553a1 solid;
		background-color: #F5F5F5;
	}

    .team-wrap {
        max-width: 1250px;
        margin: 0px auto;
        height: 500px;
    }

    .worker-img {
        width: 90%;
        padding: 10px 0px;
        display: block;
        margin: auto;
    }
	

	
/*===================== 

	 WESTERN PAGE
	
=======================*/


.showroom-cat-1 {
    width: 100%;
    padding:20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:30px 0;
}
.showrrom-header {
    width:100%;
    font-size: 37px;
    color: #2553a1;
    font-weight: 600;
    padding-top: 10px
    
}
.showroom-col-1 {
    width:31%;
    border:2px solid #2553a1;
    padding:15px;
    box-sizing: border-box;
}
.showroom-col-1 h3 {
    font-size: 60px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}
.showroom-col-1 h4 {
    font-size: 30px;
    font-weight: 400;
    color:#000!important;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
}
.showroom-col-1 img {
    display: block;
    width:100%;
    height: auto;
    margin:20px auto;
}
.showroom-col-1 p {
    font-size: 18px;
    line-height: 1.4;
    padding-bottom:20px;
    font-family: 'Poppins', sans-serif;
}
.showroom-col-1 p a {
   color:#2553a1!important;
    font-weight: 500;
}
.showroom-col-1 p a:hover {
   color:#000!important;
}
.btn-blue-1 {
    background: #2553a1;
    border:2px solid #2553a1;
    color:#fff;
    text-align: center;
    font-size: 20px;
    padding:5px 20px;
    display: block;
    width:100%;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
.btn-blue-1:hover {
    background: #fff;
    border:2px solid #2553a1;
    color:#2553a1;
}
.showroom-wrap-2 {
    padding:40px 20px;
    width:100%;
    background: #2553a1;
    box-sizing: border-box;
}
.showroom-cont-1 {
    width: 100%;
    max-width: 1250px;
    margin:0 auto;
    padding:20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:30px 0;
    box-sizing: border-box;
}
.btn-1 {
    background: #2553a1;
    border:2px solid #fff;
    color:#fff;
    text-align: center;
    font-size: 20px;
    padding:5px 20px;
    display: block;
    width:48%;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
.btn-1:hover {
    background: #fff;
    color:#2553a1;
}



	.west h1{margin:0}
	.west .image-zoom-container{margin:0 auto}
	
	.west .column4{width:23%}
	
	.column4 .zoom-container {
		position: relative;
		overflow: hidden;
		display: inline-block;
		width: 96%;
		margin:0 2% 2% 2%;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float:left;
	}
	
	.west .zoom-container .zoom-caption {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 10;
			background:rgba(0,0,0,0.40)!important;
			-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;
		}
		.west .zoom-container .zoom-caption h5 {
			display: block;
			text-align: center;
			font-size:22px;
			color:#fff;
			font-weight:600;
			margin: 15% 0 0!important;
		}
		.west h2 {
		font-size:40px;
		color:#96171e;
		text-align:center;
		font-weight:700;
		background:#fff;
	}
    .west h1 {
		font-size:40px;
		color:#96171e;
		text-align:center;
		font-weight:700;
		background:#fff;
	}
	
	#west-tittle{padding:10px}
    #west-tittle img{width: 100%; max-width: 100%}
	a.botaopdf{
		float:left;
		width:95.5%;
		margin:0 2% 1% 2%;
		display:block; 
		padding:10px 0;
		text-align:center;
		text-decoration:none;
		border:1px solid #181E40;
	}
	
	a.botaopdf:hover{
		color:#AFAFAF;
		text-decoration:none;
		border:1px solid #AFAFAF;
	}
	
.space.logo {display: flex;}	
.elite-logo {width:60%;}
.elite-logo img {max-width: 240px;}
.elite-logo-team {    
	width: 100%;
    max-width: 130px;
    margin: 0 auto;
    padding-top: 11px;}
/*===================== 

	INVENTORY
	
=======================*/
	
	#invlinks {
		width:16%;
		float:left;
		padding:1%;
		background:#e6e6e6;
		margin:2% 0;
	}
	
	#invlinks li {
		list-style:none;
		width:100%;
		border-bottom:solid #ccc 1px;
		float:left;
	}
	
	#invlinks li a {
		padding:12px 10px;
		font-weight:bold;
		display:block;
		font-size:15px;
	}
	
	#invlinks li a:hover {
		background:#fff;
	}
.dealer-contact__header h2 {
    color:inherit!important;
}
	.invbutton {
		width:29%;
		float:left;
		margin:-90px 1% 3%;
		padding:1%;
		background:rgba(124,17,46,0.8);
		background:#2553a1\9;
		text-align:center;
		z-index:999;
		color:#fff;
		font-size:30px;
		font-weight:normal;
		text-transform:uppercase;
		position:relative;
	}
	
	.invbutton:hover {
		background:rgba(0,0,0,0.8);
		background:#242424\9;
	}
	
	#inv {
		width:80%;
		float:left;
		padding:2% 0 2% 2%;
	}
	
	.attachment-search .search-checkboxes label .row input[type="checkbox"]{
		width:15px;
		height:15px;
	}
	
	
.faceted-search-content .faceted-section-head {
	color: #fff !important;
}
	



/************************************************INVENTORY SIDE BAR SEARCH************************************************/
	.inventory-right{
		width:75%;
		display:inline-block;
		margin: 0 auto;
		padding:0 ;
		vertical-align:top;
	}
	
	.full-screen{display:inline-block;}
	.mobile-size{display:none !important;}
	.side-search{
		width:21%;
		display:inline-block;
		margin:0 1% 0 0;
		vertical-align:top;
		border:1px solid #eaeaea;
		padding:1%;
		background:#2553a1
	}
	
	.side-search h3{
		color:#fff;
		font-weight:100;
		font-size:18px;
		padding-left:20px;
	}
	
	
	.equipment-search {
		padding: 5px;
		box-sizing: border-box;
	}
	
	.equipment-search a{
		display:block; 
		padding:10px;
		text-decoration:none;
		color:#fff;
		border-bottom:1px solid #181E40;
	}
	
	.equipment-search a:hover{
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #eaeaea;
	}
	
    .verei input{ width: 94%; padding: 5px 2%;}
	
	.accordion-panel {
      font-family: 'Poppins', sans-serif;
	  width:100%;
	  height: 100%;
	}

	.accordion-panel .accordion dt {
	  display: block;
	  padding: 10px;
	  color: #555;
	  cursor: pointer;
	  position: relative;
	  user-select: none;
	}
	.accordion-panel .accordion dd {
	  height: 0;
	  overflow: hidden;
	  transition: height .35s ease-out;
	  margin-left: 0;
	  background: #B5B5B5!important;
	}
	
	.is-open .accordion-panel .accordion dd {height:auto}
	.accordion-panel .accordion .content {
	  padding: 10px;
	  overflow: auto;
	}
	.accordion-panel .plus-icon {
	  display: inline-block;
	  width: 15px;
	  height: 15px;
	  position: relative;
	  transition: transform 0.35s ease-out;
	  position: absolute;
	  right: 35px;
	  top: 50%;
	  margin-top: -12px;
	}
	.accordion-panel .plus-icon:before,
	.accordion-panel .plus-icon:after {
	  content: '';
	  background: #fff;
	  position: absolute;
	}
	.accordion-panel .plus-icon:before {
	  width: 2px;
	  height: 15px;
	  margin-left: -0.5px;
	  left: 50%;
	}
	.accordion-panel .plus-icon:after {
	  width: 15px;
	  height: 2px;
	  margin-top: -0.5px;
	  top: 50%;
	  opacity: 1;
	  transition: opacity 0.35s ease-out;
	}
	.accordion-panel .is-open .plus-icon {
	  transform: rotate(90deg);
	}
	.accordion-panel .is-open .plus-icon:after {
	  opacity: 0;
	}
	.accordion-panel .hidden {
	  display: none;
	}
	.accordion-panel .open-btn,
	.accordion-panel .close-btn {
	  cursor: pointer;
	  position: absolute;
	  right: 0;
	  width: 90px;
	}
	.accordion-panel .buttons-wrapper {
	  position: relative;
	}
	.accordion-panel .buttons-wrapper .plus-icon {
	  position: absolute;
	  right: 10px;
	  top: 12px;
	}
	
	.detailed-search input[type='submit'] {
		font-size: 16px;
		background: #fff;
		width: 100%;
		margin-top: 20px;
		height: 40px;
		color: #2553a1;
		display: inline-block;
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		outline: none;
		border: none;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	
	.detailed-search input[type='submit']:hover{
		background:#2553a1;
		color:#fff;
		border:1px solid #fff;
		transition: all .2s ease-in-out;
	}
	
	#mobile-search{display:none}
	
	#mobile-search input[type='submit'] {
		font-size: 16px;
		background:#2553a1;
		width: 100%;
		margin-top: 20px;
		height: 40px;
		color: #fff;
		display: inline-block;
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		outline: none;
		border: none;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	
	#mobile-search input[type='submit']:hover{
		background:#fff;
		color:#2553a1;
		border:1px solid #fff;
		transition: all .2s ease-in-out;
	}
	

	
/*===================== 

 EMPLOYMENT FORM STYLES
	
=======================*/
	
	#employform{
		width:100%;
		margin:3em auto 0 auto;
		padding-left: 32%;
		padding-right: 32%;
	}
	

	
	#employform input {
		padding:10px 1%;
		width: 98%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #ccc;
		color: #2553a1;
		font-size:15px;
		margin: 10px 0;
	}
	
	#employform textarea {
		padding:10px 1%;
		width: 98%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #ccc;
		color:#000;
		font-size:15px;
		height: 80px;
		margin: 10px 0;
	}
	
	#employform select {
		padding:10px 1%;
		width: 100%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #ccc;
		color: #000;
		font-size:15px;
		margin: 10px 0;
		color:#000;
		font-family: 'Poppins', sans-serif;
	}
	

	
	#employform input.radio {
		width: 98%;
		padding:0; 
		border:0;
		margin:0 5px 0 0;
		width:100%;
		height:15px;
		display:inline;
	}
	
	 
	#employform input:focus,
	#employform textarea:focus,
	#employform select:focus {
		width: 98%;
		background:#f9f9f9; 
		color:#222222;
		font-weight: bold;
		border:1px solid #2553a1;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		outline-style:none;
	}
	
	#employform input.radio:focus,
	#employform input.checkbox:focus {
		background:#fff; 
		border:0;
		outline-style:none;
	}
	
	
	#employform input.button-form,
	#employform input.button-form:focus { 
		border:#2553a1 1px solid; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding:10px;
		color:#fff;
		display:block;
		margin:1em auto 0 auto;
		text-align:center;
		max-width:100%;
		font-weight:200;
		background:#2553a1;
		font-size:15px;
		cursor:pointer
	}
	
	#employform input.button-form:hover {
		background:#3b3b3b;
		color:#fff;
		border:#FFF 1px solid;
		cursor: pointer;
		
	}
	
	/* for plain text next to an input field, if not using a table structure */
		#employform label.basic {
			color:#2553a1;
			font-size:15px;
			text-align:left;
		}

		
	

	
	
	
	
/*===================== 

	FORM STYLES
	
=======================*/
	
	#formpage{
		width:100%;
		MARGIN:3em auto 0 auto
	}
	
	#formpage input {
		padding:10px 1%;
		width: 98%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #ccc;
		color: #ae1f24;
		font-size:12px;
		margin: 10px 0;
	}
	
	#formpage textarea {
		padding:10px 1%;
		width: 98%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #ccc;
		color:#ae1f24;
		font-size:15px;
		height: 80px;
		margin: 10px 0;
	}
	
	#formpage select {
		padding:10px 1%;
		width: 100%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #ccc;
		color: #ae1f24;
		font-size:12px;
		margin: 10px 0;
		color:#000;
		font-family: 'Poppins', sans-serif;
	}
	
	#formpage input.checkbox {
		padding:0; 
		border:0;
		margin:0 5px 0 0;
		width:13px;
		height:13px;
		display:inline;
		background-color:#fff;
	}
	
	#formpage input.radio {
		padding:0; 
		border:0;
		margin:0 5px 0 0;
		width:15px;
		height:15px;
		display:inline;
	}
	
	 
	#formpage input:focus,
	#formpage textarea:focus,
	#formpage select:focus {
		background:#f9f9f9; 
		color:#222222;
		font-weight: bold;
		border:1px solid #ae1f24;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		outline-style:none;
	}
	
	#formpage input.radio:focus,
	#formpage input.checkbox:focus {
		background:#fff; 
		border:0;
		outline-style:none;
	}
	
	#formpage input[type="checkbox"] {
		width:13px;
		height:13px;
	}
	
	
	#formpage input.button-form,
	#formpage input.button-form:focus { 
		border:#ae1f24 1px solid; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding:10px;
		color:#fff;
		display:block;
		margin:1em auto 0 auto;
		text-align:center;
		max-width:100%;
		font-weight:500;
		background:#ae1f24;
		font-size:16px;
		cursor:pointer
	}
	
	#formpage input.button-form:hover {
		background:#3b3b3b;
		color:#fff;
		border:#FFF 1px solid;
	}
	
	/* for plain text next to an input field, if not using a table structure */
		#formpage label.basic {
			color:#212121;
			font-size:13px;
			text-align:left;
		}
		#formpage label.checkbox {
		  /*  color:#212121;*/
			font-size:13px;
			text-align:left;
			display:inline;
			padding:0;
		}
	
	/*control the Captcha */
	
	.CaptchaPanel {
		margin:0 auto !important;
		padding:0 0 0 0 !important;
		text-align: center;
		line-height:normal !important;
	}
	
	.CaptchaImagePanel {
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
	.CaptchaMessagePanel {
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
		font-weight:normal !important;
		font-size:12px;
		line-height:14px;
	}
	
	.CaptchaAnswerPanel {
		margin:0 0 0 0;
		padding:2px 0px 2px 0px !important;
	}
	
	.CaptchaWhatsThisPanel {
		line-height:0;
		margin:0 0 0 0;
		padding:8px 0 8px 0 !important;
	}
	
	.CaptchaWhatsThisPanel a {color:#222222;}
	.CaptchaWhatsThisPanel a:hover {text-decoration:none;}   
	
	
	
/*===================== 

	FOOTER
	
=======================*/

	#bg-bottom{
		background:#2553a1 url(../siteart/bg-bottom.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding:3em 0
	}
	
	footer {
		background:#242424;
		padding:3em 1%;
		color:#fff;
		border-top:1px solid #fff;
	}
	
	footer a {color:#fff; }
	footer p a{color:#B3B3B3!important; text-transform:uppercase;font-size:12px;}
	footer p a:hover{color:#fff!important; }
	
	.half {
		width:50%;
		float:left;
	}

/*===================== 

	FRAMELESS INVENTORY
	
=======================*/
	
	.hosted-content h2{font-size:21px!important; color:#2553a1!important; text-transform:uppercase!important}
	.hosted-content h3{font-size:21px!important; }
	.hosted-content .listings-wrapper .listings-list .category-banner h3{line-height:1.5em!important}
	.hosted-content .fixed-column6{width:100%!important}

/*===================== 

	FACETED INVENTORY
	
=======================*/
		
    .list-content .list-title .list-title-text, .list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name, .list-content .listing-portion-title, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .currency-selector, .detail-content .detail-additional-data h4, .modal-content .modal-top .modal-title,.currency-selector,.ts-modal-header h2,.contact-info-heading h2{color: #2553a1!important;}
    .faceted-search-content .faceted-section-head, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder input,.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button,.detail-contact-bar .contact-bar-btn{background:#2553a1!important;}

    .detail-content .detail-additional-data .data-row .data-label,.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet,.compare-listings-container .compare-container .button,.view-listing-details-link,.contact-options a{background-color:#2553a1!important;}
.fin-calc-mobile>a,.detail-additional-data .data-row .data-label {background: #000 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover {color: #fff !important;}
.list-content .spec-icon .fa-chevron-down {color: #000 !important; float: none !important;}
/*===================== 

	RESPONSIVE
	
=======================*/

@media screen and (max-width: 1350px){ 
	.columnequip {width:25%;}
}


@media screen and (max-width: 1250px) { 
	
	.column4 {width:50%; *width: 50%; float:left;  box-sizing: border-box; border: thin solid #fff;}
	
	.column6 {width:33.33%; *width: 50%; float:left;  box-sizing: border-box; border: thin solid #fff;}
	
	.west .column4{width:23%; border:none!important}
	
	.column7{width:25%}
	
	.resp-box .column7 {width:33.33%}
	.resp-box .column7 {width:33.33%}
	.resp-box .column7 {width:33.33%}
	
	.wrap {
		margin:10px
	}
    
    /*===================== 

     MEET THE TEAM STYLES

    =======================*/


	.team .box-team{min-height:350px}

    .team-wrap {
        margin: 0px 15px;
        height: 825px;
        text-align: center;
    }

    .worker-img {
        width: 50%;
    }
	
}



@media screen and (max-width: 1052px) { 

	.invbutton {
		margin:1%;
		font-size:23px;
	}
	
	#invlinks {
		width:20%;
	}
	
	#inv {
		width:76%;
	}
	
	#checkered-back {
		font-size: 16px;
	}
	
	#mahindra-equip {
		font-size: 12px;
		
	}
	
	#jcb-equip {
		font-size: 12px;
		
	}
	
	#avant-equip {
		font-size: 12px;
		
	}
			
}

@media screen and (max-width: 1005px)  {
	header{width:100%; padding:0}
	#logo {
		width:28%;
	}
	
	#overslide{margin:10% 0 0 0;}
	
	.zoom-container {
		width:48%;
	}
	
	.zoom-container .zoom-caption h3 {
		font-size:32px;
		margin:16% 0 0;
	}


	.myform input{
		width:60%;
	}
	
	.column3 {width: 50%;}

	.pad{padding-top:7rem;}
	
	.full-screen{display:none;}
	.mobile-size{display:block !important;}
	.side-search{width:99%; margin:0 auto; padding:1% 0 }
	.inventory-right{width:100%; padding:0;}
			
	#mobile-search{display:block; margin-bottom:1em}
	
	
}

@media screen and (max-width: 890px) {  

	
	.zoom-container .zoom-caption h3 {
		font-size:30px;
		margin:14% 0 0;
	}
	
	.column7 {width:100%;}
	
	.column10 {width:24%; padding:10px 0;}
	
}

@media screen and (max-width: 830px) {
	h1{font-size:30px; line-height:30px; margin-bottom:10px; } 
	.invbutton {
		font-size:18px;
		margin:1% 1% 0;
	}
	
	#invlinks {
		width:98%;
	}
	
	#inv {
		width:100%;
		padding:2% 0;
	}
	
	#invlinks li {
		width:46%;
		margin:0 2%;
	}
	
	#invlinks li a {
		padding:8px 10px;
	}
	
	.nobord {
		border-bottom:0!important;
	}
	
	#form {
		width:96%;
	}
	
	.myform input{
		width:80%;
	}
	
	input.btn {
		width: auto;
	}
	
	.form-btns {
		float:left;
	}
	
	.column4 {width:100%; *width: 100%; float:left;  box-sizing: border-box; border: thin solid #fff;}
	.column6 {width:100%; *width: 100%; float:left;  box-sizing: border-box; border: thin solid #fff;}
	
    /*===================== 

     MEET THE TEAM STYLES

    =======================*/
    
    .worker-img {
        width: 30%;
    }
    
    .team-wrap {
        height: 1420px;
    }
    
    .team .box-team {
        min-height: 330px;
    }
    
    .team h3 {
        font-size: 24px;
    }

}

@media screen and (max-width: 760px) { 
	
	header{width:100%; padding:0}
	#logo {
		width:100%;
		float:none;
		margin:5px auto;
		text-align:center
	}
	
	#logo img{ display:block; text-align:center; margin:0 auto; max-width:200px}

	#overslide{margin:15% 0 0 0;}
	.zoom-container .zoom-caption h3 {
		margin:12% 0 0;
	}
	.parts .box{min-height:auto}
		
	#all-equip a{
		font-size: 12px;

	}
	
	.columnequip {width:50%;}
    
    .pad { padding-top: 133px;}
    
    .showroom-col-1 {
        width:100%;
    } 
    .btn-1 {
        width: 100%;
    }
	
}

@media screen and (max-width: 600px) {  
	.elite-logo {width: 100%;display: flex;justify-content: center;}
	.elite-logo img {width: 100%;max-width: 180px;}
	.space.logo {flex-wrap:wrap-reverse;justify-content: center;}
	.column3{width:100%;padding:0; margin:5px auto; float:none}
	.whitefont{margin:0 auto; width:100%;float:none}
	
	#overslide{display:none;}
	
	.zoom-container .zoom-caption h3 {
		margin:10% 0 0;
	}
	
	.west .column4{width:50%; border:none!important}
	
	
	
	#bg-bottom{padding:2em}
	.half{width:100%; float:none; margin:0 auto; text-align:center}
    
     /*===================== 

     MEET THE TEAM STYLES

    =======================*/
    
    .worker-img {
        width: 50%;
    }
    
    .team-wrap {
        height: 1500px;
    }
}

@media screen and (max-width: 530px) {  
	.parts .column2{width:100%}
	.column10 {width:49%; padding:10px 0;}
	.invbutton {
		width:96%;
		padding:2%;
		margin:5px 0;
	}
}


@media screen and (max-width: 490px) {
	
	.west .column4{width:100%; border:none!important}

	.myform input{
		width:68%;
	}
	
	input.btn {
		width: auto;
	}
	
	.whitefont{width:100%; font-size:12px;}
	
	#employform{
		padding-left: 10px;
	}
	
	.zoom-container {
		width:90%;
		margin:10px auto;
		display:block;
		float:none;
	}
    
     /*===================== 

     MEET THE TEAM STYLES

    =======================*/
    
    .worker-img {
        width: 60%;
    }
    
    .team-wrap {
        height: 1450px;
    }

    
}
	
@media screen and (max-width: 380px) {
	
	.columnequip {width:100%;}
	
	#invlinks li {
		width:100%;
		margin:0;
	}
	
	.nobord {
		display:none;
	}
}

@media screen and (max-width: 300px) {
	.column10 {width:100%; padding:10px 0;}
}

