body {
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
}

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
    content: "";
    display: table;
	clear: both;
}

.wrapper {
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
	display: block!important;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}

h1 {
	font-size: 1.4em;
}

h1, h2 {
	font-family: "Arimo",sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
}

.bold {
	font-weight: 700;
}

.normal {
	font-weight: 400;
}

/*BACKGROUNDS*/
.bg_grey {
	background: #f8f8f8;
	border-bottom: 1px solid #e8e8e8;
}

.bg_white {
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 40px 0;
}

.bg_dark-grey {
	background: #e8e8e8;
	padding: 40px;
}

input {
	text-indent: 0.8em;
}

/*BUTTONS*/
button {
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}

.yellow_btn {
	background: #ffd71a;
	border: 2px solid #ffb503;
	border-radius: 5px;
}

	.yellow_btn:hover {
		border: 2px solid #9bbc44;
		background: #9bbc44;
	}

input.disabled_btn, button.disabled_btn {
	background: #B2B2B2;
	border: 2px solid #7C7C7C;
	border-radius: 5px;
}

input.disabled_btn:hover, button.disabled_btn:hover {
	border: 2px solid #C6C6C6;
	background: #B2B2B2;
}

a.disabled_btn {
	color: gray !important;
	text-decoration: none !important;
}

a.disabled_btn:hover {
	color: #A3A3A3 !important;
}

.green_btn {
	background: #9bbc44;
	border: 2px solid #9bbc44;
	border-radius: 5px;
	color: #fff;
}

	.green_btn:hover {
		border: 2px solid #fff;
	}

.orange_btn {
	background: #fe9700;
	border: 2px solid #E57E00;
	border-radius: 5px;
	color: #fff;
}
.orange_btn:hover {
	border: 2px solid #E57E00;
	background: #E57E00;
}
.item_price .orange_btn {
	background: #fe9700;
	border: none;
	border-radius: 3px;
	color: #fff;
	margin: 0;
	height: 30px;
	width: 140px;
	font-size: 13px;
}
.item_price .orange_btn:hover {
	background: #E57E00;
	border: none;
}
.hero_btn {
	font-size: 1.8em;
	padding: 3%;
	border-radius: 0px !important;
	margin-top: .5em;
	margin-bottom: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}
.hero_btn_sub {
    display: flex;
    flex-direction: column;
}
.hero_btn_sub span:nth-child(2) {
    text-transform: none;
    font-size: 0.5em;
    font-weight: normal;
    font-style: italic;
}
.gray_btn {
	background-color: #bbb;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	border: none;
}
.gray_btn:hover {
	color: #fff;
	background: #444;
}
.black_btn {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	border: none;
}
.black_btn:hover {
	color: #fff;
	background: #444;
}
.product-price .large_btn {
	margin: 0;
	grid-column: span 2;
	font-size: 1.5em;
  	padding: 3%;
}
.product-price .shadow_btn {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/**HOME page 01*/


/**BEGIN MENU*/
.mobile_menu_bg {
	display: none;
}
/* changes from ticket #764 */
.mobile_menu .fa-navicon::before,
.mobile_menu .fa-reorder::before,
.mobile_menu .fa-bars::before {
	font-size: 16px;
}

.mobile_menu a {
	font-size: 16px !important;
}

.mobile_menu_bg {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 99999999999999;
}

ul.mobile_menu {
	margin-bottom:0 !important;
}

@media (max-width:1155px) {
	body {
		padding-top: 2em !important;
	}
	.match-callout {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 1399px){
	.mobile_menu a span {
		font-size: 16px !important;
	}
}
/* end changes from ticket #764 */

h4,
.nav-item {
	font-family: 'Arimo', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}

nav {
	width: 100%;
	height: 40px;
	color: #444444;
}

	nav .menu {
		padding-top: 14px;
		float: left;
	}

	nav .contacts {
		padding-top: 14px;
		float: right;
	}

	nav .social {
		padding-top: 14px;
		float: right;
	}

	nav .webServices {
		padding-top: 10px;
		float: right;
	}

	nav .webServices button {
		padding: 4px 8px;
		font-family: 'Arimo', sans-serif;
		text-transform: uppercase;
		font-size: 0.7em;
		color: #fff;
		background-color: #ff8c00;
		border: 0px;
		border-radius: 5px;
		white-space: nowrap;
	}

	nav .contacts a {
		text-decoration: none;
		display: block;
		color: #444444;
		float: left;
		font-size: 0.7em;
		padding-right: 10px;
	}

	nav .menu a {
		text-decoration: none;
		display: block;
		color: #444444;
		float: left;
		font-size: 0.7em;
		padding-right: 15px;
	}

	nav .social a {
		padding-left: 18px;
		text-decoration: none;
		display: block;
		color: #444444;
		float: left;
		font-size: 14px;
	}

	nav a:hover {
		color: #000;
		text-decoration: underline;
	}

/**END MENU*/


/**BEGIN PROMOTION*/
.top_mobile {
	display: none;
}

.top_mobile_btn {
	display: none;
}

.top {
	background-color: #fff;
	width: 100%;
	height: 120px;
}

.logo {
	max-width: 374px;
	padding-top: 35px;
	float: left;
}

.promotion {
	width: 700px;
	padding-top: 35px;
	float: right;
}

.top button {
	margin-left: 20px;
	height: 50px;
	width: 200px;
	background-color: #ffd71a;
	border-radius: 3px;
	border: 2px solid #ffb503;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
}

	.top button:hover {
		background-color: #9bbc44;
		border: 2px solid #9bbc44;
	}

#first {
	margin-left: 50px;
}
/**END PROMOTION*/

/**BEGIN FILTER*/

.container {
	background: url(../images/bg-01-home.jpg) right center no-repeat fixed;
	background-size: cover;
	height: 600px;
	font-family: 'Roboto',sans-serif;
	width: 100%;
}

.container1 {
	background: url(../images/banners/1.jpg) right center no-repeat;
	background-size: cover;
	height: 600px;
	font-family: 'Roboto',sans-serif;
	width: 100%;
}

.container2 {
	background: url(../images/banners/2.jpg) right center no-repeat;
	background-size: cover;
	height: 600px;
	font-family: 'Roboto',sans-serif;
	width: 100%;
}

.container3 {
	background: url(../images/banners/3.jpg) right center no-repeat;
	background-size: cover;
	height: 600px;
	font-family: 'Roboto',sans-serif;
	width: 100%;
}

.container4 {
	background: url(../images/banners/4.jpg) right center no-repeat;
	background-size: cover;
	height: 600px;
	font-family: 'Roboto',sans-serif;
	width: 100%;
}

.container5 {
	background: url(../images/banners/5.jpg) right center no-repeat;
	background-size: cover;
	height: 600px;
	font-family: 'Roboto',sans-serif;
	width: 100%;
}

.container .wrapper {
	padding: 5% 0;
	position: relative;
}

.container h2 {
	font-size: 1.2em;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 2%;
}

.container h3 {
	font-size: 0.9em;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
}

.holder {
	width: 585px;
	/*height: 385px;*/
	background-color: rgba(0,0,0,0.65);
	margin-left: 20px;
	padding: 40px;
	color: #fff;
	position: absolute;
	top: 10%;
	left: 10%;
	;
}

	.holder h1 {
		margin-bottom: 1%;
	}

	.holder h3 {
		font-size: 0.9em;
	}

.filter_row {
	height: 100%;
	padding-bottom: 2%;
}

.filter_category_row {
	width: 100%;
	height: 100%;
	padding: 0;
}

.filter_category {
	height: 98%;
	padding-bottom: 2%;
}

	.filter_category a {
		display: inline-block;
		color: #000;
		background: #e8e8e8;
		border-radius: 3px;
		padding: 1%;
		font-size: 14px;
		margin: 1% 1% 1% 0;
	}

		.filter_category a:hover {
			background: #9bbc44;
		}

.for_select {
	margin: 1% 0;
}

.manufactured_product-family_container {
	width: 240px;
	height: 100%;
	float: left;
}

.fuel-type_height_container {
	width: 175px;
	height: 100%;
	float: left;
}

.capacity_container {
	height: 100%;
	width: 165px;
	float: left;
}

	.capacity_container div {
		width: 45%;
		float: left;
	}

	.capacity_container input {
		height: 26px;
		font-family: 'Roboto',sans-serif;
		font-weight: 500;
		background-color: #f8f8f8;
		border: 1px solid #a4a4a4;
		border-radius: 3px;
	}

	.capacity_container .btn_find {
		width: 163px;
		height: 36px;
		margin-left: 0;
		margin-top: 20px;
	}

.middle_home {
	width: 220px;
}

.little_home {
	width: 155px;
}

.small_home {
	width: 50px;
	float: left;
}

.small_home_to {
	/*width: 35px;*/
	float: left;
}

#die_handlers.search_form, #attachments.search_form, #battaries_chargers.search_form, #sweepers_scrumbers.search_form,
#forklifts.search_form, #boom_lifts.search_form, #scissor_lifts.search_form, #misc_equipment.search_form {
	display: none;
}

	#misc_equipment input {
		height: 26px;
		font-family: 'Roboto',sans-serif;
		font-weight: 500;
		background-color: #f8f8f8;
		border: 1px solid #a4a4a4;
		border-radius: 3px;
	}

.filter_category .active {
	background-color: #9bbc44;
	border: 1px solid #9bbc44;
}


/**END FILTER*/

/**BEGIN UNDER_FILTER*/
.under_filter {
	background-color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
}

	.under_filter .wrapper {
		margin: 2% auto;
	}
/**END UNDER_FILTER*/

/**BEGIN CONTENT*/
.content {
	width: 100%;
}

	.content .wrapper {
		max-width: 1400px;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 4%;
	}
	.content .search_results {
		text-align: center;
		max-width: unset;
	}

.anchors_wrap {
	margin: 0 auto;
	width: 96%;
	padding: 2%;
}

	.anchors_wrap a {
	}

.anchors {
	text-align: left;
	display: inline-block;
	margin-left: 2%;
	padding: 0 2% 0 0;
	color: #a4a4a4;
	border-right: 1px solid #a4a4a4;
}

	.anchors:hover {
		color: #000000;
	}

.content h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-top: 2%;
	text-align: left;
	padding-left: 2%;
}

.content_row {
	width: 100%;
	display: inline-block;
}

.content_item {
	display: inline-block;
	text-align: left;
	max-width: 220px;
	/*height:360px;*/
	padding: 2% 2% 0 2%;
	vertical-align: top;
	height: 400px;
	margin: 1% auto;
}

	.content_item:hover {
		-webkit-transition: all 1000ms ease;
		-moz-transition: all 1000ms ease;
		-ms-transition: all 1000ms ease;
		-o-transition: all 1000ms ease;
		transition: all 1000ms ease;
		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
	}

.next {
	padding-left: 20px;
}

.item_name h2 {
	width: 95%;
	height: 38px;
	background-color: #ffd71a;
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #ffb503;
	border-right: 1px solid #ffb503;
	border-left: 1px solid #ffb503;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 0.9em;
	text-align: center;
	padding: 4% 2%;
	vertical-align: middle;
}

.item_img {
	height: 168px;
	overflow: hidden;
	position: relative;
}

	.item_img img {
		width: 100%;
	}

.item_image_bottom img {
	position: absolute;
	left: 0;
	bottom: 0;
}


.item_name_text {
	background-color: #fff;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	width: 218px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	padding-top: 12px;
	color: #444444;
}

	.item_name_text:hover {
		color: #000;
	}

.item_text {
	width: 188px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #444444;
	background-color: #fff;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	padding: 10px 15px 15px 15px;
	overflow-y: scroll;
	height: 90px;
}

	.item_text span {
		font-weight: 700;
		text-indent: each-line;
	}

	.item_text p {
		text-indent: 0.9em;
		text-align: justify;
	}

	.item_text:hover {
		color: #000;
	}


.content_item .for_btn {
	background-color: #fff;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-radius: 0 0 3px 3px;
}
/*.content_item .for_btn button{
	width:170px;
	margin:7px auto;
}*/

.content button {
	width: 160px;
	height: 40px;
	background-color: #9bbc44;
	border: 2px solid #9bbc44;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	align-content: center;
	margin-left: 10px;
}

	.content button:hover {
		background-color: #719317;
		border: 2px solid #719317;
		color: #fff;
	}

/**END CONTENT*/

/**BEGIN FOOTER*/

.footer_mobile {
	display: none;
}

.footer {
	width: 100%;
	padding-bottom: 25px;
	background-color: #fff;
	color: #444444;
	font-size: 14px;
}

	.footer .wrapper {
		padding: 40px 0 0 0;
		max-width: 1185px;
	}

	.footer a {
		text-decoration: none;
		color: #444444;
	}

	.footer h4,
	.footer .nav-item {
		padding: 10px;
		text-transform: uppercase;
	}

.footer_promotion {
	float: left;
	width: 15%;
	padding-left: 00px;
	border-right: 1px solid #e8e8e8;
}

.footer_menu_1 {
	float: left;
	border-right: 1px solid #e8e8e8;
	width: 15%;
	padding-left: 30px;
}

.footer_menu_2 {
	float: left;
	border-right: 1px solid #e8e8e8;
	width: 15%;
	padding-left: 30px;
}

.footer_contacts {
	float: left;
	width: 15%;
}

	.footer_contacts h4,
	.footer_contacts .nav-item {
		float: left;
		width: 80%;
	}

.footer_contacts_type {
	padding-left: 30px;
	width: 5%;
	float: left;
}

.footer_container {
	float: right;
}

.footer_copyright {
	padding: 10px;
	text-transform: uppercase;
}

.footer_container h4,
.footer_container .nav-item {
	width: 148px;
	float: left;
	padding: 10px;
	border-right: 1px solid #e8e8e8;
}

.footer_container .footer_social {
	float: left;
	width: 137px;
}

	.footer_container .footer_social a {
		padding: 10px;
		text-align: center;
	}

.footer a:hover, h4:hover, .nav-item:hover {
	color: #000;
	text-decoration: underline;
}

