﻿/* ALL MOBILE STYLES */@media screen and (max-width: 640px) {	.mobileHide {		display: none;	}			#location-info #location-contact a.contact {		margin-right: 10px;			}		.mobileContent {		display: block;	}		h2, h5, p {		padding-left: 0;	}		.homepage-bg-image p,	.homepage-bg-image h2 {		padding-right: 0px;	}		/*	h3 {		float: right;		background: none;		width: 170px;	}		h3 a {		color: #636363;		padding: 7px 0;	}	*/		#header {		height: 59px;	}		#header .logo {		width: 265px;		height: 59px;/*		background-size: cover;*/		background-position: 0px -7px;	}				#contentWrapper {		width: 100%;		margin: 0 auto;		position: relative;		box-shadow: none;	}		#masthead {		width: 100%;		height: auto;		margin: 0 auto;		position: relative;	}		#masthead .searchForm {		top: 22px;		left: 5%;		width: 90%;	}		#masthead h1 {		top: 22px;		left: 5%;	}		.breadcrumbs, .catDesc, ul.manufacturerList {		display: none;	}		ul.manufacturerList {		border-right: 1px solid #ccc;		border-left: 1px solid #ccc;		border-bottom: 1px solid #ccc;	}		.catDesc + .link {		display: none;	}		.imgLeft {		width: 30%;		height: auto;	}		#wrapper #interiorHeader {		height: 90px;		background-size: cover;	}		#content {		width: 100%;		margin: 0 auto;		position: relative;	}	#preheader #preheaderList {		width: 100%;	}	#preheader ul {		float: left;	}	#preheader li#nav-tel {		padding-right: 10px;	}	#preheader li#nav-mail {		padding-left: 10px;	}	#preheader li a {		font-size: 12px;	}	#navContainer {		width: 100%;		margin: 0 auto;		position: relative;	}	.oneCol, .twoCol, .threeCol, .fourCol, .outlineBox, .thirdCol {		width: 90%;		margin: 10px auto 0 auto;		margin-left: 5%;		position: relative;	}				.outlineBox {		border: none;	}		.fourCol.fullDirt {		background-repeat: repeat;		height: 135px;		-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;	}		.fullDirt .overlay p {		width: 90%;		margin-left: 19px;	}		.fullDirt .overlay {		width: 100%;		height: 100%;		background: rgba(0,0,0,.6);		-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;	}		.fullDirt .overlay .btn {		bottom: 13px;		left: 20px;	}		h6.mobileContent {		width: 100%;		border: 1px solid #ccc;		font-size: 1.4em;		box-sizing: border-box;	}		h6.noBorder {		border-bottom: none;	}		h6.mobileContent a {		background: url(../gif/orangedownarrow.gif) 95% center no-repeat;		color: #415463;		display: block;		padding: 12px 5%;	}		#footerWrapper {		background: #4d4d4d;		width: 100%;		height: 120px;		color: #fff;	}			#footer {		width: 90%;		margin: 0 auto;		position: relative;	}		#footer ul {		margin: 10px 0 0 0px;		font-size: 1em;	}		#footer ul li {		text-transform: none;		list-style-type: none;		margin-right: 8px;	}		#footer .link {		position: absolute;		left: 238px;		top: 0px;		padding: 5px 12px;		font-size: 1em;	}		p.legal {		margin-top: 15px;		font-size: 1em;	}	#footer .social{		float: left;	}	#footer a.social-icon{		text-indent: -9999px;		background-image: url(../png/social-icons.png);		background-repeat: no-repeat;		width: 30px;		height: 30px;		display: inline-block;		margin: 17px 10px 0px 0px;	}	#footer .social .fb{background-position: 0px 0px;}	#footer .social .ig{background-position: -40px 0px;}	#footer .social .ldi{background-position: -81px 0px;}	#footer .social .yt{background-position: -121px 0px;}	/* 	MOBILE SLIDE NAV  */	#navContainer ul {		margin-left: 15px;	}	#topNav li {		display: none;	}	#topNav li.mobileContent {		display: block;		position: absolute;		top: 0;		right: 0;		z-index: 1000;		margin-top: 15px;		margin-right: 20px;		margin-left: 0;	}		#nav_main li {		border-top: 1px solid #232323;		border-bottom: 1px solid #fff;		font-size: 1.4em;		padding: 3em 0 3em 1.5em;		padding: 1em 0 1em 1.5em;		font-weight: bold;		-webkit-box-shadow: inset 8px 0px 12px -2px #1b1b1b;		-moz-shadow: inset 8px 0px 12px -2px #1b1b1b;		box-shadow: inset 8px 0px 12px -2px #1b1b1b;	}			#nav_main li a {		text-transform: uppercase;		color: #fff;		text-decoration: none;		display: block;		background: url(../png/navarrow.png) 90% center no-repeat;		background-size: 4%;	}		#navContainer ul li a.slideNav {		background: url(../png/mobilemenubtn.png) no-repeat;		width: 30px;		height: 30px;		text-indent: -9999px;		display: block;	}		#pageslide {		/* These styles MUST be included. Do not change. */		display: none;		position: absolute;		position: fixed;		top: 0;		height: 100%;		z-index: 9999;		overflow-y: scroll;		-webkit-overflow-scrolling: auto;						/* Specify the width of your pageslide here */		width: 264px;		padding: 0px;				/* These styles are optional, and describe how the pageslide will look */		background: #2f3e49;		background: -moz-linear-gradient(left,  #2f3e49 0%, #354552 50%, #415463 100%);		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2f3e49), color-stop(50%,#354552), color-stop(100%,#415463));		background: -webkit-linear-gradient(left,  #2f3e49 0%,#354552 50%,#415463 100%);		background: -o-linear-gradient(left,  #2f3e49 0%,#354552 50%,#415463 100%);		background: -ms-linear-gradient(left,  #2f3e49 0%,#354552 50%,#415463 100%);		background: linear-gradient(to right,  #2f3e49 0%,#354552 50%,#415463 100%);		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f3e49', endColorstr='#415463',GradientType=1 );		color: #FFF;		-webkit-box-shadow: inset 8px 0px 12px -2px #1b1b1b;		-moz-shadow: inset 8px 0px 12px -2px #1b1b1b;		box-shadow: inset 8px 0px 12px -2px #1b1b1b;		border-left: 1px solid #333;		border-right: 1px solid #333;	}		#pageslide #nav_main {		-webkit-transform: translate3d(0, 0, 0);		position: relative;	}		/* home page */		#homeContent {		width: 100%;		}		#home-cycle {		height: 200px;		}		#home-cycle .cycle-controls {		bottom: 10px;	}		#home-cycle #slide-1, 	#home-cycle #slide-2, 	#home-cycle #slide-3, 	#home-cycle #slide-4,	#home-cycle #slide-5, 	#home-cycle #slide-6	{		background-size: auto 200px;	}		#home-cycle #slide-1 h2 {		width: 195px;		height: 50px;		background-size: 195px 50px;		right: 50px;		top: 10px;		padding: 0;	}		#home-cycle #slide-2 h2 {		width: 195px;		height: 44px;		background-size: 195px 44px;		right: 50px;		top: 10px;		padding: 0;	}		#home-cycle #slide-1 .slide-inner-arrow,	#home-cycle #slide-2 .slide-inner-arrow,	#home-cycle #slide-5 .slide-inner-arrow,	#home-cycle #slide-6 .slide-inner-arrow	{		left: 0;		opacity: 1;		background-size: auto 100px;		margin-top: 0;		top: 30px;		width: 260px;		height: 100px;		background-position: right top;	}		#home-cycle #slide-3 .slide-inner-arrow {		width: 215px;		}		#home-cycle #slide-3 h2 {		width: 156px;		height: 41px;		background-size: 156px 41px;		right: 50px;		top: 10px;		padding: 0;	}		#home-cycle #slide-3 .slide-inner-arrow {			}		#home-cycle .cycle-slide {		height: 200px;		overflow: hidden;	}		#home-cycle #slide-1 a.btn,	#home-cycle #slide-2 a.btn,	#home-cycle #slide-5 a.btn,	#home-cycle #slide-6 a.btn {		position: absolute;		right: inherit;		left: 20px;		bottom: 10px;		font-size: 0.9em;		padding: 5px 5px 5px 5px;		background-image: none;	}		#home-cycle #slide-3 a.btn {		right: 95px;	}			#home-cycle #slide-5 h2 {		width: 214px;		height: 45px;		background-size: 214px 45px;		right: 45px;		top: 10px;		padding: 0;	}		#home-cycle #slide-2 .slide-inner-arrow {		width: 250px;	}			#home-cycle #slide-5 .slide-inner-arrow {		width: 265px;	}		#home-cycle #slide-6 .slide-inner-arrow {		width: 277px;	}		#home-cycle #slide-6 h2 {		width: 220px;		height: 40px;		background-size: 220px 40px;		right: 45px;		top: 10px;		padding: 0;	}		#homeContent .fixedHeight {		height: auto;	}		#homeContent .fixedHeight h3 {		margin-bottom: 10px;	}		#homeContent .fixedHeight img {		display: none;		}		#homeContent .fixedHeight .btn {		right: inherit;		bottom: inherit;		position: relative;		float: right;		margin: 10px;	}		form.searchform input {		width: 170px;		height: 24px;		padding: 3px 10px;	}		#homeContent .fixedHeight p {		padding: 7px 10px;	}		.overlay p {		padding-left: 10px;	}	div.findLocation, div.getUpdates {		height: auto;		background-image: none;		background: #f1f0f0;		background: -moz-linear-gradient(top, 		#f1f0f0 0%, 		#edecec 50%, 		#e0dfdf 100%);		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,		#f1f0f0), color-stop(50%,		#edecec), color-stop(100%,		#e0dfdf));		background: -webkit-linear-gradient(top, 		#f1f0f0 0%,		#edecec 50%,		#e0dfdf 100%);		background: -o-linear-gradient(top, 		#f1f0f0 0%,		#edecec 50%,		#e0dfdf 100%);		background: -ms-linear-gradient(top, 		#f1f0f0 0%,		#edecec 50%,		#e0dfdf 100%);		background: linear-gradient(to bottom, 		#f1f0f0 0%,		#edecec 50%,		#e0dfdf 100%);		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f0f0', endColorstr='#e0dfdf',GradientType=0 );	}	#homeContent .overlay {		background: none;		width: 100%;		height: auto;	}	#homeContent .overlay h4 {		font-size: 1.4em;		font-weight: bold;		text-transform: uppercase;		background: #435363;		color: #fff;		-webkit-border-top-left-radius: 3px;		-webkit-border-top-right-radius: 3px;		-moz-border-radius-topleft: 3px;		-moz-border-radius-topright: 3px;		border-top-left-radius: 3px;		border-top-right-radius: 3px;		padding: 10px;			}			div.findLocation .overlay p, div.getUpdates .overlay p {		color: #636363;	}			div.findLocation .overlay h4, div.getUpdates .overlay h4 {		padding-left: 10px;			}	.overlay p a {		color: #636363;	}			div.findLocation .btn, div.getUpdates .btn {		/*padding-left: 5px;		padding-right: 20px;*/		display: block;		float: right;		position: relative;		right: inherit;		top: inherit;		margin-right: 10px;		margin-bottom: 10px;		margin-top: 15px;	}	#homeContent form.searchForm {		margin-top: 15px;		margin-left: 10px;	}	body.null .fixedHeight a.fRight {		position: relative;		float: right;		margin-right: 10px;		margin-bottom: 10px;		right: inherit;		bottom: inherit;	}	.noPadLeft {		margin-left: 20px;	}		.noMarginLeft {		margin-left: 20px;	}	a.rightAlign {		position: relative;		right: inherit;		bottom: inherit;		float: right;		margin: 10px;			}		/* LOCATIONS */	body.locations #right-col {		float: left;		width: 100%;		margin-left: 0;		position: absolute;		top: 0;		left: 0;	}	body.locations #left-col {		width: 100%;		float: left;		position: relative;		clear: both;		margin-top: 290px;	}	#locations-list-wrapper {		width: auto;		padding: 20px 15px;		min-width: 248px;	}	#locations-list-wrapper li.state {		display: block;  		position: relative;		float: left;  		width: 90%;  		clear: both;  		margin-left: 5%;	}	#locations-key-wrapper {		width: auto;	}	#map-wrapper {		width: inherit;		height: inherit;	}	#map-container {		width: inherit;		height: 280px;	}	body.locations #masthead .searchForm, 	body.notice #masthead .searchForm,	body.finance #masthead .searchForm,	body.careers #masthead .searchForm,	body.application #masthead .searchForm	{		display: none;	}	#location-image {		display: none;	}	#location-info, #manufacturers-info {		width: inherit;	}	#location-info #location-contact a {		margin-right: 10px;	}	.unique-location-details{		display: inline-block;	}	.unique-location-details h1{		font-size: 16px;	}	/* EQUIPMENT */	#manufacturers-tabs-container {		width: 90%;	}	.tabs ul li {		/* width: 32%; */		margin-right: 3%;		font-size: .9em;		padding: 3px auto;	}	.tabs ul li a {		padding: 6px 15px;		}		.tabs ul li.lastTab {		/* width: 30%; */		margin-right: 0;		font-size: .9em;		padding: 3px auto;	}		.ui-tabs-panel {		/* width: 100%; */	}	.tabs .ui-tabs-panel {		width: inherit;	}	.tabs .manufacturer {		width: 88%;	}	#ShowResultsHere {		width: 90%;		margin: 10px auto 0 auto;		margin-left: 5%;		position: relative;		float: left;		display: block;	}	.accordion {		width: 100%;		margin-left: 0;	}	.accordion.selected {		width: 100%;	}			.item {		width: 100%;	}					.overview .thumb {		width: auto;		display: none;	}	.hiddenAccordion .item .thumb {		padding-left: 5px;		display: block;	}							.item .model {		width: 25%;		padding-left: 10px;		height: auto;	}									.overview h6.brand {		padding-left: 0;		width: 100px;	}	.overview p.count {		padding-right: 10px;		width: 100px;	}										.category-box img {		display: block;		float: left;		margin: 10px;	}										.category-box p {		display: block;		float: left;		width: 55%;		padding-top: 0;	}										.searchSlider {		width: inherit;		}											form.equipmentForm input {		clear: none;	}	.relatedEquip p {		padding-left: 10px;	}	#images-cycle-large img.detailFull {		width: 100%;		height: auto;	}	#images-cycle-thumbs .cycle-slide {		padding-right: 15px;	}	#images-cycle-thumbs .cycle-slide img {		width: 100%;		height: auto;	}	#images-cycle-thumbs a.cycle-nav {		display: block;		/*position: relative;*/		width: auto;		height: auto;		background: none;		text-indent: inherit;		border: none;		bottom: 20px;		left: 0;		font-size: 1.3em;		color: #f15c22;	}	#images-cycle-thumbs a.cycle-prev {		top: inherit;	}	#images-cycle-thumbs a.cycle-prev:hover, #images-cycle-thumbs a.cycle-next:hover {		background: none;		bottom: 20px;		top: inherit;	}		#images-cycle-thumbs a.cycle-next {		left: 250px;	}	.threeCol {		width: 90%;		margin: 10px 0 0 5%;	}		body.equipment #content .outline {		width: 90%;	}		body.equipment #content .outline.lastCol p {		padding: 7px 10px;	}		.relatedEquip {		width: 100%;		margin: 10px 0;	}			#related-equipment a#related-prev,	#related-equipment a#related-next {		font-size: 1.3em;		color: #f15c22;		display: block;		position: relative;		float: left;		text-indent: 0;		background: none;		left: inherit;		top: inherit;		width: inherit;		height: inherit;	}			#related-equipment a#related-next {		float: right;		right: inherit;	}			.callNow {		background-image: none;		width: 90%;	}	body #content .callout-bottom, body #content .callout-top {		width: 99%;	}	body #content .callout-top h3, body #content .callout-top h4 {		width: 100%;		text-align: center;		padding: 0;		margin-left: 0;		margin-right: 0;		/*height: auto;*/		margin-bottom: 0;	}	.callNow h4 {		display: block;		position: relative;		float: left;		clear: both;		padding: 15px 0 15px;		margin: 0;	}	body #content .callout-bottom p, body #content .callout-bottom a.link {		padding-left: 10px;		margin-left: 0;	}	.callNow .btn {		margin-left: 10px;		margin-bottom: 10px;	}	#images-cycle-thumbs-wrapper {		display: block;		float: left;		margin-top: 10px;		clear: both;		width: 100%;		height: 100px;	}	#images-cycle-thumbs {		width: 300px;		height: 100px;		position: absolute;		left: 50%;		margin-left: -144px;	}	.banner {		display: none;	}		body.parts .outline {		margin: 20px 0;		padding-bottom: 10px;	}		.logos {		padding-top: 20px;	}	body #content .career-apply-box .callout-bottom a.btn {		margin-left: 10px;	}	body #directory-sidebar a.center {		margin: 0 0 10px;		display: block;		width: 110px;	}	#directory-sidebar {		width: 100%;		margin-left: 0;	}	.deep #header {		position: relative !important;		top: inherit !important;		z-index: inherit !important;	}	#parallaxContentWrapper {		height: auto !important;	}	#parallaxContentWrapper .panel, 	#parallaxContentWrapper .one, 	#parallaxContentWrapper .two, 	#parallaxContentWrapper .three, 	#parallaxContentWrapper .four, 	#parallaxContentWrapper .five {		position: relative !important;		left: inherit !important;		margin-left: 0 !important;		width: 100% !important;		height: 250px !important;		background-size: 480px 250px !important;		background-position: center center !important;		top: inherit !important;		position: relative !important;		float: left important;		padding-top: 20px !important;	}	.panel img {		/*display: none;*/		width: 85%;		height: auto;	}		#parallaxContentWrapper .break {		top: inherit !important;		height: auto !important;		padding-bottom: 20px !important;	}	.panel p {		font-size: 1.4em !important;		line-height: 1.4 !important;		padding: 0;	}	#parallaxContentWrapper .one {		padding-top: 60px !important;	}	#parallaxContentWrapper .two {		padding-top: 15px !important;	}	#parallaxContentWrapper .three,	#parallaxContentWrapper .four {		padding-top: 60px !important;	}	#parallaxContentWrapper .five {		padding-top: 15px !important;	}	/* forms */	#contour form {		width: 100%;		padding: 0 0 20px 0;		margin: 0;		border: none;	}	body.us #contour input.text, body.us #contour textarea, body.application #contour input.text, body.application #contour textarea {		width: 90% !important;	}	fieldset {		display: block;		-webkit-margin-start: 0;		-webkit-margin-end: 0;		-webkit-padding-before: 0.0;		-webkit-padding-start: 0.0;		-webkit-padding-end: 0.0;		-webkit-padding-after: 0.0;	}	#contour fieldset {		padding-left: 0 !important;		padding-right: 0 !important;	}	#contour form input[type="submit"] {		margin: 0;	}	#contour form div.position {		float: left;		clear: left;	}	.youtube-embed {		width: 300px;		height: 169px;	}	#location-info a.contact {		display: block; 		position: absolute;		/* float: right; */		background: #fff url(../png/loc-cta-arrow.png) no-repeat 80px center;		-webkit-border-radius: 5px;		-moz-border-radius: 5px;		border-radius: 5px;		color: #f15c22;		padding: 10px 25px 10px 10px;		margin: -45px 0px 0px 170px;		text-transform: uppercase;		z-index: 100;	}	.category-box img.equip-section-image {		width: 100%;		height: auto;			margin: 0 0 10px;	}	.thirdCol p {		width: auto;		padding-left: 10px;		padding-right: 10px;	}	body.keppel .fourCol p.introP {		width: 100%;	}	body.keppel .svkLocations .overlay {		width: 100%;	}		.svkLocations {		height: auto;		padding-bottom: 20px;		margin-bottom: 20px;	}		body.keppel .location {		margin: 10px 0 0 30px;	}	.col.border {		width: 90%;		height: auto;	}	.threeCol .se {		width: 90%;		float: left;		margin: 20px;		padding-bottom: 50px;		position: relative;	}		.threeCol .svk {		width: 90%;		float: left;		margin: 20px;		padding-bottom: 50px;		position: relative;		border: none;		padding-left: 0;		border-top: 1px solid #bbb;		padding-top: 30px;	}		.threeCol .se img, .threeCol .svk img {		margin: 0 0 10px 0px;	}		.threeCol .se .btn, .threeCol .svk .btn {		left: 0px;		}		.oneCol.offset.border {		width: 90%;	}	.oneCol.offset.border p {		padding-left: 20px;	}	.equipment .category-box.fixedHeight,	.equipment.construction .category-box.fixedHeight, 	.equipment.forklifts .category-box.fixedHeight,	.equipment.cranes .category-box.fixedHeight,	.equipment.keppel .category-box.fixedHeight {		height: inherit;	}	body.keppel .fourCol h2 {			background: url(../gif/svklandinglogo.gif) center top no-repeat;		text-indent: -9999px;		float: left;		display: block;		position: relative;		width: 100%;		height: 100px;		margin: 0 0 0 0;		padding: 0;		background-size: 100% auto;	}	body.keppel .svkLocations .overlay h4 {		margin: 30px 0 0 0px;		padding-left: 20px;	}	body.equipment .category-box p {		width: inherit;		padding-left: 10px;	}