.footer .logo {
	padding-top: 0px;
    padding-bottom: 10px;
}

.footer img {
	width: 250px;
}

.footer_copyright {
	width: 70%;
	text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
}
.footer_categories {  
	width: 100%;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
	background: #f8f8f8;
}
.footer_categories .wrapper {
	padding: 20px 0;
	  max-width: 1185px;
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer_categories .nav-item {
	padding: 10px;
	text-transform: uppercase;
}
.footer_categories a,
.footer_categories a:visited {
	text-decoration: none;
	  color: #444;
}
.footer_categories a:hover {
	color: #000;
	  text-decoration: underline;
}

.footer_copyright {
	font-size: 14px;
	color: #444;
	padding: 20px 0;
}
@media screen and (max-width: 1399px) {
	.footer_categories .nav-item,
	.footer_copyright {
		font-size: 0.8em;
	}
}
@media screen and (max-width: 1000px) {
	.footer_categories .wrapper {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.footer_copyright {
		display: block !important;
		font-size: .7em !important;
	}
}
/**END FOOTER*/












/**ADVANCED SEARCH page 02*/



/**BEGIN ADV_SEARCH*/
.adv_search {
	width: 100%;
	height: 350px;
	background: url(../images/bg-02-adv.jpg) no-repeat center;
	background-size: cover;
}

	.adv_search .wrapper {
		color: #fff;
		text-transform: uppercase;
		margin: 0 auto;
		width: 90%;
	}

.adv_search_holder {
	width: 100%;
	height: 350px;
	background: rgba(0,0,0,0.65);
	color: #fff;
}

.adv_search h1 {
	padding: 2% 0;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1.3em;
}

.adv_search h3 {
	padding: 1% 0;
	font-size: 0.9em;
	font-family: 'Arimo', sans-serif;
}

.adv_category_container {
	height: 100%;
}

.for_select {
	height: 28px;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size: 0.6em;
	
	background-color: #f8f8f8;
	border: 1px solid #a4a4a4;
	border-radius: 3px;
	margin-right: 15px;
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
	background-image: url(../images/arrow_select.png);
	background-position: 97% center;
	background-repeat: no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: white;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	text-transform: none;
	float: left;
}



.large {
	width: 90%;
}

.big {
	width: 90%;
}

.middle {
	width: 90%;
}

.middle-small {
	width: 90%;
}

.little {
	width: 90%;
}

.small {
	width: 81%;
	margin-right: 0px;
}

.adv_type {
	display: inline-block;
}

.col3 {
	width: 33.0003%;
	display: inline-block;
}

.col4 {
	width: 24.5%;
	display: inline-block;
}

.col2 {
	width: 40%;
	display: inline-block;
}

	.col2 .for_select {
		width: 100%;
	}

.col_to {
	width: 10%;
	display: inline-block;
}

.adv_search_holder.for_select {
    vertical-align: bottom;
}

.adv_type .for_select {
	display: inline-block;
	float: none;
    width: 100%;
}

.adv_type h3 {
    vertical-align: middle;
}

.adv_type .col_to {
    text-align: center;
}

.adv_search_holder .col4 {
    width: 24.6%;
}

    .adv_search_holder .col4 .col_with_to {
        width: 43%;
        display: inline-block;
    }

    .adv_search_holder .col4 .for_select {
        margin-right: 0;
    }


.adv_filter_btn {
	text-align: center;
	padding: 2%;
}

	.adv_filter_btn button {
		width: 160px;
		height: 36px;
		font-size: 16px;
		font-weight: 700;
	}

.btn_find {
	background: #ffd71a;
	border: 2px solid #ffb503;
	border-radius: 3px;
	margin-left: -60px;
	margin-right: 20px;
}

.btn_reset {
	background: #e8e8e8;
	border: 2px solid #a4a4a4;
    border-radius: 3px;
}

.btn_find:hover {
	background: #9bbc44;
	border: 2px solid #9bbc44;
}

.btn_reset:hover {
	background: #d70000;
	border: 2px solid #d70000;
	color: #fff;
}


/**END ADV_SEARCH*/

/**BEGIN SORT_PAGGING*/
.sort_pagging {
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-weight: 700;
	border-bottom: 1px solid #e8e8e8;
}

	.sort_pagging .wrapper {
		padding: 2% 0;
	}

	.sort {
		float: left;
		width: 45%;
		font-size: 0.9em;
	}
	
	.pagging {
		float: left;
		width: 55%;
		text-align: right;
		padding-top: 4px;
	}

.sort div {
	margin-right: 10px;
	text-transform: uppercase;
	float: left;
	padding: 5px;
}

.sort form {
    width: 49%;
    float: left;
    text-align: center;
}

.sort select {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    font-size: 0.7em;
    padding: 5px;
    background-color: #f8f8f8;
    border: 1px solid #a4a4a4;
    border-radius: 3px;
    width: 40%;
    height: 28px;
    margin-right: 2%;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(../images/arrow_select.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.sort a {
	text-decoration: none;
	float: left;
	color: #a4a4a4;
	font-size: 1.4em;
	margin: 0 8px;
}

	.sort a:hover {
		color: #000;
	}

	.sort a.search_display_button {
		padding-top: 5px;
	}

.pagging_btn {
	text-decoration: none;
	text-transform: uppercase;
	background-color: #f8f8f8;
	border: 2px solid #a4a4a4;
	border-radius: 3px;
	height: 30px;
	/*width: 78px;*/
	color: #000;
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size: 0.9em;
	padding: 3px 5px;
}

	.pagging_btn:hover {
		background: #a4a4a4;
	}

.th {
	font-size: 1.5em;
	line-height: 1.1em;
}

.pagging ul {
	/*float: right;*/
}

.pagging li {
	font-size: 0.9em;
	font-family: 'Roboto',sans-serif;
	list-style-type: none;
	padding: 0 3px;
	display: inline;
	
}

.pagging li.active{
	text-decoration: underline;
	font-stretch:expanded;
	font-weight:900;
}
	.pagging li:hover {
		text-decoration: underline;
	}
/**END SORT_PAGGING*/

/**BEGIN Category Contents*/
.category-content {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e8e8e8;
}

.category-content .wrapper {
    padding: 1% 0;
}

.category-content .contents {
	margin-top: 10px;
}
.category-content .location-contents {
	margin: 10px 0;
}
.category-content .location-contents a {
	font-size: 0.8em;
	text-transform: uppercase;    
	color: #333;
}
.category-content .location-contents a:hover {
	text-decoration: underline;
}
/**END Category Contents*/

/**BEGIN CONTENT_ADV_SEARCHING*/
.content_adv {
}

	.content_adv .wrapper {
		max-width: 98%;
		margin: 0 auto;
		padding-bottom: 4%;
	}

.content_row_adv {
	width: 100%;
	padding-top: 20px;
}

.content_item_adv {
	position: relative;
	display: inline-block;
	max-width: 220px;
	/*height:360px;*/
	padding: 4% 2% 0 2%;
    vertical-align: top;
}

    .content_item_adv .for_btn {
        text-align: center;
    }

	.content_item_adv:hover {
		-webkit-transition: all 1000ms ease;
		-moz-transition: all 1000ms ease;
		-ms-transition: all 1000ms ease;
		-o-transition: all 1000ms ease;
		transition: all 1000ms ease;
		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
	}

.item_img_adv {
	height: 142px;
}

	.item_img_adv img {
		width: 100%;
		object-fit: cover; /* fill the area w/o distortion, requires js/css polyfill TJF */
	}

.rounded {
	border-radius: 5px 5px 0 0;
    width: 220px;
    /*height: 147px;*/
}

/* tjf */
.rounded-list {
	border-radius: 5px 0 0 5px;
}

.item_img_adv img.list  {
    height: 100%;
}
/* end tjf */
.item_name_adv div.title {
	margin-top: 2%;
}
.item_name_adv h2,
.item_name_adv div.title {
	text-transform: uppercase;
	/*height: 30px;*/
	background-color: #ffd71a;
	border: 1px solid #ffb503;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight: 700;
	padding: 5px 10px;
	text-align: center;
	font-size: 1em;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item_name_text_adv {
	text-transform: uppercase;
	font-family: 'Roboto Condensed',sans-serif;
	font-weight: 600;
	text-align: center;
	background: #fff;
	/*border-right: 1px solid #a4a4a4;
	border-left: 1px solid #a4a4a4;*/
	padding: 5%;
	color: #9bbc44;
	text-indent: none;
	font-size: initial;
}
.item_name_text_adv a:link, .item_name_text_adv a:visited, .item_name_text_adv a:hover, .item_name_text_adv a:active {
	color: #9bbc44;
}

.item_text_adv {
	font-family: 'Roboto',sans-serif;
	font-weight: 400;
	font-size: 14px;
	background: #fff;
	border-right: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	border-left: 1px solid #a4a4a4;
	border-radius: 0 0 5px 5px;
}

.content_item_adv .item_text_adv {
	position: relative;
}
.content_item_adv .item_text_adv .scroll-wrapper {
	position: relative;
	overflow-y: auto;
    height: 122px;
}
.bullets {
	text-align: left;
	padding: 5px 14px 0 14px;
	color: #444;
	font-size: .9em;
}
.bullets > div {
	display: flex;
	justify-content: space-between;  
	gap: 8px;
}
.bullets > div > span:first-child {
	font-weight: bold;
	align-self: end;
}
.bullets > div > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bullets > div > span.bullet-item_desc {
	font-weight: normal;
  	align-self: unset;
	overflow: auto;
	white-space: unset;
	width: 100%;
	padding-top: 8px;
}

.content_item_adv .item_text_adv .parameters {
        text-align: left;
        /*
			ORIGINAL
			text-indent: 10px;
			
			Edit to make text-indent negative and added the padding 
			fixes second line of parameter <p> tags indenting
		*/
		text-indent: -9px;
		padding-left: 17px;
		
		
        /*overflow-y: scroll;
        height: 85px;
        webkit-overflow-scrolling: touch;*/
    }
   .content_item_adv .item_text_adv .parameters {
    
    max-width: 220px;
    /*width: 200px;*/
    line-height: 1em;
	padding-top: 5px;
}

.content_item_adv .item_text_adv .parameters::-webkit-scrollbar {
    -webkit-appearance: none;
}

.content_item_adv .item_text_adv .parameters::-webkit-scrollbar:vertical {
    width: 11px;
}

.content_item_adv .item_text_adv.parameters::-webkit-scrollbar:horizontal {
    height: 11px;
}

.content_item_adv .item_text_adv .parameters::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.item_price {
	/*background: url(../images/price.png) no-repeat center;*/
	text-indent: 0px;
	font-weight: 700;
	/*padding-top: 5px;*/
	text-transform: uppercase;
	color: #fff;
	/*height:77px;*/
}

	.item_price p {
		color: #000;
		/*line-height: 3em;*/
		font-size: 1.2em;
		/*text-align: center;*/
		padding: 12px 0;
	}

.for_btn {
	padding: 1% 0;
}

	.for_btn button {
		width: 80%;
		text-align: center;
        margin: 1% 2%;
	}

.item_text_end_user {
	color: #d70000;
}

.submit_offer {
	background: #d13e3e;
	width: 120px;
	height: 30px;
	margin-left: 10px;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

	.submit_offer:hover {
		background: #d70000;
	}

	.submit_offer p {
		text-align: center;
		padding: 4% 0;
	}

/**END CONTENT_ADV_SEARCHING*/

.under_content {
	width: 100%;
}


/**BEGIN 03 PRODUCT_DETAIL*/

/*BEGIN ABOUT_PRODUCT*/

.under_top {
	/*background: url(../images/bg-03-product-10-opt.jpg) center;*/
	background-color: #ccc;
	background-size: cover;
	height: 230px;
	width: 100%;
}

.print_share {
	text-align: center;
	float: left;
}
.print_share p{
	color: #959595;
	font-size: 1em;
	font-weight: 300;
	margin-top: 5px;
}
.call_away {
	float: right;
	text-align: center;
	font-weight: 300;
	color: #959595;
	margin-top: 15px;
}

.under_image a {
	margin-left: 20px;
}

.content_bg {
	background: #f8f8f8;
	width: 100%;
}

.product_about .wrapper {
	max-width: 95%;
	width: 1200px;
}

.product_name_mobile {
	display: none;
}
/* BEGIN GALLERY*/
.product-gallery_wrapper {
    width: 400px; /*?*/
    width: 760px; /*?*/
    float: left;
    margin-top: 2%;
    padding-bottom: 160px;
}

.gal_img_large {
    width: 100%;
}

#thumbs-new {
    display: inline-block;
    width: 282px;
}

#prev-new {
    font-size: 3.5em;
    width: 15px;
    margin-right: 5px;
}

#next-new {
    font-size: 3.5em;
    width: 15px;
    margin-left: 5px;
}

/* END GALLERY*/
.product_inf {
    max-width: 410px;
    float: right;
    margin-top:20px;
}

product_name,
.product-price,
.product_labels,
.product_equip {
	margin: 2% 0;
	width: 100%;
}

.product_about h1 {
    padding: 2% 0;
    font-weight: 700;
}


.product-price {
    padding: 2% 0;
}

.price_bg, .product-price_btn {
    padding: 2%;
    width: 48.4%;
    min-width: 200px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}

.price_bg {
	margin: 2% 0 0 0;
}

	.price_bg span {
		color: #fff;
		font-size: 1.1em;
		font-weight: 700;
	}

.column {
    float: left;
    width: 100%;
    max-width: 100% !important;
}

.contact-inf {
    width: 100%;
    float: right;
    margin: 0 0 20px 0;
}

.submit_container_wrap {
    width: 62%;
    float: right;
    margin: 2% 0 0 0;
}

.contact-inf_wrap {
    background: #e8e8e8;
    border-radius: 5px;
    padding: 3% 3%;
}

.contact-inf-row {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

    .contact-inf-row:last-child {
        border: none;
    }

.product_equip .contact-inf-row {
    font-size: 1.125em;
    line-height: 24px;
}

.contact-inf .submit_offer {
	width: 180px;
}

.product_equip .bold {
	text-transform: uppercase;
}

.product_post_date {
    text-align: right;
    margin: 0 2%;
    padding: 24px 0;
}

.label_name {
    width: 50%;
    text-transform: uppercase;
    float: left;
}

.contact-inf-row .label_name {
    font-size: 1.125em;
}

.label_text {
    width: 50%;
    float: right;
    font-size: 18px;
    text-align: right;
}

.contact-inf .column {
    width: 100%;
    float: left;
    padding-right: 0px;
}

.contact-inf .contact-inf-row {
    font-size: 18px;
    padding: 2px 0;
    font-weight: normal;
}

.contact-inf_wrap .column + .column {
    margin: 25px 0 0 0;
}

.contact-inf_wrap .label_name {
    width: 30%;
}

.contact-inf_wrap .label_text {
    width: 70%;
    text-align: left;
}

.inf_contacts_btn {
	padding: 0;
}

.submit_container {
	background: #e8e8e8;
	border-radius: 5px;
	padding: 2% 3%;
	font-weight: 400;
}

	.submit_container p {
		margin: 1% 0;
		display: inline-block;
		padding: 0 2% 0 0;
	}

.submit_row {
	height: 26px;
	border-radius: 3px;
	border: 1px solid #a4a4a4;
	width: 100%;
	display: inline-block;
}

.submit_container textarea {
	border-radius: 5px;
	border: 1px solid #a4a4a4;
	width: 100%;
	min-height: 48px;
}

.submit_price {
	height: 24px;
	border-radius: 5px;
	border: 1px solid #a4a4a4;
	width: 20%;
	display: inline-block;
}

.submit_price_text {
	margin: 2% auto;
}

.checkbox_row {
	height: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.checkbox_row label {
	padding-right: 3px;
	padding-left: 10px;
	vertical-align: middle;
	font-family: 'Roboto',sans-serif;
	font-weight: 400;
	font-size: .9em;
}
.checkbox_row input[type=checkbox], .checkbox_row input[type=radio] {
	vertical-align: middle;
	position: relative;
	bottom: 1px;
}
/*.checkbox_row input[type=checkbox] {
  	margin-top: 8px;
	margin-bottom: 5px;
}*/
.checkbox_row input[type=radio] {
  	bottom: 2px;
}

.submit_btn {
	padding: 1%;
	width: 25%;
}
.gal_ar_prod #prev_item{
	left: 2%;
}
.gal_ar_prod #next_item{
	right: 2%;
}
#prev_item {
	color: #444444;
	font-size: 3.5em;
	position: absolute;
	top: 300px;
	left: 10px;
}

#next_item {
	color: #444444;
	font-size: 3.5em;
	position: absolute;
	top: 300px;
	right: 10px;
}
#prev_item:hover{
	color:#a4a4a4;
}
#next_item:hover{
	color:#a4a4a4;
}
.item_slide {
	width: 100%;
	position: relative;
}

/*END ABOUT PRODUCT*/

/**END 03 PRODUCT_DETAIL*/





.banner {
	position: relative;
	overflow: auto;
}

	.banner li {
		list-style: none;
	}

	.banner ul li {
		float: left;
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		width: 100%;
		text-align: center;
	}

		.banner .dots li {
			display: inline-block;
			display: inline;
			zoom: 1;
			width: 10px;
			height: 10px;
			line-height: 10px;
			margin: 0 4px;
			text-indent: -999em;
			text-indent: 0;
			border: 2px solid #fff;
			border-radius: 6px;
			cursor: pointer;
			opacity: .4;
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}

			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}






/**BEGIN 04-MEMBER_LOGIN*/
.member_login .wrapper {
	margin: 0 auto;
	width: 1180px;
}

.form-item {
	height: 260px;
	margin-top: 40px;
	margin-right: 20px;
	padding: 40px;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #e8e8e8;
	font-size: 1em;
}

	.form-item h5 {
		text-transform: uppercase;
		margin: 10px 0 0;
		text-align: left;
	}

	.form-item h4 {
        margin-bottom: 2%;
		text-align: center;
		font-weight: 700;
		text-decoration: none;
	}

	.form-item p {
		text-align: center;
	}

	.form-item input {
		margin: 10px 0;
	}

.member_login_item, .become_member_item {
	width: 296px;
	float: left;
}

.become_member_item {
	margin-right: 0;
	/*width:32%;*/
}

	.become_member_item p {
		margin-bottom: 33px;
	}


.member_text {
	padding: 2% 0;
	color: #a4a4a4;
	text-align: justify;
    font-size: 0.9em;
}

.form-item .member_btn {
	text-align: center;
	padding: 2% 0;
}

.member_login_item .member_btn {
	width: 175px;
	margin: 20px 60px;
}

.become_member_item .member_btn {
	width: 100%;
	display: block;
}

.become_member_item .button_container {
	padding-top: 2%;
	padding-bottom: 3%;
	margin: 0 auto;
	text-align: center;
	width: 80%;
}

.button_container button {
	display: block;
}


/**END 04-MEMBER_LOGIN*/


/**BEGIN 04-MEMBER_LOGGEDIN*/

.member_loggedin_item {
	width: 100%;
	float: left;
	box-sizing: border-box;
}

	.member_loggedin_item h4, .btn_reset {
	}

	.member_loggedin_item h4 {
		width: 50%;
		text-align: left;
		float: left;
		margin-bottom: 10px;
	}

	.member_loggedin_item .btn_wrap {
		width: 100%;
		margin: 0 auto;
	}

.btn_wrap .button_container:first-child {
	padding-left: 0;
}

.btn_wrap .button_container:last-child {
	padding-right: 0;
}

.member_loggedin_item .btn_reset {
	width: 20%;
	padding: 4px 8px;
	background: #f8f8f8;
	border: 1px solid #a4a4a4;
	margin-right: 2%;
	float: right;
	color: #444444;
	font-size: 0.8em;
}

	.member_loggedin_item .btn_reset:hover {
		color: #000;
	}

.member_loggedin_item .button_container {
    width: 30.8%;
	padding: 1%;
	display: inline-block;
}

.member_loggedin_item .yellow_btn {
	width: 100%;
	font-size: 0.8em;
}

.member_loggedin_item p {
	margin-top: 2%;
	font-size: 0.8em;
	color: #444444;
	text-align: left;
}

.number_of_trucks_text h5 {
	width: 40%;
	float: left;
}

.number_of_trucks_text .number_of_trucks {
	width: 10%;
	float: left;
	margin: 10px 0 0 10px;
}
/**END 04-MEMBER_LOGGEDIN*/


/**BEGIN 05-EMAIL SEARCH*/
.company_inf {
	height: 220px;
	width: 90%;
	margin: 40px auto;
}

	.company_inf div {
		width: 49%;
		float: left;
	}

		.company_inf div:first-child {
			margin-right: 2%;
		}

	.company_inf .for_select {
		width: 100%;
		margin: 10px 0;
		border-radius: 3px;
		
	}

.emailsrch input {
	font-size: 14px;
	font-family: ProximaNova;
	height: 32px;
}
.emailsrch textarea {
	font-size: 14px;
	font-family: ProximaNova;
	padding: 10px;
}
.emailsrch .for_select {
	font-size: 14px;
	font-family: ProximaNova;
	padding-left: 10px;
	height: 32px;
}
.emailsrch h4 {
	text-decoration: none;
	color: #9bbc44;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2em;
	text-align: center;
	padding: 2% 0;
}

.emailsrch .bg_grey {
	padding-top: 10px;
}

.emailsrch p {
	width: 65%;
	text-align: center;
	padding: 0 0 2% 0;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.emailsearch_equip {
	height: auto;
	margin: 0 auto 4% auto;
	width: 90%;
}

.emailsearch_equip_col1, .emailsearch_equip_col2 {
	width: 48%;
	float: left;
	height: 460px;
}

.emailsearch_equip .emailsearch_equip_col1 {
	margin-right: 2%;
}

.emailsearch_equip_col1 .submit_row {
	height: 396px;
}

.emailsearch_equip_col1 .for_select {
	width: 100%;
	margin: 10px 0;
	border-radius: 5px;
	height: 26px;
}

.emailsearch_equip_col2 .submit_row {
	display: inline-block;
}

.emailsearch_equip_col2 .for_select {
	margin: 10px 0;
	border-radius: 5px;
}

.emailsearch_equip_col2 .col2 {
	width: 46%;
	display: inline-block;
	margin-right: 1%;
}

.emailsearch_equip_col2 .col_to {
	width: 5%;
	display: inline-block;
	margin: 15px 0;
	vertical-align: top;
}

.col_to h5 {
	text-align: center;
	margin: 0;
}

.emailsearch_select_type .for_select {
	width: 94%;
}

.green_question {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #9bbc44;
	border-radius: 10px;
	text-align: center;
	margin: 10px 0 10px 10px;
    line-height:20px;
}

	.green_question a {
		text-decoration: none;
		color: #9bbc44;
	}

.emailsearch_year_range {
}

	.emailsearch_year_range :last-child {
		margin-right: 0;
	}

.emailsearch_mast {
	width: 46%;
	display: inline-block;
}

	.emailsearch_mast .for_select {
		width: 100%;
	}

.emailsearch_fuel {
	margin-left: 7%;
}

.eq_type {
	margin-top: 13px;
}
    .eq_type .submit_row {
		margin-top: 11px;
		font-size: 14px;
		font-family: ProximaNova;
		padding: 10px;
	}

.emailsrch textarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #a4a4a4;
	background-color: #f8f8f8;
	margin: 10px 0;
}

.form-item .submit_row {
	background-color: #f8f8f8;
}

.form-item .for_select {
	background-color: #f8f8f8;
}

.emailsrch .for_btn {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

	.emailsrch .for_btn button {
		width: 25%;
		padding: 1% 0;
	}

.emailsrch .last_select {
	margin: 0 auto;
	width: 60%;
	text-align: center;
}

	.emailsrch .last_select .for_select {
        margin-bottom:4%;
		width: 100%;
		font-size: 0.8em;
		padding-top: 0;
		padding-bottom: 0;
	}
/*END 05-EMAIL SEARCH*/


/*BEGIN 06-CONTACT_US_PAGE*/
.contact_us_text h1,
.contact_us_text h4 {
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
}
.contact_us_page .content{
	width: 80%;
	text-align: center;
	margin: 40px auto;
	color: #828080;
	font-weight: 300;
}

.contact_us_page .wrapper {
	padding-top: 4%;
	padding-bottom: 4%;
}
.contact_us_page h2{
	text-align: center;
	color: #666666;
	font-size: 1.8em;
	font-weight: 300;
	margin-bottom: 20px;
}

.contact_us_page .form-item {
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.contact_us_col1, .contact_us_col2 {
	width: 35%;
	display: inline-block;
	vertical-align: top;
}

.contact_us_col1 {
	margin-right: 2%;
}

	.contact_us_col1 p {
		margin: 10px 0px 0px;
		text-align: left;
	}

.contact_us_col2 p {
	margin: 10px 0px 0px;
	text-align: left;
}

.contact_us_page .col2 {
	vertical-align: top;
}

	.contact_us_page .col2:first-of-type {
		width: 25%;
	}

	.contact_us_page .col2:last-of-type {
		width: 50%;
	}

.contact_us_page button {
	padding: 1% 0;
	margin: 2%;
	width: 25%;
	font-size: 0.9em;
}

	.contact_us_page button:last-of-type {
		margin-left: 0;
	}

.contact_us_page .member_text {
	padding-bottom: 0;
}
/*END 06-CONTACT_US_PAGE*/

/*07-FAQ*/
.faq_page_item {
	border-bottom: 1px solid #e8e8e8;
	padding: 1% 0;
}

	.faq_page_item h6 {
		width: 92%;
		text-align: justify;
		margin-left: 2%;
		vertical-align: top;
		padding: 10px 0;
	}

.faq_page h6 {
	font-size: 0.8em;
	display: inline-block;
}

.green_plus, .green_minus {
	padding: 2px;
	border-radius: 14px;
	display: inline-block;
	margin-top: 5px;
}

.faq_page_item a {
	vertical-align: middle;
}

.green_minus {
	display: none;
}

.faq_page_item p {
	display: inline-block;
	width: 92%;
	text-align: justify;
	margin-left: 2%;
}
/*BEGIN 08-TRADE_IN VALUE*/
.trade-in_value h4 {
	font-size: 1.2em;
	border-bottom: 2px solid #E8E8E8;
	padding-bottom: 2%;
	text-decoration: none;
	text-align: center;
}

.trade-in_value .wrapper {
	padding-top: 2%;
	padding-bottom: 2%;
}

.trade-in_value .submit_row, .for_select {
	background-color: #f8f8f8;
}

.el_pow_trucks .submit_row, .for_select {
	background-color: #fff;
}

.truck_form-item {
	height: auto;
	width: 90%;
	padding: 40px;
	background-color: #FFF;
	border-radius: 5px;
	border: 2px solid #E8E8E8;
	margin: 2% auto 0 auto;
}

	.truck_form-item h5 {
		text-transform: uppercase;
		margin-top: 10px;
	}

	.truck_form-item .submit_row {
		margin: 10px 0;
	}

	.truck_form-item .for_select {
		margin: 10px 0;
	}

	.truck_form-item div {
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}

	.truck_form-item h5 {
		text-align: left;
	}

	.truck_form-item .col2 {
		width: 49%;
	}

		.truck_form-item .col2:first-child {
			margin-right: 1%;
		}

	.truck_form-item .col3 {
		width: 32%;
		margin-right: 1%;
	}

		.truck_form-item .col3:last-child {
			margin-right: 0;
		}

	.truck_form-item .for_select {
		width: 100%;
		background-color: #F8F8F8;
		border-radius: 3px;
	}

.quote_select_type {
	width: 66%;
}

	.quote_select_type .for_select {
		width: 90%;
	}

	.quote_select_type .emailsearch_select_type {
		width: 100%;
		display: inline-block;
	}

	.quote_select_type a {
		text-align: right;
	}

.capacity_lbs .submit_row {
    width: 85%;
    text-align: left;
}

.capacity_lbs h5:last-of-type {
    display: inline-block;
    width: 14%;
    text-align: right;
}

.quotes_tire_condition {
	width: 49%;
}

	.quotes_tire_condition h5 {
		display: inline-block;
	}

		.quotes_tire_condition h5:first-of-type {
			width: 34%;
		}

	.quotes_tire_condition .submit_row {
		display: inline-block;
		width: 40%;
	}

	.quotes_tire_condition h5:last-of-type {
		width: 10%;
	}

.truck_form-item .col2 {
	width: 49%;
}

	.truck_form-item .col2:last-child {
		margin-left: 1%;
	}

.el_pow_trucks {
	width: 97%;
	padding: 20px;
	background-color: #f8f8f8;
	border-radius: 5px;
	margin: 1% auto;
}

	.el_pow_trucks .for_select {
		background-color: #fff;
	}

.truck_part2 {
	width: 100%;
}

.trade-in_value .emailsrch_comments {
	width: 100%;
}

	.trade-in_value .emailsrch_comments textarea {
		width: 100%;
		border-radius: 5px;
		border: 1px solid #A4A4A4;
		background-color: #F8F8F8;
		margin: 10px 0px;
	}

.truck_form-item .truck_part3 {
	width: 100%;
	text-align: left;
}

.truck_part3 h5 {
	display: inline-block;
	width: 12%;
}

.truck_part3 p {
	display: inline-block;
	text-transform: uppercase;
	font-style: italic;
	font-size: 0.8em;
}

.file_btn input {
	opacity: 0;
	width: 100%;
	margin-top: 10px;
	position: absolute;
	left: 0;
	top: 0;
}

	.file_btn input:hover {
		cursor: pointer;
	}

.file_btn {
	position: relative;
	width: 20%;
	background: #f8f8f8 none repeat scroll 0% 0%;
	border: 1px solid #a4a4a4;
	border-radius: 5px;
}

	.file_btn:hover {
		background-color: #9bbc44;
		border: 1px solid #9bbc44;
	}

	.file_btn h5 {
		margin-bottom: 7px;
		width: 100%;
		text-align: center;
	}

.trade-in_value .for_btn {
	text-align: center;
}

	.trade-in_value .for_btn button {
		width: 15%;
		padding: 10px;
	}
/*END 08-TRADE_IN VALUE*/

/*BEGIN 09-EMAILMARKETING*/
.email_market .col4 {
	width: 18%;
}

.email_market .col5 {
	width: 13%;
	margin-right: 1%;
}

.attach_file_wrap {
}

	.attach_file_wrap .file_btn {
		width: 50%;
		height: 28px;
		margin-top: 10px;
	}

		.attach_file_wrap .file_btn h5 {
			width: 100%;
			font-size: 0.6em;
		}

	.attach_file_wrap p {
		width: 40%;
		display: inline-block;
		text-transform: uppercase;
		font-size: 0.8em;
		margin-top: 17px;
	}

.email_market .emailsearch_comments {
	width: 100%;
}

.email_market .file_btn input {
	margin-top: 0;
}

.email_market textarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #A4A4A4;
	background-color: #F8F8F8;
	margin: 10px 0px;
}

.trade-in_value .for_btn .truck_btn {
	padding: 5px;
}

/*END 09-EMAILMARKETING*/

/*BEGIN 13-ADD_LISTING*/
.add_list_page input {
	border-radius: 3px;
	height: 26px;
}

.add_list_page .for_select {
	margin-top: 10px;
	margin-bottom: 10px;
}

.add_list_page .for_btn {
	text-align: center;
	width: 100%;
	padding: 4% 0 0 0;
	height: auto;
}

	.add_list_page .for_btn a {
		color: #000;
		padding: 5px 10px;
		
		margin: 0 1%;
		background: #fff;
	}

		.add_list_page .for_btn a:hover {
			background: #9bbc44;
		}

.add_list_page .form-item {
	height: auto;
    width: 90%;
}

.add_list_1 h4 {
	text-align: left;
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0;
}

.add_list_1 div {
	display: inline-block;
	width: 58%;
	vertical-align: top;
	text-align: right;
}

	.add_list_1 div select {
		width: 100%;
	}

.add_list_page .form-item {
	margin: 2% auto;
}

.add_list_2 .form-item h4 {
	text-align: left;
	border-bottom: 1px solid #e8e8e8;
}

.add_list_2 .quote_select_type {
	width: 66%;
	display: inline-block;
	vertical-align: top;
}

.add_list_2 div {
	vertical-align: top;
}

.add_list_2 .col3 {
	width: 32%;
	margin-right: 1%;
}

	.add_list_2 .col3 .for_select {
		width: 100%;
	}

.add_list_2 .col2 {
	width: 48%;
	margin-right: 1%;
}

.no_margin_right {
	margin-right: 0;
}

.add_listing_price {
	width: 66%;
	display: inline-block;
	vertical-align: top;
}

	.add_listing_price div h5 {
		width: 25%;
		display: inline-block;
	}

	.add_listing_price .col3 {
		width: 43%;
	}

	.add_listing_price div input {
		width: 70%;
		display: inline-block;
	}

	.add_listing_price .price_usd {
		width: 10%;
		display: inline-block;
		vertical-align: bottom;
	}

.price_usd .for_select {
	width: 100%;
	display: inline-block;
	margin: 10px 0;
}
.add_list_page .email_market p{
	color:#444444;
	font-size:0.9em;
	
}
.grey_underline{
	border-bottom:1px solid #e8e8e8;
	
}
.add_list_3 h4{
	width:40%;
	text-align:left;
	display: inline-block;
}
.add_list_3 .file_btn{
	padding: 0 2%;
	width:40%;
	display: inline-block;
	
}
.add_list-file_btn_box{
	display: inline-block;
	width:59%;
	text-align:right;
	
}
.add_list_image_box{
	text-align:center;
	margin:30px auto;
}

   /*  .add_list_image_box img {
        width: 20%;
        margin: 1%;
        border: 2px solid #e8e8e8;
    } TJF */

.add_list_3 ul {
    padding: 0 4%;
	color:#a4a4a4;
}
/*END 13-ADD_LISTING*/

/*BEGIN 13-EMAIL_ADDRESSES*/
.email_adr_page .wrapper {
	padding-top: 2%;
	padding-bottom: 2%;
}

.email_adr_page h4 {
	font-size: 1.2em;
	border-bottom: 2px solid #e8e8e8;
	padding-bottom: 2%;
}

.email_adr_page .form-item {
	height: auto;
	width: 65%;
	margin: 2% auto;
}

	.email_adr_page .form-item:last-of-type {
		margin-top: 2%;
	}

	.adr_page_row {
	text-align: center;
}

	.adr_page_row div:first-of-type {
		width: 70%;
		display: inline-block;
	}

	.adr_page_row div:last-of-type {
		width: 25%;
		display: inline-block;
	}

	.adr_page_row button {
		padding: 3px 2px;
		width: 90%;
	}

	.email_adr_page .for_btn {
	text-align: center;
}

	.email_adr_page .for_btn button {
		width: 15%;
		padding: 10px;
	}

/*END 13-EMAIL_ADDRESSES*/

/*BEGIN 15-USER_MEMBER*/
.user_member_page a {
	color: #000;
}

.user_member_page p {
	text-align: justify;
}

.user_member_page .user-member-form1 {
	width: 90%;
	margin: 4% auto;
}

.user_member_page .user-member-form2 {
	width: 90%;
	margin: 4% auto;
}

.user_member_page .wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

.user_member_page .member_text {
	padding-top: 0;
	padding-bottom: 4%;
}

.user-member-form1 div {
	border-bottom: 1px solid #e8e8e8;
}

.user-member-form1 h4 {
	float: left;
	padding: 5px;
	font-size: 1.3em;
}

.user-member-form1 a {
	float: right;
	padding: 5px;
	font-weight: 700;
	width: 20%;
}

.user-member-form1 p {
	margin-top: 30px;
}

.user-member-form-item2 {
	border-bottom: 1px solid #e8e8e8;
}

	.user-member-form-item2 h4 {
		float: left;
		padding: 5px;
		font-size: 1.3em;
	}

	.user-member-form-item2 a {
		float: right;
		padding: 5px;
		font-weight: 700;
		width: 20%;
	}

.user_member_text {
	padding: 3% 0 4% 0;
	border-bottom: 1px solid #e8e8e8;
}

/*.user-member-form2 :nth-child(3) {
	margin: 4% auto;
	font-size: 1.3em;
}*/

.user_member_page .plan-box-inner {
	display: inline-block;
	width: 36%;
	margin-right: 2%;
}

.user_member_page .plan-box-inner2 {
	margin-right: 0;
}

.user_member_page .plan-box-inner h5 {
	text-align: center;
	font-size: 1.2em;
	margin-top: 0;
}

.user_member_page .plan-box-inner .price-big {
	color: #9bbc44;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5em;
}

	.user_member_page .plan-box-inner .price-big strong {
		font-size: 2.6em;
	}

.user_member_page .plan-box-inner p {
	text-align: center;
	font-size: 0.9em;
}

.user_member_page .plan-box-inner li {
	text-align: justify;
	font-size: 0.9em;
	margin: 3% 0;
}

.user_member_page .for_btn {
	margin: 4% auto;
}

	.user_member_page .for_btn a {
		padding: 1% 10%;
		text-transform: uppercase;
		font-weight: 700;
	}

/*END 15-USER_MEMBER*/

/*BEGIN 14 ACCOUNT SETTINGS*/

.acc_set_page .wrapper {
	padding-top: 2%;
	padding-bottom: 2%;
}

.acc_set_page .form-item {
	height: auto;
	width: 70%;
	margin: 2% auto;
}

.acc_set_row div:first-of-type {
	width: 35%;
	display: inline-block;
	margin-right: 2%;
}

.acc_set_row div:last-of-type {
	width: 60%;
	display: inline-block;
}

.acc_set_page .member_text {
	font-size: 0.9em;
}

.acc_set_page .for_btn {
	text-align: center;
}

.acc_set_page button {
	width: 25%;
	padding: 1% 0;
}
/*END 14 ACCOUNT SETTINGS*/


/*BEGIN 18-USER_AGREEMENT*/
.user_agreement h6 {
	font-size: 0.8em;
}

.user_agreement p {
	color: #444444;
	font-size: 0.9em;
	text-align: justify;
}

.user_agreement a {
	color: #444444;
}

	.user_agreement a:hover {
		color: #000;
		text-decoration: underline;
	}

.user_agreement .wrapper {
	margin-bottom: 40px;
}
/*END 18-USER_AGREEMENT*/
.reseller-dealer-form {
	height: auto;
}

	.reseller-dealer-form h4 {
		font-size: 1.2em;
		border-bottom: 2px solid #E8E8E8;
		padding-bottom: 2%;
	}

	.reseller-dealer-form p {
        padding: 1% 0px;
		color: #000;
		text-align: justify;
	}

.user-dealer-form p {
	text-align: center;
}

.user-dealer-form:first-of-type {
	margin-bottom: 2%;
}



/*BEGIN 21-EMAIL_FILTERING*/
.email_filt_page .col3{
	width:25%;
}
.email_filt_page .col1{
	width:72%;
}
.email_filt_page .col2{
	width:48%;
	text-align:right;
}
.email_filt_page .col2 input {
	height:auto;
}
.email_filt_page .for_btn{
	padding-top:20px;
}
.email_filt_page .for_btn button{
	width:28%;
}
.email_filt_page h4{
	text-align:center;
	width:100%;
	font-size:1.4em;
}
.email_filt_page p{
	text-align:center;
	width:100%;
	color:#a4a4a4;
	margin-bottom:40px;
}
.email_filt_box{
	padding:40px 0;
}
.col2_email-filt{
	width:44%;
	display:inline-block;
}
.col5_email-filt{
	width:10%;
	display:inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 10%;
}
.col5_email-filt button{
	color:#a4a4a4;
	border-radius:5px;
	border:3px solid #e8e8e8;
	width:70%;
	font-size:1.7em;
}
.col5_email-filt button:first-of-type{
	margin-top:70%;
}
.col5_email-filt button:last-of-type{
	margin-top:10%;
}
.email_filt_page .submit_row{
	height:245px;
	font-size:1.1em;

}
.no_border_bottom{
	border-bottom:none;
}
.email_filt_for_btn{
	padding:20px 0 40px 0;
	text-align:center;
}
.email_filt_for_btn button:first-of-type{
	margin-right:2%;
}
/*END 21-EMAIL_FILTERING*/

.for_select_change .for_select{
	width:100%;
	
}
.for_select_change h5{
	
	text-align:center;
}
.hide{
	display:none;
}
.email_market div .hide{
	display:none;
}

.btnToLeft, .btnToRight {
    font-size: 1.8em;
    color: #a4a4a4;
    display: block;
    margin: 3% auto;
    cursor: pointer;
    color: #A4A4A4;
    border-radius: 5px;
    border: 3px solid #E8E8E8;
    padding: 2% 8%;
    width: 36%;
    text-align: center;
}


/* TJF */

div.rounded-container {
  display: inline-block;
  position: relative;
}

div.rounded-container:before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top: 2px solid #e8e8e8;
  border-left: 2px solid #e8e8e8;
  border-right: 2px solid #e8e8e8;
  border-radius: 5px 5px 0 0;
}

div.rounded-container img {
  vertical-align: middle; /* optional */
  /*width: 220px;
  height: 147px;*/
}

div.rounded-container-list {
  display: inline-block;
  position: relative;
}

.rounded-list-border {
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
}

div.rounded-container-list img {
  vertical-align: middle; /* optional */
  height: 100%;
}

div.rounded-container-list:before {
  display: block;
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 5px 0 0 5px;
}

.btn {
	text-transform: uppercase;
	font-weight:700;
	cursor:pointer;
	-ms-align-content: center;
	-webkit-align-content: center;
	align-content: center;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.btn-browseall {
    width: 170px;
    height: 36px;
    background-color: #9bbc44;
    border: 2px solid #9bbc44;
    border-radius: 3px;
    font-size: 14px;
    margin: 10px 20px;
    color: #000;
    line-height: 36px;
}

    .btn-browseall:hover {
        background-color: #719317;
        border: 2px solid #719317;
        color: white;
    }

.btn-details {
    width: 80%;
    height: 36px;
    background-color: #9bbc44;
    border: 2px solid #9bbc44;
    border-radius: 3px;
    font-size: 14px;
    margin: 10px 20px;
    color: #000;
    line-height: 36px;
}
.btn-details:hover {
	background-color: #719317;
	border: 2px solid #719317;
	color: white;
}

.btn-yellow {
	width: 196px;
	height: 46px;
	line-height: 46px;
	background: #ffd71a;
	border: 2px solid #ffb503;
	border-radius: 5px;
	color: #000;  
	margin-left: 20px;
}
.btn-yellow:hover {
	border: 2px solid #9bbc44;
	background: #9bbc44; 
}
.pagging li a {
	/*font-size:0.9em; removed so the parent [.pagging li] font size will be used */
	font-family: 'Roboto',sans-serif;
	color: #000;
}
.pagging li a:hover {
	text-decoration: underline;
}

/*BEGIN FOOTER MOBILE EDIT*/
.footer_contacts {
    vertical-align: top;
}



/*
REMOVED TJF
.product_about .adv_features .checkbox-div h5 {
    margin-left: 2%;
    text-indent: 0;
}
*/


.wsearch .sort select {
    width: auto;
}

.content_item_adv_edit {
    
    margin: 2% auto;
}

.content_item_adv_mob {
    display:none;
    margin: 2% auto;
}

.content_item_adv_edit .item_img_adv {
    min-width: 200px;
    width: 15%;
    height: 140px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: url(../images/item-pic.jpg) no-repeat center;
    background-size: cover;
    border-radius: 5px 0 0 5px;
}

.content_item_adv_mob .item_img_adv {
    min-width: 200px;
    width: 15%;
    height: 140px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: url(../images/item-pic.jpg) no-repeat right;
    background-size: cover;
    border-radius: 5px 0 0 5px;
    position: relative;
}

    
    /* tj */
    .content_item_adv_mob .item_img_adv .for_btn a.list {
        border-radius: 0 0 0 5px;
    }
	
    .content_item_adv_mob .item_img_adv .for_btn a {
        position: absolute;
        bottom:0;
        
        display: block;
        color:#fff;
        text-transform:uppercase;
        margin:0 auto;
        background-color:rgba(155,188,68,0.8);
        width:100%;
        border-radius:3px;
        padding:2% 0;


    }

.content_item_adv_edit .item_desc {
    display: inline-block;
    width: 84%;
    vertical-align: top;
    height: 140px;
    margin-left: -1%;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0 5px 5px 0;
    box-sizing: border-box;
}

.content_item_adv_mob .item_desc {
    display: inline-block;
    width: 60%;
    vertical-align: top;
    height: 140px;
    margin-left: -1%;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0 5px 5px 0;
    box-sizing: border-box;
}


.content_item_adv_edit .item_basic {
    display: inline-block;
    width: 79%;
    vertical-align: top;
    height: 138px;
    text-align: left;
    overflow: auto;
}

.content_item_adv_mob .item_basic {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    height: 138px;
    text-align: left;
    overflow: hidden;
}



.content_item_adv_edit .item_name_adv {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 3%;
}

.content_item_adv_mob .item_name_adv {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 3%;
	font-size: 1em;
}

.content_item_adv_edit .item_name_adv h2,
.content_item_adv_edit .item_name_adv div.title {
    display: inline-block;
    border: none;
    text-align: left;
    background: none;
}

.content_item_adv_mob .item_name_adv h2,
.content_item_adv_mob .item_name_adv div.title {
    display: inline-block;
    border: none;
    text-align: left;
    background: none;
}

.content_item_adv_edit .item_name_text_adv {
    display: inline;
    padding: 0;
    border: none;
    font-size: 0.9em;
}

.content_item_adv_mob .item_name_text_adv {
    display: inline;
    padding: 0;
    border: none;
    font-size: 0.9em;
}

.content_item_adv_edit .parameters {
    height: auto;
    text-indent: 0;
    overflow-y: auto;
}

.content_item_adv_mob .parameters {
    height: auto;
    text-indent: 0;
    overflow-y: auto;
}

.content_item_adv_edit .parameters p {
    width: 28%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-left: 2%;
	/*			
		Edit to make text-indent negative and added the padding 
		fixes second line of parameter <p> tags indenting
	*/
	text-indent: -9px;
	padding-left: 17px;
}

.content_item_adv_mob .parameters p {
    width: 42%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-left: 2%;
}

.content_item_adv_edit .item_text_adv {
    display: inline-block;
    border-radius: 0 0 0 0;
    text-align: left;
    border: none;
    width: 100%;
}

.content_item_adv_mob .item_text_adv {
    display: inline-block;
    border-radius: 0 0 0 0;
    text-align: left;
    border: none;
    width: 100%;
	height: 93px;
	overflow: scroll;
}

.content_item_adv_edit .item_price {
    width: 20%;
    display: inline-block;
}

.content_item_adv_mob .item_price {
    width: 20%;
    text-align: left;
	height: auto;
	padding-top: 0;
	margin-top: 0;
}

.content_item_adv_mob .item_price p {
    font-size: 1.2em;
}

.content_item_adv_edit .item_price .for_btn a {
    display: block;
    margin: 17% auto;
    text-align: center;
    width: 95%;
    background: #9bbc44;
    border: 0;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: 700;
    padding: 4% 0;
    text-transform: uppercase;
    color: #000;
}

.content_item_adv_edit .item_price p {
    font-size: 0.8em;
    margin-top: 2%;
}

.content_item_adv_mob .item_price {
    width: 100%;
    text-align: left;
}

    .content_item_adv_mob .item_price p {
        text-indent: 0.8em;
		text-align: left;
		padding: unset;
    }

    .content_item_adv .for_btn button{
        margin-bottom:5%;
}

.content_item_adv .btn_box {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto;
	row-gap: 4px;
	column-gap: 2px;
	margin: 0 8px 4px 8px;
}

.content_item_adv .btn_box .btn_large {
	width: unset;
	margin: 0;
	font-size: 18px;
	padding: 8px 4px;
	height: unset;
	color: #fff;
	background-color: #fe9700;
	border: none;
	grid-column: span 2;
}
.content_item_adv .btn_box .btn_small {
	background-color: #9bbc44;
	color: #fff;
	border: none;
	margin: 0;
	font-size: 12px;
	padding: 8px 4px;
	height: unset;
	width: 100%;
}

.content_item_adv .btn_box .popup-email-seller {
	border-radius: 3px 0 0 3px;
}
.content_item_adv .btn_box .js_elt_get_flyer {
	border-radius: 0 3px 3px 0;
}

.product-gallery_wrapper .contact-inf-row {
    border: none;
    padding: 0 0 5px 0;
}

.wp-price {
    font-size: 30px;
    color: #9bbc44;
}

.wrapper-button {
    position: absolute;
    float: left;
    width: 100%;
    left: 0;
    bottom: 0;
}

.product-gallery_wrapper {
    position: relative;
}

.wrapper-button .product-price_btn {
	/*width: 45%;* TJF */
	width: 30%;
    height: 50px;
    font-size: 1.0em;
	margin: 0 10px 20px 0;
	padding: unset;
}
.carousel-inner {
    text-align: center;
    width: 99.5%;
    /*height: 600px;*/
    /*line-height: 600px;*/
    background: #fff;
    /*border: 2px solid #a4a4a4;*/
    border-radius: 3px;
    
}
.carousel-control.left {
    background-image: none !important;
}
.carousel-control.right {
    background-image: none !important;
}
.carousel-inner .item {
    width: 100%;
    height: 100%;
}
.carousel-inner .item.active {
    max-width: 100%;
    /*max-height: 100%;*/
    display: inline-block;
    background: #fff;
    text-align: center;
}
.carousel-inner .item.active img {
    max-width: 100%;
    /*max-height: 100%;*/
    vertical-align: middle;
    display: inline-block;
    
}
    .carousel-inner .item img {
        
        width: 100%;
        /*object-fit: contain;*/
    }
.product-gallery_wrapper .gal_img_large .carousel .carousel-inner {
    cursor: pointer;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev, .carousel-control .icon-next {
    background-color: rgba(85, 85, 85, 0.8);
    border-radius: 50%;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 60px;
}



.modal .modal-body .img-item {
    margin-bottom: 10px;
    width: 100%;
}

    .modal .modal-body .img-item img {
        width: 100%;
    }

.content.bg_grey.search-list-view.respons-mobi {
}

.respons-mobi {
    margin-top: 2%;
    display: none;
}

.sort_pagging h3 {
    display: inline-block;
    width: 70%;
    color: #000;
}

.print_share {
    display: inline-block;
    width: 29%;
}
/*MODAL*/

.modal-body input {
    width: 97.5%;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 1%;
}

.modal_width button {
    width: 100%;
}
.modal_row_margin {
    margin: 10px auto;
}


    .modal-body button {
        width: 100%;
    }
.modal-icons {
    text-align: center;
    
    padding: 1% 1.5%;
    border-radius: 50%;
    border: 1px solid #9bbc44;
    color:#9bbc44;
}
.modal-body textarea {
    width: 97.5%;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #aaa;
    padding: 1%;
}
.modal-body .small-form-row {
    margin: 5px auto;
}
button.close {
    border: 2px solid #aaa;
    border-radius: 50%;
    padding: 0 0.5%;
}
a:-webkit-any-link {
    color: #000;
}


/* Tariff */
.test-period{
	position: absolute;
	z-index: 10;
	top: -65px;
	left: 30px;
}
.sticker{
	position: absolute;
	z-index: 2;
	padding: 5px 25px;
	border-radius: 4px;
	text-transform: uppercase;
	top: -14px;
	left: 21.5%;
}
.most-popular{
	background-color: #ff8830;
	color: white;
}
.tariff-wrap{
	position: relative;
}
.tariff {
	display: inline-block;
	margin: 0 10px 40px 10px;
	width: 310px;
	min-height: 380px;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 15px;
	padding-top: 25px;
	position: relative;
}
.tariff .yellow_btn{
	width: 120px;
	height: 34px;
	margin: 0;
	position: absolute;
	bottom: -17px;
	left:30%;
}
.contact-tabs .tariff-wrap p{
	text-transform: uppercase;
	text-align: center;
	font-size: 0.7em;
	margin: 15px 0;
}
.contact-tabs .tariff-list{
	margin: 0 0 20px 0;
	padding: 0;
	float: none;
}
.contact-tabs .tariff-list li{
	float: none;
	background: none;
	display: list-item;
	font-size: 1em;
	text-align: left;
	margin-left: 20px;
	padding: 3px 10px 3px 0;
	color: black;
}
.contact-tabs .tariff-list li:hover{
	background: none;
}
.contact-tabs .price-block{
	color: #99bb57;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0;
}
.contact-tabs .price-block .price{
	font-size: 4em;
	line-height: 40px;
	vertical-align: bottom;
	font-weight: bold;
}
.contact-tabs .price-block .price .currency{
	font-size: 0.3em;
	line-height: 15px;
	font-weight: normal;
}
.contact-tabs .price-block .name{
	vertical-align: top;
	font-size: 1.5em;
}
/* END Tariff */

/* SEARCH BLOCK */



/* RADIO button */
.mnu-owl-item {
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
}
.mnu-owl-item + label {
  cursor: pointer;
}
.mnu-owl-item:not(checked) {
  position: absolute;
  opacity: 0;
}
.mnu-owl-item:not(checked) + label {
  position: relative;
  padding: 0 0 0 27px;
}
.mnu-owl-item:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 1px;
  width: 20px;
  height: 20px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.mnu-owl-item:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: black;
  opacity: 0;
  transition: all .2s;
}
.radio-wrapper .mnu-owl-item:not(checked) + label:after{
  background: #ffd71a;
}
.mnu-owl-item:checked + label:after {
  opacity: 1;
}

/* END RADIO button */

/* CHECKED button */

.checked-button {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
.checked-button + label {
  cursor: pointer;
}
.checked-button:not(checked) {
  position: absolute;
  opacity: 0;
}
.checked-button:not(checked) + label {
  position: relative;
  padding: 0 0 0 60px
}
.checked-button:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
.checked-button:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s
}
.checked-button:checked + label:before {
  background: #ffd71a;
}
.checked-button:checked + label:after {
  left: 26px;
}

/* END CHECKED button */

.search-buttom label{
  font-size: 0.8em;
  line-height: 1em;
  vertical-align: middle;
}
.radio-left-wrapper{
  display: inline-block;
  margin-right: 15px;
  line-height: 30px;
}
.radio-left-wrapper label{
  padding-top: 2px !important;
}
.radio-left-wrapper>div{
  display: inline-block;
}
.search-bottom-item{
  display: inline-block;
  width: 23%;
}
.search-buttom .hits{
  text-align: right;
}
.search-bottom-item select, .search-bottom-item input{
  width: 100%;
}
.search-buttom{
  margin-bottom: 20px;
}
.search-buttom button{
  max-width: 45%;
}

.left-buttom{
  text-align: left;
}
.right-buttom{
  text-align: right;
}
.right-buttom h3{
  text-align: left;
}
.center-buttom .keywords{
  margin-bottom: 20px;
}
.center-buttom h3{
  text-align: left;
}
.search-buttom .col3{
  vertical-align: top;
}
.for_text{
  display: inline-block;
  border: 1px solid #a4a4a4;
  height: 26px;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  -webkit-border-radius: 2px;
  font-size: 0.6em;
}

/* END SEARCH BLOCK */

.adv_search .wrapper h3{
  padding: 8px 0 5px;
}
.adv_search .for_select{
  margin: 0;
}
.hits input{
  width: auto;
}

.green_question_mini {
	width: 15px;
	height: 15px;
	line-height: 15px;
	margin: 0;
	display: inline-block;
	border: 1px solid #9bbc44;
	border-radius: 10px;
	text-align: center;
}
.green_question_mini a {
	color: #9bbc44;
}

.mobile_menu a span.fav-count {
	margin: 0;
	font-weight: normal;
}

.success-box {
	border: 1px solid Green;
	background-color: #DDFFDD;
	border-radius: 5px;
	padding: 15px 15px 15px 15px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: bold;
}
.errors-box {
	border: 1px solid Red;
	background-color: #FFDDDD;
	border-radius: 5px;
	padding: 15px 15px 15px 15px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: bold;
}
.list-side-by-side {
	width: 100%;
}
.list-side-by-side dt {
	float: left;
	margin-right: 10%;
	max-width: 40%;
	font-weight: bold;
}
.list-side-by-side dd {
	color: grey;
	margin-left: 50%;
	margin-bottom: .5em;
}
.list-side-by-side dd::after {
	content: " ";
	display: block;
	clear: left;
}
/*
.ad-wrapper {
	padding-top: 1%;
	padding-bottom: 1%;
	width: 100%;
}
.ad-header { margin: auto; padding-top: 10px; }
.ad-footer { margin: auto; padding-top: 10px; }
.ad-small { width: 320px; }
.ad-big { width: 728px; }
@media only screen and (max-width: 750px) {
	.ad-small { display: block; }
	.ad-big { display: none; }
}
@media only screen and (min-width: 750px) {
	.ad-small { display: none; }
	.ad-big { display: block; }
}
*/
.ad-wrapper {
	padding-top: 1%;
	padding-bottom: 1%;
	max-width: 1470px;
	margin: 0 auto;
	
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-end;
}
.ad-header { margin: auto; padding-top: 10px; }
.ad-footer { margin: auto; padding-top: 10px; }
.ad-small { width: 320px; flex-basis:320px; }
.ad-big { width: 728px; height:90px; flex-basis:728px; }

@media only screen and (max-width: 750px) {
	.ad-small { display: block; }
	.ad-big { display: none; }
}
@media only screen and (min-width: 750px) {
	.ad-small { display: none; }
	.ad-big { display: block; }
}
.ad-inner {
	grid-row: 2;
  	grid-column: 1 / -1;
	width: 100%;
}
.ad-inner img {
	width: 100%;
	object-fit: cover;
	max-width: 1000px;
}
.elt_equipment_assets_banner {
  grid-column: 1 / -1; /* Spans across all columns */
  grid-row: 3;         /* Forces the banner onto Row 3 */
  width: 100%;
}
.breadcrumbs a {
	color: #000
}
.top.flex {
	display: block;
}
.wrapper-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	justify-content: center;
	align-items: center;
	align-content: center;
		
	width: calc(90% - 30px);
	max-width: 1400px;
	margin: 0 auto;

	padding-top: 24px;
}
.wrapper-flex .logo {
	padding-top: 0px;
	flex-grow: 1;
	width: 374px;
	align-self: left;
	max-width: unset;
}
.wrapper-flex .logo img {
	width: 364px;
	height: 64px;
}
.wrapper-flex .promotion {
	padding-top: 0px;
	flex-grow: 1;
	width: 470px;
	align-self: right;
}
.wrapper-flex .promotion button {   
	float: right;
}

@media screen and (max-width:1450px) {
	.wrapper-flex .promotion {
		padding-top: 16px;
		align-self: center;
		text-align: center;
	}
	.wrapper-flex .promotion button {    
		padding: 1%;
		margin: 0;
		width: auto;
		height: auto;
		font-size: 13px;
		float: none;
	}
}
@media screen and (max-width:1001px) {
	.wrapper-flex .promotion {
		display: none;
	}
}
nav .menu.menu_center {
	margin-left: auto;
    margin-right: auto;
    width: 700px;
	float: unset;
}
.important-notice {
	width: 100%;
	padding: 15px 10px 10px;
}
.important-notice .wrapper {
	/*max-width: 600px;*/
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.important-notice i {
	font-size: 28px;
	margin-right: 25px;
}
.important-notice .important-notice-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}
.important-notice .close-banner {
	font-size: 24px;
	position: absolute;
	right: 20px;
	top: 10px;
	opacity: 1;
	margin: 0;
	cursor: pointer;
}

@media(min-width:700px) {
	.chat-widget-container {
		visibility: hidden;
	}
}

.yt-title {
    font-variant: small-caps;
    font-weight: bold;
}
.yt-title i {
    color: red;
}

.GaugeMeter{
	Position:        Relative;
	Text-Align:      Center;
	Overflow:        Hidden;
	Cursor:          Default;
}

.GaugeMeter SPAN,
    .GaugeMeter B{
    	Margin:          0 23%;
    	Width:           54%;
    	Position:        Absolute;
    	Text-align:      Center;
    	Display:         Inline-Block;
    	Color:           RGBa(0,0,0,.8);
    	Font-Weight:     100;
    	Font-Family:     "Open Sans", Arial;
    	Overflow:        Hidden;
    	White-Space:     NoWrap;
    	Text-Overflow:   Ellipsis;
}
.GaugeMeter[data-style="Semi"] B{
	Margin:          0 10%;
	Width:           80%;
}

.GaugeMeter S,
    .GaugeMeter U{
    	Text-Decoration: None;
    	Font-Size:       .5em;
    	Opacity:         .5;
}

.GaugeMeter B{
	Color:           Black;
	Font-Weight:     300;
	Font-Size:       .5em;
	Opacity:         .8;
}
div.scoreWrapper {
    width: 100%;
	display: grid;
	grid-template-columns: 80px auto;
	justify-content: start;
	align-items: center;
    margin-bottom: 16px;
}
div.scoreWrapper .title { 
    text-align: left; 
    text-transform: uppercase;
    font-size: 18px;
    color: #7b7b7b;
    margin-left: 8px;
}
div.scoreWrapper .description { 
    text-align: left; 
    margin-left: 8px; 
	padding-bottom: 10px;
}
.content-block {
	text-align: left;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.tariff-wrap .content-block {
	margin-top: 30px;
}
.content-block h5 {
	margin-bottom: 8px;
	font-size: 18px;
	text-transform: none;
}
.content-block h5.title {  
	color: #666;
	  font-size: 1.8em;
	  font-weight: 300;
}
.content-block h5.subtitle {  
	color: #666;
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 30px;
}
.content-block p,
.contact-tabs .tariff-wrap .content-block p {
	text-transform: none;
	text-align: left;
	font-size: 15px;
	margin: 10px 0 8px 0;
	padding: unset;
	  color: unset;
}
.content-block ul, 
.content-block ol,
.tariff-wrap .content-block ul,
.tariff-wrap .content-block ol {
	margin-left: 30px;
}
.content-block ul li,
.content-block ol li,
.tariff-wrap .content-block ul li {
	background: unset;
	float: unset;
	margin: unset;
	padding: unset;
	cursor: unset;
	text-align: unset;
	display: list-item;
	width: unset;
	color: unset;
	font-size: 15px;				
}
.elt_contact_info_table_row_cell a, .elt_contact_info_table_row_cell a:focus, .elt_contact_info_table_row_cell a:hover, .elt_contact_info_table_row_cell a:active,
.elt_detail_address_block a, .elt_detail_address_block a:focus, .elt_detail_address_block a:hover, .elt_detail_address_block a:active,
.elt_dark_link, .elt_dark_link:focus, .elt_dark_link:hover, .elt_dark_link:active {
    color: rgb(0, 0, 0) !important;
    text-decoration: underline;
}

.article-content {line-height: 1.6; color: #333;font-size:18px; }
.article-content p { margin-bottom: 1.5em; }
.expert-insight { background: #f9f9f9; border-left: 5px solid #fdd71c; padding: 1.5em; margin: 2em 0; font-style: italic; }
    
/* For data-rich comparison tables */
.data-table { width: 100%; border-collapse: collapse; margin: 1.5em 0; border: 1px solid #eee; }
.data-table th { background: #333; color: #fff; padding: 12px; text-align: left; font-size: 16px; }
.data-table td { padding: 12px; border-bottom: 1px solid #eee; font-size: 16px; }

/* For "Quick Spec" callouts or highlight boxes */
.highlight-box { background: #eee; padding: 1em; border-radius: 4px; font-weight: bold; display: inline-block; margin-bottom: 1em; }

/* For a clean bulleted list that doesn't look like standard unstyled text */
.feature-list { margin: 1.5em 0; padding-left: 1.5em; list-style-type: square; }
.feature-list li { margin-bottom: 0.8em; }

/* For "Pro" vs "Con" comparison text */
.text-accent { color: #d4a017; font-weight: 700; }

/* Professional Link Styling */
.hub-link {
   color: #0071aa !important;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.hub-link:visited {
    color: #0071aa !important;
}

.hub-link:hover {
    color: #0071aa !important;
    text-decoration: underline;
}

.category-section {
    margin-bottom: 3em;
}

.category-header {
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 1.5em;
    color: #222;
}

/* Expert Take CTA Bar */
.expert-take-bar {
    background: #fdfdfd;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #1a5496; /* Navy blue to match links */
    padding: 12px 20px;
    margin: 15px 0 25px 0;
    display: flex;
    align-items: center;
    border-radius: 0 4px 4px 0;
}

.expert-badge {
    background: #1a5496;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3px;
    margin-right: 15px;
    letter-spacing: 0.5px;
}

.expert-take-text {
    font-size: 16px;
    color: #444;
}

/** Start of CSS for new home links **/
.content_infographics {
    background-color: #f4f7f9 !important; /* Light slate/industrial gray */
    padding: 1em 0 !important;
    border-top: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed;
}

/* Internal layout */
.elt_infographics {
    text-align: center;
}

.content_infographics .wrapper {
padding-top: 1em !important;
  padding-bottom: 2em !important;
}

.elt_infographics h2 {
    font-size: 2rem;
    color: #2c3e50;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
  text-align:center;
  margin-top:0 !important;
}











/* Flexbox links container */
.elt_infographics_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

/* Link "Button" Style */
.elt_infographics_links a {
    display: inline-flex;  /* Changed from inline-block */
    align-items: center;   /* Centers icon and text vertically */
    justify-content: center;
    gap: 10px;             /* Space between SVG and text */
    background: #ffffff;
    color: rgb(68, 68, 68); 
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    border: 1px solid #d1d9e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: all 0.2s ease-in-out;
}

.elt-svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Prevents icon from squishing on mobile */
    stroke: currentColor; /* Matches the text color automatically */
}

/* Hover State */
.elt_infographics_links a:hover {
    background-color: rgb(68, 68, 68);
    color: #ffffff;
    border-color: rgb(68, 68, 68);
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}





.popular_links.elt-pill-layout .title h4 {
    font-size: 0.9rem;
    color: rgb(68, 68, 68);
    border-bottom: 3px solid #ffcc00;
    padding-bottom: 6px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
    padding-left:0px !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .elt_infographics_links {
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
    }
    
.elt_infographics_links a {
        justify-content: flex-start; /* Aligns content to left on mobile vertical stack */
        padding-left: 20%;           /* Keeps text roughly centered but aligned */
    }    
    

    .elt_infographics_links a {
        width: 100%;
        max-width: 300px; /* Prevents buttons from being too wide on tablets */
        box-sizing: border-box;
    }
}
/** End of CSS for new home links **/

/* 1. Main Grid Layout - Forced 4 Columns */
.popular_links.elt-pill-layout {
    display: flex;
    flex-wrap: wrap;
    /* Use 0 gap here to prevent push-over; we will use padding on the boxes instead */
    gap: 0; 
    padding: 20px 0;
    margin-left: -10px; /* Offset for internal padding */
    margin-right: -10px;
}

.popular_links.elt-pill-layout .link_box {
    /* Hard 25% width calculation */
    flex: 0 0 50%; 
    box-sizing: border-box;
    padding: 0 10px 30px 10px; /* This creates the visual "gap" between columns */
}

/* 2. Header & Cascading Fix */
.popular_links.elt-pill-layout .title {
    border-bottom: none !important;
}

.popular_links.elt-pill-layout .title h4 {
    font-size: 0.9rem;
    color: rgb(68, 68, 68);
    border-bottom: 3px solid #ffcc00;
    padding-bottom: 6px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

/* 3. The Pill Wrapper */
.popular_links.elt-pill-layout .pill-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px; 
}

/* 4. The Pill Style */
.popular_links.elt-pill-layout .pill {
    display: inline-flex;
    align-items: stretch;
    text-decoration: none;
    background: #ebebeb; 
    border: 1px solid #c0c0c0; /* Darker border for better definition */
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.2s ease;
}

/* Left Side (Label) */
.popular_links.elt-pill-layout .pill .lbl {
    color: rgb(68, 68, 68); 
    font-weight: 600; 
    font-size: 0.65rem;
    padding: 5px 10px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

/* Right Side (Count) - INCREASED CONTRAST */
.popular_links.elt-pill-layout .pill .cnt {
    /* Darker background for the "pocket" */
    background: #d8d8d8; 
    /* Darker text for readability */
    color: #333; 
    font-size: 0.75rem;
    font-weight: 700;
    padding: 5px 10px;
    border-left: 1px solid #c0c0c0;
    display: flex;
    align-items: center;
}

/* 5. Hover State */
.popular_links.elt-pill-layout .pill:hover {
    border-color: #555;
    background: #e0e0e0;
    transform: translateY(-1px);
}

.popular_links.elt-pill-layout .pill:hover .cnt {
    background-color: #ccc;
    color: #000;
}

/* Mobile: Responsive Adjustments */
@media (max-width: 1024px) {
    .popular_links.elt-pill-layout .link_box { flex: 0 0 50%; } /* 2 columns on tablets */
}

@media (max-width: 600px) {
    .popular_links.elt-pill-layout .link_box { flex: 0 0 100%; } /* 1 column on phones */
    .popular_links.elt-pill-layout { margin-left: 0; margin-right: 0; }
}

/* Container Logic */
.intro-section {
    padding: 25px 0;
    line-height: 1.5 !important;
}

.intro-content-wrapper {
    max-width: 900px; /* Prevents "Sea to Sea" text on wide monitors */
    margin: 0 auto;   /* Centers the block */
    text-align: left;
}

.intro-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.9em;
    margin-bottom: 12px;
    color: #222;
    font-weight: 700;
}

/* Updated Text Styling */
.intro-p {
    font-weight: 500 !important; /* Medium weight - looks more professional */
    font-size: 16px !important;    /* Slightly larger for readability */
    margin: 0 0 15px 0 !important; 
    color: #333;
}

/* Button Container Spacing */
.intro-btn-block {
    margin: 2em 0 2em 0;
    text-align:center;
}

/* Button Styling (Brand Colors) */
.elt-custom-btn {
    display: inline-block !important;
    background-color: rgb(255, 215, 26) !important; 
    border: 1px solid rgb(255, 181, 3) !important;  
    color: #000 !important;                        
    padding: 12px 24px !important;                 /* Slightly larger buttons */
    margin-right: 12px;
    margin-bottom: 10px;
    text-decoration: none !important;              
    font-weight: 700 !important;
    font-size: 16px !important;
    border-radius: 4px;
    text-align: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);        /* Adds a subtle "button" depth */
    box-sizing: border-box;
}

.elt-custom-btn:hover {
    background-color: rgb(255, 181, 3) !important;
    text-decoration: none !important;
    color: #000 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Mobile responsive */
@media (max-width: 480px) {
    .elt-custom-btn {
        display: block !important;
        width: 100%;
        margin-right: 0;
    }
    .intro-title {
        font-size: 1.2em;
    }
}

.elt_forklift_subtype_icon {
	float:left; width:150px; margin:-15px 5px -1em -25px; opacity:0.9;
}

.desc_with_img {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #333;
    overflow: hidden;
}
.breadcrumblist {clear:both;}

.intro_subwrapper {
	width:100%;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.elt_forklift_mfg_icon {
  float: left;
  width: 150px;
  margin: -15px 10px -1em -7px;
  opacity: 0.9;
  height: auto;
}

.el_cart_wrapper {
}

.el_cart_wrapper .sort {
    width:400px;
}

.el_cart_wrapper .pagging {
    width:260px;
    float:right;
}

.el_cart_button_disable_cursor {cursor:default !important;}

.el_cart_wrapper .el_cart_button_wrapper {width:200px;float:left;display:table;}

.el_cart_wrapper .el_cart_button_wrapper .el_cart_button {font-weight:normal;white-space: nowrap;padding:6px 12px;cursor:pointer;display:inline-block;color:#4f4f4f;font-size:30px;padding-left:10px;padding-right:10px;display:table-cell;font-size:14px;background-color:rgb(250, 250, 250);color:#4f4f4f !important;border-color:rgb(225, 225, 225);border-style:solid;border-width:1px;text-align:center;}

.el_cart_wrapper .el_cart_button_wrapper .el_cart_button:first-child {border-radius:5px 0px 0px 5px;}

.el_cart_wrapper .el_cart_button_wrapper .el_cart_button:last-child {border-radius:0px 5px 5px 0px;}

@media (max-width:1380px) {
    .el_cart_wrapper {text-align:center;}
    .el_cart_wrapper .sort, .el_cart_wrapper .pagging {display:inline-block !important;max-width:100% !important;float:none !important;margin-left:auto;margin-right:auto;width:auto !important;white-space: nowrap;}
    .el_cart_wrapper .el_cart_button_wrapper {float:none !important;margin-left:auto;margin-right:auto;width:auto !important;}
    .el_cart_wrapper .sort {margin-bottom:.5em;}
    .el_cart_wrapper .el_cart_button_wrapper {margin-bottom:.5em;}    
}

@media (max-width:580px) {
    /*.el_cart_wrapper .el_cart_button_wrapper .el_cart_button {font-size:12px !important;}*/
    .el_cart_wrapper .el_cart_button_wrapper .el_cart_button .remove_for_mobile {display:none;}
}

.footer_categories h3 {
	margin: 0 auto;
	padding: 20px 0 0 14px;
	max-width: 1185px;
	color: rgb(68, 68, 68);
	width: calc(90% - 30px);
}

.desc p + p {
    margin-top: 1em;
}

.popular_links.elt-pill-layout .link_box:nth-child(odd):last-child {
  flex: 0 0 100% !important;
}

.under_top_v2 {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://dashboard.eliftruck.com/pdf_bg.jpg') no-repeat center center;
	background-size: cover;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 0;
}

.under_top_v2 h1 {
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3.6em;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.5px;
  margin: 0;
  padding: 0 20px;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

		.page_intro_bar {
			background-color: #ffffff;
			border-bottom: 1px solid #e1e1e1;
			padding: 20px 0;
			text-align: center;
		}
		.page_intro_bar p {
			font-family: 'Roboto', sans-serif;
			font-size: 1.1em;
			color: #666666;
			margin: 0 auto;
			max-width: 800px;
			line-height: 1.5;
			padding: 0 15px;
		}
		
		.bg_grey.buying_page_container {
			background-color: #f4f5f7;
			padding: 50px 0;
		}		
		
				.buying_page_container .cards_wrapper {
			display: flex;
			gap: 30px;
			max-width: 1200px;
			margin: 0 auto;
			width: 90%;
		}
		.buying_page_container .card-item {
			background: #ffffff;
			border-radius: 8px;
			box-shadow: 0 4px 15px rgba(0,0,0,0.05);
			border: 1px solid #eef0f3;
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 35px;
			box-sizing: border-box;
			transition: transform 0.2s ease, box-shadow 0.2s ease;
		}
		.buying_page_container .card-item:hover {
			transform: translateY(-4px);
			box-shadow: 0 8px 25px rgba(0,0,0,0.08);
		}
		.buying_page_container .card-item h4 {
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 1.6em;
			text-transform: uppercase;
			color: #222222;
			margin: 0 0 20px 0;
			padding-bottom: 12px;
			border-bottom: 3px solid #ff8c00;
			display: inline-block;
			letter-spacing: 0.5px;
		}
		.buying_page_container .card-item p {
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			line-height: 1.6;
			color: #4a4a4a;
			margin-bottom: 25px;
		}
		
		/* MODERNIZED BULLET SYSTEM USING CHECK ICONS */
		.buying_page_container .card-item ul {
			list-style: none;
			padding: 0;
			margin: 0 0 35px 0;
		}
		.buying_page_container .card-item ul li {
			font-family: 'Roboto', sans-serif;
			font-size: 13.5px;
			line-height: 1.5;
			color: #555555;
			margin-bottom: 14px;
			position: relative;
			padding-left: 28px;
		}
		.buying_page_container .card-item ul li::before {
			content: "\f00c";
			font-family: FontAwesome;
			position: absolute;
			left: 0;
			top: 1px;
			color: #9bbc44;
			font-size: 14px;
		}
		.buying_page_container .card-item ul li strong {
			color: #111111;
			font-weight: 700;
		}

		/* BUTTON CTAS */
		.buying_page_container .for_btn {
			text-align: center;
			margin-top: auto;
		}
		.buying_page_container .yellow_btn {
			background-color: #ff8c00;
			color: #ffffff;
			font-family: 'Roboto Condensed', sans-serif;
			text-transform: uppercase;
			font-weight: 700;
			font-size: 1.1em;
			letter-spacing: 1px;
			border: 0;
			padding: 14px 40px;
			border-radius: 5px;
			cursor: pointer;
			width: 100%;
			box-sizing: border-box;
			transition: background-color 0.2s ease, box-shadow 0.2s ease;
			box-shadow: 0 3px 6px rgba(255, 140, 0, 0.2);
		}
		.buying_page_container .yellow_btn:hover {
			background-color: #e07b00;
			box-shadow: 0 5px 12px rgba(254, 140, 0, 0.35);
		}

		/* RESPONSIVE LAYOUT MATRIX */
		@media screen and (max-width: 850px) {
			.buying_page_container .cards_wrapper {
				flex-direction: column;
				gap: 30px;
			}
			.under_top {
				height: 180px;
			}
			.under_top h1 {
				font-size: 2.4em;
			}
			.buying_page_container {
				padding: 30px 0;
			}
			.buying_page_container .card-item {
				padding: 25px;
			}
		}




    /* 1. Full-width outer section wrapper with dark background image blend */
    .hub_tile_wrap {
        background: linear-gradient(rgba(20, 22, 26, 0.90), rgba(20, 22, 26, 0.90)), 
                    url("/images/bg-search.webp") no-repeat center center;
        background-size: cover;
        padding: 50px 0; /* Slightly increased top/bottom padding for the new header breathing room */
        width: 100%;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        box-sizing: border-box;
    }

    /* New: Professional White Subtitle Styling */
    .hub_tile_subtitle {
        color: #ffffff;
        text-align: center;
        font-size: 1.75rem; /* Clean, clear size that doesn't overpower the main page title */
        font-weight: 600;
        margin: 0 auto 35px auto; /* 35px gap pushes the grid down cleanly */
        letter-spacing: 0.5px;
        max-width: 1400px;
        width: 90%; /* Ensures it aligns perfectly with the outer bounds of your grid container */
        box-sizing: border-box;
    }
    
    /* 2. Centered grid container matching your site's .wrapper constraints */
    .hub_tile_container {
        max-width: 1400px; 
        width: 90%;
        margin: 0 auto; 
        display: grid; 
        grid-template-columns: repeat(4, 1fr); 
        gap: 20px;
        box-sizing: border-box;
    }

    /* 3. Individual Tile Card Styling (Optimized for Contrast) */
    .hub_tile {
        background-color: #2d323f; 
        border: 1px solid #3f4656; 
        border-radius: 8px;
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration: none !important; 
        transition: all 0.25s ease-in-out;
        box-sizing: border-box;
    }

    /* 4. Icon Area Container */
    .hub_tile_icon_zone {
        margin-bottom: 15px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 5. Font Icon Styling (Brand Matched) */
    .hub_tile i.icon {
        font-size: 2.5rem;
        color: #ffd400; 
        transition: transform 0.25s ease-in-out;
    }

    /* 6. Text Category Title */
    .hub_tile_title {
        color: #ffffff; 
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.3px;
        line-height: 1.3;
    }

    /* --- HOVER EFFECTS --- */
    .hub_tile:hover {
        background-color: #353b4a; 
        border-color: #ffd400; 
        transform: translateY(-4px); 
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6); 
    }

    .hub_tile:hover i.icon {
        transform: scale(1.08); 
    }

    /* --- RESPONSIVE BREAKPOINTS --- */
    @media (max-width: 1024px) {
        .hub_tile_subtitle {
            font-size: 1.5rem; /* Scales down slightly on smaller screens */
            margin-bottom: 25px;
        }
        .hub_tile_container {
            grid-template-columns: repeat(3, 1fr); 
            gap: 15px;
        }
    }

    @media (max-width: 768px) {
        .hub_tile_container {
            grid-template-columns: repeat(2, 1fr); 
        }
    }

    @media (max-width: 480px) {
        .hub_tile_subtitle {
            font-size: 1.35rem;
        }
        .hub_tile_container {
            grid-template-columns: 1fr; 
            gap: 12px;
        }
    }
    
	.elt_hub_intro {
		  text-align: center;
		  color: white;
		  margin-bottom: 3em;
		  max-width: 900px;
		  margin-left: auto;
		  margin-right: auto;
		  padding-left:1em;
		  padding-right:1em;
	}    
    
	.hub_location_wrapper {
		margin-top:2em;
	} 
	
	.hub_location_wrapper h2 {
		color: black !important;
	}   
    
	.category-content_location_band {
		height: auto !important;
	}    
    
.buying_page_container h4 {
	text-decoration:none !important;
}

.buying_page_container .card-item ul ul {
    margin: 10px 0 15px 0 !important;
    padding-left: 5px !important;
}

/* 2. Style the indented sub-items cleanly so they don't look like main points */
.buying_page_container .card-item ul ul li {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #666666 !important; /* Muted tech gray for sub-options */
    margin-bottom: 8px !important;
    padding-left: 20px !important;
}

/* 3. Swap the duplicate green checkmarks for a clean, professional chevron bracket */
.buying_page_container .card-item ul ul li::before {
    content: "\f105" !important; /* FontAwesome right angle chevron */
    font-family: FontAwesome !important;
    color: #ff8c00 !important; /* Matches your brand accent orange */
    font-size: 13px !important;
    font-weight: bold !important;
    top: -1px !important;
}

/* 4. Fix typography hierarchy for the un-styled header tags */
.buying_page_container .card-item h5.title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 4px 0 !important;
}

.buying_page_container .card-item h5.subtitle {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ff8c00 !important; /* Anchor sub-header with brand orange */
    margin: 0 0 20px 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Style mid-card paragraph headers natively */
.buying_page_container .card-item h5:not(.title):not(.subtitle) {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 30px 0 15px 0 !important;
    padding-top: 10px;
}

        .elt_snap_carousel_wrapper {
            position: relative;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            align-items: center;
        }

        /* Fluid viewing track window container masking clipped elements */
        .elt_snap_carousel_window {
            width: 100%;
            overflow: hidden;
            scroll-behavior: smooth;
        }

        /* Forces layout nodes cleanly onto a single unfragmented horizontal plane */
        .elt_snap_carousel_wrapper .elt_card_container_grid {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            gap: 20px !important; 
            width: max-content !important;
            padding: 15px 0 !important;
            margin: 0 !important;
        }

        /* Shields listing blocks from flex distortion collapse */
        .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
            flex-shrink: 0 !important;
            box-sizing: border-box !important;
        }

        /* --- Precise Fractional Mathematics Responsive Engine --- */
        @media (min-width: 1600px) {
            .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
                width: calc((100vw - (100vw * 0.1) - 40px - (4 * 20px)) / 5) !important;
                max-width: 264px !important;
            }
        }
        @media (min-width: 1250px) and (max-width: 1599px) {
            .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
                width: calc((1200px - (3 * 20px)) / 4) !important;
            }
        }
        @media (min-width: 900px) and (max-width: 1249px) {
            .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
                width: calc((100vw - (100vw * 0.1) - (2 * 20px)) / 3) !important;
            }
        }
        @media (min-width: 600px) and (max-width: 899px) {
            .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
                width: calc((100vw - (100vw * 0.1) - (1 * 20px)) / 2) !important;
            }
        }
        @media (max-width: 599px) {
            .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
                width: calc(100vw - (100vw * 0.1) - 10px) !important;
            }
        }

.elt_snap_carousel_arrow {
            position: absolute !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            background: rgba(255, 255, 255, 0.98) !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 50% !important;
            width: 46px !important;
            height: 46px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            z-index: 99 !important;
            font-size: 14px !important;
            color: #1a202c !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08) !important;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
            
            /* Defensive overrides against rogue cascading layouts */
            margin: 0 !important;
            text-transform: none !important;
            font-weight: normal !important;
        }

        /* Smooth transformation blending into company brand identity palettes */
        .elt_snap_carousel_arrow:hover {
            background: #ffd71a !important;
            border-color: #ffb503 !important;
            color: #000 !important;
            transform: translateY(-50%) scale(1.06) !important;
            box-shadow: 0 6px 16px rgba(255, 181, 3, 0.25) !important;
        }
        
        .elt_snap_carousel_arrow:active {
            transform: translateY(-50%) scale(0.96) !important;
        }

        /* Balances floating nodes cleanly half-on/half-off screen margins */
        .elt_snap_carousel_prev { left: -23px !important; }
        .elt_snap_carousel_next { right: -23px !important; }
        .elt_snap_carousel_arrow.elt_hidden { display: none !important; }


.under_top_v2 {
    position: relative;
    overflow: hidden; /* Keeps things tight if you have corner radius rules */
}

/* 2. Injected dark transparency tint layer */
.under_top_v2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 0, 0, 0 = black | 0.45 = 45% transparency level (Adjust as desired) */
    background: rgba(0, 0, 0, 0.62); 
    z-index: 1; /* Sits directly over the background image file */
}

/* 3. Pull text forward so the dark tint stays strictly behind it */
.under_top_v2 h1 {
    position: relative;
    z-index: 2; /* Sits cleanly on top of the overlay layer */
    color: #ffffff; /* Ensures contrast popping */
}


    /* 1. Full-width outer section wrapper with dark background image blend */
    .hub_tile_wrap {
        background: linear-gradient(rgba(20, 22, 26, 0.90), rgba(20, 22, 26, 0.90)), 
                    url("/images/bg-search.webp") no-repeat center center;
        background-size: cover;
        padding: 50px 0; /* Slightly increased top/bottom padding for the new header breathing room */
        width: 100%;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        box-sizing: border-box;
    }

    /* New: Professional White Subtitle Styling */
    .hub_tile_subtitle {
        color: #ffffff;
        text-align: center;
        font-size: 1.75rem; /* Clean, clear size that doesn't overpower the main page title */
        font-weight: 600;
        margin: 0 auto 35px auto; /* 35px gap pushes the grid down cleanly */
        letter-spacing: 0.5px;
        max-width: 1400px;
        width: 90%; /* Ensures it aligns perfectly with the outer bounds of your grid container */
        box-sizing: border-box;
    }
    
    /* 2. Centered grid container matching your site's .wrapper constraints */
    .hub_tile_container {
        max-width: 1400px; 
        width: 90%;
        margin: 0 auto; 
        display: grid; 
        grid-template-columns: repeat(4, 1fr); 
        gap: 20px;
        box-sizing: border-box;
    }

    /* 3. Individual Tile Card Styling (Optimized for Contrast) */
    .hub_tile {
        background-color: #2d323f; 
        border: 1px solid #3f4656; 
        border-radius: 8px;
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration: none !important; 
        transition: all 0.25s ease-in-out;
        box-sizing: border-box;
    }

    /* 4. Icon Area Container */
    .hub_tile_icon_zone {
        margin-bottom: 15px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 5. Font Icon Styling (Brand Matched) */
    .hub_tile i.icon {
        font-size: 2.5rem;
        color: #ffd400; 
        transition: transform 0.25s ease-in-out;
    }

    /* 6. Text Category Title */
    .hub_tile_title {
        color: #ffffff; 
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.3px;
        line-height: 1.3;
    }

    /* --- HOVER EFFECTS --- */
    .hub_tile:hover {
        background-color: #353b4a; 
        border-color: #ffd400; 
        transform: translateY(-4px); 
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6); 
    }

    .hub_tile:hover i.icon {
        transform: scale(1.08); 
    }

    /* --- RESPONSIVE BREAKPOINTS --- */
    @media (max-width: 1024px) {
        .hub_tile_subtitle {
            font-size: 1.5rem; /* Scales down slightly on smaller screens */
            margin-bottom: 25px;
        }
        .hub_tile_container {
            grid-template-columns: repeat(3, 1fr); 
            gap: 15px;
        }
    }

    @media (max-width: 768px) {
        .hub_tile_container {
            grid-template-columns: repeat(2, 1fr); 
        }
    }

    @media (max-width: 480px) {
        .hub_tile_subtitle {
            font-size: 1.35rem;
        }
        .hub_tile_container {
            grid-template-columns: 1fr; 
            gap: 12px;
        }
    }
    
	.elt_hub_intro {
		  text-align: center;
		  color: white;
		  margin-bottom: 3em;
		  max-width: 900px;
		  margin-left: auto;
		  margin-right: auto;
		  padding-left:1em;
		  padding-right:1em;
	}    
    
	.hub_location_wrapper {
		margin-top:2em;
	} 
	
	.hub_location_wrapper h2 {
		color: black !important;
	}   
    
	.category-content_location_band {
		height: auto !important;
	}    
    
/* Base Row Layout */
.elf-header-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 90% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 15px 0 !important;
  box-sizing: border-box !important;
}

/* Constrain Logo Size on Mid-Range Screens */
.elf-logo-link {
  display: inline-block !important;
  max-width: 280px !important;
}

@media (min-width: 1200px) {
  .elf-logo-link {
    max-width: 364px !important;
  }
}

.elf-logo-link img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Button Wrapper */
.elf-btn-group {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

/* Sleek Button Styling & Explicit Resets */
.elf-btn-group .elf-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* Enforces a slim, professional height matching the logo scale */
  height: 44px !important; 
  padding: 0 20px !important;
  
  background-color: #ffcc00 !important;
  color: #000000 !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  border: none !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease !important;
}

.elf-btn-group .elf-btn i {
  margin-right: 8px !important;
  font-size: 14px !important;
}

.elf-btn-group .elf-btn:hover {
  background-color: #e6b800 !important;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS (Prevents Layout Shifting)
   ========================================================================== */

/* Tablets & Small Laptops: Centers logo and drops buttons underneath cleanly */
@media (max-width: 1100px) {
  .elf-header-row {
    flex-direction: column !important;
    gap: 15px !important;
    text-align: center !important;
  }
  .elf-logo-link {
    max-width: 320px !important;
  }
}

/* Mobile Devices: Stacks buttons vertically so they don't squish */
@media (max-width: 600px) {
  .elf-btn-group {
    flex-direction: column !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .elf-btn-group .elf-btn {
    width: 100% !important;
  }
}

.footer_categories,
.footer_categories *,
.footer_categories *::before,
.footer_categories *::after {
    box-sizing: border-box !important;
}

.footer_categories {  
    width: 100%;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: #f8f8f8; 
    padding: 24px 0;
}

.footer_categories .wrapper {
    max-width: 1185px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer_categories .footer_grid {
    grid-column: 1 / -1 !important; 
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important; 
    gap: 12px;
    width: 100%;
}

.f_seo_tile {
    display: flex;
    align-items: center;
    background: #ffffff; 
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 8px 12px;
    height: 60px; 
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    min-width: 0; 
}

.f_seo_tile:hover {
    border-color: #ff8c00 !important; 
    box-shadow: 0 3px 8px rgba(255, 140, 0, 0.12); 
}

.f_meta_zone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    min-width: 0; 
}

.f_cat_title {
    font-size: 13px; 
    font-weight: 700;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}

.f_action_links {
    font-size: 13px; 
    color: #666;
}

.footer_categories .f_action_links a {
    color: #555 !important;
    text-decoration: none !important; 
    font-weight: 600;
    display: inline-block;
}

.footer_categories .f_action_links a:hover {
    color: #ff8c00 !important; 
    text-decoration: underline !important; 
}

.f_pipe {
    color: #e2e2e2;
    margin: 0 6px;
    user-select: none;
    font-weight: 400;
}

.f_icon_zone {
    width: 44px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    flex-shrink: 0;
    color: #666;
    transition: color 0.2s ease;
}

.f_seo_tile:hover .f_icon_zone {
    color: #ff8c00 !important;
}

.f_icon_zone .icon {
    max-width: 100%;
    max-height: 100%;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_categories .icon-forklift,
.footer_categories .icon-telehandler,
.footer_categories .icon-boomlift {
    transform: scale(0.74) !important; 
    transform-origin: center;
}

.footer_categories .icon-scissorlift,
.footer_categories .icon-aerialplatform,
.footer_categories .icon-diehandler,
.footer_categories .icon-attachement {
    transform: scale(0.92) !important; 
    transform-origin: center;
}

.footer_categories .icon-towtractor,
.footer_categories .icon-scrubber,
.footer_categories .icon-battery,
.footer_categories .icon-icon {
    transform: scale(0.82) !important;
    transform-origin: center;
}

@media (max-width: 1200px) {
    .footer_categories .footer_grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 920px) {
    .footer_categories .footer_grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 660px) {
    .footer_categories .footer_grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 440px) {
    .footer_categories .footer_grid { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}

.footer_copyright_v2 {
    width: 100%;
    /* FIX: Narrowing the max-width forces a balanced 2-line wrap instead of a giant long line */
    max-width: 550px; 
    margin: 0 auto;
    padding: 1em 15px; 
    
    font-family: Arial, sans-serif;
    font-size: 11px; 
    line-height: 1.7; /* Adds a bit more vertical breathing room between lines */
    color: #777777; /* Subtle dark gray */
    text-align: center;
    
    /* FIX: Forces the text out of ALL-CAPS mode if parent styles are breaking it */
    text-transform: none !important; 
    letter-spacing: normal !important;
	box-sizing: border-box;
}


.footer_copyright_v2 a {
    color: #555555 !important; /* Slightly darker gray just so they look clickable */
    text-decoration: underline !important; /* Standard underline identifier */
    font-weight: normal !important;
}

.footer_copyright_v2 a:hover {
    color: #111111 !important; /* Darkens slightly on hover */
    text-decoration: underline !important;
}


/* Container Layout (Grid approach) */
#tabElectricForkliftsContainer {
    display: grid;
    /* Default: 12 equal columns for 1 clean row */
    grid-template-columns: repeat(12, 1fr); 
    gap: 15px 8px;
    align-items: start;
    justify-items: center;
    width: 100%;
    padding: 20px 10px;
    box-sizing: border-box;
}

/* Individual Icon Link Card */
.elt_electric_icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
    transition: transform 0.2s ease, opacity 0.2s ease; 
}

.elt_electric_icon:hover {
    transform: translateY(-4px);
    opacity: 0.85;
}

/* The SVG Icon Box */
.elt_electric_icon img {
    width: 100%;
    max-width: 65px;
    height: 48px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    
    /* Converts dark/black SVGs to pure white */
    filter: brightness(0) invert(1);
    
    /* SHARPENING TWEAKS: Prevents sub-pixel blur */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    transform: translateZ(0); 
}

/* Text Below Icon */
.elt_electric_icon span {
    display: block;
    margin-top: 2em;            /* Moved down by 1em */
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    font-weight: normal;        /* Un-bolded (normal weight) */
    line-height: 1.25;
    letter-spacing: 0.3px;
}

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

/* 1. Medium/Small Screens (1430px or narrower) -> 4x3 Grid */
@media (max-width: 1430px) {
    #tabElectricForkliftsContainer {
        grid-template-columns: repeat(4, 1fr);
        gap: 25px 15px;
        padding: 25px 20px;
    }

    .elt_electric_icon img {
        max-width: 75px;
        height: 52px;
    }

    .elt_electric_icon span {
        font-size: 11px;
    }
}

/* 2. Mobile Screens (450px or narrower) -> 3x4 Grid */
@media (max-width: 450px) {
    #tabElectricForkliftsContainer {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 8px;
        padding: 15px 10px;
    }

    .elt_electric_icon img {
        max-width: 55px;
        height: 40px;
    }

    .elt_electric_icon span {
        font-size: 9px;
    }
}


.ll18--search-form__buttons > *:nth-child(4) {
  flex: 1.3; 
}


/* High-specificity override using 'body' to beat competing !important rules */
@media (max-width: 599px) {
    body .elt_snap_carousel_wrapper .elt_card_container_grid .ecg {
        width: calc(100vw - 64px) !important;
        max-width: 360px !important;
    }
}

@media (max-width: 599px) {
    /* Pulls the left arrow 8px inside the screen edge */
    body .elt_snap_carousel_prev {
        left: 8px !important;
    }
    
    /* Pulls the right arrow 8px inside the screen edge */
    body .elt_snap_carousel_next {
        right: 8px !important;
    }
}






/* ==========================================
   AI Search - Empty State Styling
   ========================================== */
.elt-no-results {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 40px 24px;
    text-align: center;
    max-width: 520px;
    margin: 0 auto 28px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.elt-no-results-icon {
    width: 64px;
    height: 64px;
    background-color: #fff9e6; /* Subtle yellow glow matching your brand accent */
    border: 2px solid #ffe599;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.elt-no-results-icon i {
    font-size: 26px;
    color: #d97706; /* Darker yellow/amber accent for contrast */
}

.elt-no-results-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 8px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.elt-no-results-text {
    font-size: 0.95rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}