@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700,800');
@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: 'Montserrat', sans-serif;
	overflow-x:hidden;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/

header {background:url(../siteart/header.jpg) no-repeat; width: 100%;display: inline-block; padding:10px 0}
.absolute-header {z-index: 99999;}
.logo {display: inline-block; vertical-align: middle; width:40%; position: absolute;z-index: 100; top:5px; max-width: 300px;}
.logo img {max-width: 240px; width:100%;}
.logo-2 {display: inline-block; vertical-align: middle; width:40%; z-index: 100; top:5px;}
.logo-2 img {max-width: 240px; width:100%; }
.header-width {width:85%; margin: 0 auto;}
#header-right {min-width: 320px; width: 100%; max-width:320px; vertical-align: middle; text-align: right;float:right;  display: inline-block; z-index: 99; position: absolute; right:7.3%; background: #023e80; padding:25px 25px;  border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}#header-right-2 {min-width: 320px; width: 100%; max-width:320px; vertical-align: middle; text-align: right;float:right;  display: inline-block;}
#socials img {display: inline-block; padding:0 2px; width:50px;}
#header-contact {text-align: right; }
#header-contact a {color:#000; display: inline-block;}
#header-contact h4  {color:#000; display: inline-block; padding-right:15px;}
#header-contact p  {color:#000; display: inline-block; padding-right:15px;}
#header-contact p#address {display: inline-block;}
#head-map {background:#023e80;padding:5px 10px; color:#fff; letter-spacing: 1px; margin-left:15px;}
#head-map:hover {background:#02346B;padding:5px 10px; color:#fff; letter-spacing: 1px; margin-left:15px;}

#red-link {background:#e20000;padding:20px 0; }
.sign-up {background:#02346B; padding:10px 0; width: 100%; text-align: center; margin: 5px 0; color:#fff; transition:.2s ease;}
.sign-up:hover {background:#000; padding:10px 0; width: 100%; text-align: center; margin: 5px 0; color:#fff;}
/*--- KEYWORD SEARCH--------------------------*/



#quick-search-wrap{display: inline-block; position:relative;vertical-align: top; float: right;}

#quick-search-wrap form{
	position:relative;
	display:block;
}

#quick-search-wrap form input{
	width:258px;
	background:#fff;
	color:#9F9F9F;
	height:50px;
	line-height:30px;
	padding:0 0 0 10px;
	float:left;
	position:relative;
	font-size:14px;
	font-family: 'Montserrat';
	border:1px solid #000;
}

#quick-search-wrap form .button{
	border:0;
	position:relative;
	text-transform:uppercase;
	width:50px;
	height:50px;
	background:#1e376d url(../siteart/search-icon.png) center center  no-repeat;
	cursor:pointer;
	margin:0!important;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
}

#quick-search-wrap form .button:hover{
	background:#00245d url(../siteart/search-icon.png) center center  no-repeat;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	
}
.banner-ad {margin: 0 auto; text-align: center;}
.banner-ad img {max-width: 1200px; width: 100%; margin: 0 auto; text-align: center; }


/*PARTS SEARCH*/
.gray-bg {background:#ddd; padding:25px 0; border:1px solid #000; margin: 25px 0;}
#inv-button{display: inline-block;background:#efad00; border: 1px solid #efad00; color: #212025; padding:10px 15px; margin: 5px 2px; letter-spacing: 1px; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; }
#inv-button:hover{background: none; border: #efad00 solid 1px; color:#efad00;}

.listings-wrapper .listing-boxed .listing-boxed-details h2 a{color: #000 !important;}
.listings-wrapper .listing-smallcard .listing-smallcard-title a{color: #000;}
.hosted-content .listings-detail-wrapper .listing-details a{color: #000;}
.parts-list .listings-button{background: #00245d !important;}


.search-inner {padding: 10px 0px; width: 90%; margin: 0 auto;}
.search-inner h2{color:#fff;  text-align:left; display: inline-block; padding:12px 0;}

.keyword-search{
	display:inline-block;
	border:1px solid #00245d;
	background: #e6e6e6;
	float:right;
	width: 60%;
}

.keyword-search input{
	padding-left:30px; 
	vertical-align:middle;
	border:none;
	background: none;
	font-family:'Poppins', Sans-Serif;
	font-size: 16px;
	color:#a6a3a3;
	width:100%;
	letter-spacing: 1px;
	
}

.keyword-search .search-input{
	font-family: 'icon-worksregular';
	display:inline-block;
	float: left;	
	margin:0;
	padding-top: 16px;
}

.keyword-search .submit-btn{
	font-family: 'icon-worksregular';
	display:inline-block;
	float: right;
	background: #b48201;
	width:80px;

}

.keyword-search .submit-btn input[type='submit']{
	font-family: 'icon-worksregular';
	-webkit-appearance: none;
	font-size:30px;
	color:#fff;
	padding: 15px 0; 
	vertical-align:middle;
	border:none;
	font-weight:700;


}


/*--------Search Inventory Styles--------*/
#searchparts {width:100%; margin:20px auto;}
#searchkeyword {width:100%; margin:10px auto;}

#searchinventory {text-align:left; padding:60px 10px;  background: #a0a0a0;}

.searchfieldtopwrap {float:left; width:80%;}
.searchfieldtop {width:49%; float:left; margin-right:11px; background:#fff; padding:11px 0;}
.searchfieldwrap {float:left; width:70%; }

.searchfield {background:#fff; padding:11px 8px; border:2px solid #fff; color: #fff; text-align:left;}
#searchform input.text {color:#fff; padding:11px 10px; width:91%;}
#searchform select {color:#fff; padding:10px 10px; width:97%;}
.search-box{border:none;font-family: 'Poppins', sans-serif; font-weight:300; text-transform:uppercase; letter-spacing: 1px;}

#searchform input.button,
#searchform input.button:focus {
	background: #00245d; /* For browsers that do not support gradients */
	color:#fff; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:700; 
	width:200px;
	font-size:30px;
	text-align:center;
	margin:0 auto;
    padding:17px 0;
    border: none;
    line-height:14px;
}

#searchform input.button:hover {
	background: #efad00; /* For browsers that do not support gradients */
	color:#fff;
}
.radio{text-align:left; color: #fff;}
.closest-box {display:hidden;}


/*---BODY--------------------------------*/
.yellow-bg {background: #ffba00; display: inline-block; width: 100%;}
.blue-bg {background: #023e80; }
.red-bg {background:#e20000}
.width {width:75%; margin: 0 auto; }
.width-90 {width: 90%;margin:0 auto;}

/*Quick Links HP*/
.ql-wrapper {text-align: center; margin: 0 auto;padding:2% 0;}
.blue-ql {width: 22.2%; display: inline-block; vertical-align: top; background: #e20000; padding:10px; color:#fff; font-size:18px; text-transform: uppercase; letter-spacing: 1px; text-align: center; transition:.3s ease; margin: 0 auto;}
.blue-ql:hover {background:#ffba00;}
.ql {width: 18%; display: inline-block; border-bottom:10px solid #e20000; color:#fff; font-size:25px; line-height: 30px;letter-spacing: 1px; text-align: left;}
.ql h1 {color:#fff; margin-top:50%;font-size:25px; margin-left:20px; line-height: 25px;}
.ql h2 {color:#fff; margin-top:50%;font-size:25px; margin-left:20px; line-height: 25px;}
#New {background: url(../siteart/ql/new-eq.jpg) no-repeat;background-position: center center; width: 13%; min-width:270px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#New:hover {background:#e20000;}
#New-Lot {background: url(../siteart/ql/new-lot.jpg) no-repeat;background-position: center center; width: 13%; min-width:270px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#New-Lot:hover {background:#e20000;}

#Used {background: url(../siteart/ql/used-eq.jpg) no-repeat;background-position: center center; width: 13%;  min-width:270px;height:250px;display: inline-block; margin:10px 3px;   -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Used:hover {background:#e20000;}

#Used {background: url(../siteart/ql/used-eq.jpg) no-repeat;background-position: center center; width: 13%;  min-width:270px;height:250px;display: inline-block; margin:10px 3px;   -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Used:hover {background:#e20000;}

#Service {background: url(../siteart/ql/service.jpg) no-repeat;background-position: center center; width: 13%; min-width:270px; height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Service:hover {background:#e20000;}

#Parts {background: url(../siteart/ql/parts.jpg) no-repeat;background-position: center center; width: 13%;  min-width:270px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: #000;}
#Parts:hover {background:#e20000;}

#Store {background: url("../siteart/ql/rental.jpg") no-repeat;background-position: center center; width: 13%;  min-width:270px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}
#Store:hover {background:#e20000;}

.hp-bg {background:url(../siteart/bg-hp.jpg) no-repeat; background-attachment: fixed;padding:3% 0; background-size: cover;}
.blue-banner {background:#023e80; width:70%; margin-bottom:10px; }
.blue-banner h3{padding:15px 0; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-size:20px; margin-left:65px;}
.hp-white-bg {background:#fff; padding:50px 0;}
.hp-white-bg p {color:#000; width:90%; margin: 0 auto; font-size:16px; line-height: 26px; text-align: justify}

#map-left {width:70%; float:left;padding:15px 0 12px 0;}
#loc-right {width:30%; float:right; }
#loc-right h4 {color:#000; font-size:26px; padding-top:70px; width:80%; margin: 0 auto; letter-spacing: 2px;}
#loc-right h3 {color:#000; font-size:26px; padding-top:70px; width:80%; margin: 0 auto; letter-spacing: 2px;}
#loc-right p {padding:10px 0; width:80%; margin: 0 auto; color:#000; font-weight: 600; font-size:20px;}
#loc-right p a {color:#000; font-weight: 600;}
#loc-right p a:hover {color:#023e80;}

.wrapper#blue {background:#ddd;}
.wrapper#blue h1 {color:#023e80;}
.wrapper#blue p {color:#000;}
h2#red {color:#e20000; line-height: 30px;}
/*QUICKLINKS SHOWROOM*/
#nh-ag {background: url(../siteart/showrooms/nh-ag/all-inv.jpg) no-repeat ; background-color:rgba(0,0,0,.50); background-position: center center; width: 24%; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}
#nh-ag:hover {background:#e20000;}
#nh-const {background: url(../siteart/showrooms/nh-construction/all-inv.jpg)  no-repeat;background-position: center center; width: 24%; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}
#nh-const:hover {background:#e20000;}


#more {display: none;}
#myBtn {padding: 10px 15px; background:#013E80; text-align: center; color:#fff; border:0; text-transform: uppercase; letter-spacing: 1px; transition: .2s ease;}
#myBtn:hover {background: #e20000; }


/*===================== 
	slideshow styles 
=======================*/
.cycle-slideshow {
	position: relative;
	z-index: 9;
	margin-top: 8%;
	background-color: black;
	}

.cycle-slide {
	width: 100%;
	}

.cycle-overlay {
	position: absolute;
	top: 5vw;
	left: 3vw;
	background: rgba(0,0,0,.8);
	color: #fff;
	padding: 2rem 4% 3rem 2rem;
	box-sizing: border-box;
	border-left:10px solid #e20000;
	}

.overlay-content {
	max-width: 600px;
	width: 100%;
	}
	.overlay-content h1 {
		font-size: 2.25rem;
		font-weight:400;
		margin-bottom:40px;
		}
	.overlay-content h2 {
		color: #ababab;
		}
	.overlay-content p.button {
		box-sizing: border-box;
		margin-top: 2rem;
		width:200px !important;
		}
	.overlay-content p {
		font-size: 14px;
		font-weight: 600;
		}
	.overlay-content .sliderlink {
		transition: ease all .3s;
		text-transform: uppercase;
		margin-top:2%;
		width:300px; 
		background: #e20000; 
		color:#fff; 
		letter-spacing: 1px;
		padding:10px 10px;
		}
		.overlay-content .sliderlink:hover {
			background:#023e80; 
			}
	
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
	}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ccc; cursor: pointer; 
	}
.cycle-pager span.cycle-pager-active { color: #ed1b24;}
.cycle-pager > * { cursor: pointer;}

/*[id*="toggleText"] {
	display: none;
	}*/

/*Promotions*/
.wrapper {padding:3% 0; margin: 0 auto;}
.wrapper h1 {padding:15px 0;}
.col-1-3 {width:30%;  background:#fff; border: 1px solid #ddd; display: inline-block; vertical-align:  top;  text-align: center; margin: 25px 5px; height:451px;}
.col-1-3 h2 {background:#ddd; color:#000; letter-spacing: 1px; width: 100%; display: inline-block; font-size:18px;padding:10px 0;text-align: center; }
.col-1-3 img {width: 100%; margin: 0 auto; text-align: center; max-width:200px; }
.col-1-3 p {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:8px 0; text-align: left; color:#000;}
.col-1-3 a p {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:8px 0; text-align: left; color:#000; padding-left:15px;}
.col-1-3 p:hover {background:#ddd;}
.img-height {height:150px;}
.col-1-3 .fa {font-size:12px; padding-right:5px;}

.col-full {width: 100%; border-top: 1px solid #ddd; padding: 15px 0;}
.col-full img{width: 100%;  padding: 15px 0;}
.col-full p {font-size:15px; line-height: 20px; letter-spacing: 0;}
.col-full p a {color:#023e80}
.col-full p a:hover {color:#ddd}

/*CONTACT*/
.col-3 {width:30%;  background:#fff; border: 1px solid #ddd; display: inline-block; vertical-align:  top;  text-align: center; margin: 25px 5px; }
.col-3 h2 {background:#ddd; color:#000; letter-spacing: 1px; width: 100%; display: inline-block; font-size:18px;padding:10px 0;text-align: center; }
.col-3 img {width: 100%; margin: 0 auto; text-align: center; max-width:200px; }
.col-3 p {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:8px 0; text-align: center; color:#000;}
.col-3 a p {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:8px 0; text-align: left; color:#000; padding-left:15px;}
.col-3 p:hover {background:#ddd;}
#holidays {padding:5px 0; font-style: italic;}
.white-bg#padding-10 {border-bottom:1px solid #212121;}
#padding-10 {padding:25px 0;}

.winter{
	text-transform: uppercase;
	font-size: 14px;
}

/*SERVICES*/
h2.red-h2 {color:#00457C; font-weight: 500; line-height: 25px;}
.col-2-3 {width:30%;  background:#fff; border: 1px solid #ddd; display: inline-block; vertical-align:  top;  text-align: center; margin: 25px 5px; }
.col-2-3  h2 {background:#ddd; color:#000; letter-spacing: 1px; width: 100%; display: inline-block; font-size:18px;padding:10px 0;text-align: center; }
.col-2-3 h3 { font-size:20px;padding:15px 0;text-align: center; }
.col-2-3  img {width: 100%; margin: 0 auto; text-align: center; max-width:300px; }
.col-2-3  p {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:8px 0; text-align: center; color:#000;}
.col-2-3  a p {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:8px 0; text-align: left; color:#000; padding-left:15px;}
.col-2-3  p:hover {background:#ddd;}
p#text-left {text-align: left; padding-bottom:15px;}
.form-link {background:#023e80; padding: 10px 0; width: 100%; text-align: center; color:#fff; display: inline-block; transition:.2s ease; letter-spacing: 1px;}
.form-link:hover {background:#212121;}
p.service-contact {line-height: 25px;}
p.service-contact a {color:#E20C13; font-weight: bold;}

/*FINANCE*/

.finance-label{width:100%; padding:25px 15px 15px; box-sizing:border-box;}
.finance-label h2{font-size:40px; text-align:center; font-weight:800; color:#02346b; }
.finance-label p{font-size:24px; font-weight:600; color:#02346b; text-align:center;}

.finance-row{width:100%; display:flex; flex-direction:row; justify-content: center; flex-wrap:wrap;}
.finance-row a{width:calc(25% - 20px); margin:10px; min-width:310px; position:relative;}
.finance-row a img.img-back{width:100%; transition:.3s ease; object-fit:cover;}
.finance-row a img.img-top{width:70%; margin:0 auto; position:absolute; bottom:38%; left:0; right:0; z-index:120;}
.finance-row p{font-size:18px; transition:.3s ease; margin-top:-5px; text-align:center; font-weight:800; color:#000; background:#ccc; padding:10px; box-sizing:border-box;}

.finance-row a:hover p{background:#02346b; color:#fff;}
.finance-row a:hover img.img-back{filter:brightness(.8);}



/*TEAM*/

.flex-team {display: flex; flex-direction: row; align-items: center;}
.team-img {width: 40%; }
.team-img img {width:98%; margin: 2% 1%;}
.team-text {width: 60%; padding-left: 5%;}
.team-text h2 {font-size: 30px; }
.team-text h3 {font-size: 22px;}
.team-text p {padding: 25px 0; line-height: 26px; font-size: 16px;}
.bl-btn {background: #013E80; padding: 10px 0; display: inline-block; max-width:300px; width: 100%; vertical-align: middle; color:#fff; transition: .3s ease; margin: .5% 0; text-align:center;}
.bl-btn:hover {background: #02346B;  color:#fff; transition: .3s ease;}
.bl-btn-drk {background:  #02346B; padding: 10px 0; display: inline-block; max-width:300px; width: 100%; vertical-align: middle; color:#fff; transition: .3s ease; margin: .5% 0; text-align:center;}
.bl-btn-drk:hover {background:#012A58; }
.flex-row {display: flex; flex-direction: row;flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch}

#subtitles h2 {color:#023e80;padding:10px 0; text-align: left; font-size: 25px; border-bottom: 1px solid #ddd; margin-top:20px;}
.col-3-3 {width:22%;  background:#fff;  text-align: center; margin: 25px 1%; }
.col-3-3  h2 { color:#000; letter-spacing: 1px; width: 100%; display: inline-block; font-size:18px;padding:5px 0;text-align: center; }
.col-3-3  h3 {font-size:16px; font-style: italic; padding-bottom: 10px;}
.col-3-3  img {width: 100%; margin: 0 auto; text-align: center; max-width:300px; margin-top:25px;}
.col-3-3  p {border-top:1px solid #ddd; padding:8px 0; text-align: center; color:#000; width:90%; margin: 0 auto;line-height:26px; font-size:14px;}
.col-3-3  a p {border-top:1px solid #ddd; padding:8px 0; text-align: left; color:#000; padding-left:15px;}
p#text-left {text-align: left; padding-bottom:15px;}
.img-height-2 p a {color:#023e80;}
.img-height-2 p a:hover {color:#212121;}

.img-height-2-long p a {color:#023e80;}
.img-height-2-long p a:hover {color:#212121;}

/*USED EQUIPMENT*/
.used-inv {width:18%; min-width:200px; border:1px solid #023e80; display: inline-block; margin: 5px 5px; background:#023e80; transition:.2s ease;}
.used-inv:hover {background:#013268;}
.used-inv h3 {text-align: center; font-size:16px; padding:10px 0;}
.used-inv h2 {text-align: center; font-size:16px; padding:10px 0;}
a .used-inv h3 {color:#fff;}
a .used-inv h2 {color:#fff;}

/*PARTS*/
#parts a {color:#013268;}
#parts a:hover {color:#212121; text-decoration: underline;}
.parts-btn {width:300px; padding:10px 0; text-align: center; text-transform: uppercase; background:#023e80; color:#fff; font-size:16px; display: inline-block; margin:5px 5px; transition:.2s ease;}
.parts-btn:hover {width:300px; padding:10px 0; text-align: center; text-transform: uppercase; background:#ddd; color:#fff; }
a.parts-btn {width:300px; padding:10px 0; text-align: center; text-transform: uppercase; background:#023e80; color:#fff; }
a.parts-btn:hover {width:300px; padding:10px 0; text-align: center; text-transform: uppercase; background:#ddd; color:#fff; }

.part-container {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0; margin: 25px 0;}
.col-parts {width: 45%; text-align: center; margin: 0 auto; display: inline-block; vertical-align: top; }
.col-parts h2 {font-size: 14px; }
.col-parts img {padding: 10px 0; transition: .3s ease;}
.col-parts img:hover {opacity: .5;}
.bhLinkImg {max-width: 250px; width: 100%;}
/*---SHOWROOM PAGES ------------------------------*/
#showroom-logos{padding-right:20px; width: 100%; max-width: 180px;}
#showroom-page-img{width: 100%;}
#back-button{font-size: 13px; color:#000;}

.zoom-container-showroom {
	width: 24%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 5px 3px;
}
.zoom-container-showroom img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */A
    transition: all .5s ease;
}
.zoom-container-showroom .zoom-caption-showroom {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	border:1px solid #000;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.zoom-container-showroom .zoom-caption-showroom h2 {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight:700;
	padding: 7px 0;
	text-transform: uppercase;
	background:rgba(0,0,0,.70);
	color: #fcb025;
	margin-top:40%;


}

.zoom-container-showroom .zoom-caption-showroom h3 {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight:700;
	padding: 7px 0;
	text-transform: uppercase;
	background:rgba(0,0,0,.70);
	color: #fcb025;
	margin-top:40%;


}
.zoom-container-showroom .zoom-caption-showroom p{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight:400;
	color: #fcc602;
	
}

.zoom-container-showroom:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container-showroom:hover .zoom-caption-showroom {
	background: rgba(0, 0, 0, .3);
}



/*--------FORM STYLES----------------------*/
#formpage .checkbox input {width: 14px;}
#formpage { vertical-align:top; margin: 0 auto;  text-align:center; background:#F0F0F0; border:1px solid #212121;padding:15px 15px;}
#formpage h2 {text-align: left; color:#000000; font-size:20px; line-height: 28px;}
#formpage h2.career-sub{
	padding-top: 15px;
}
#formpage div {
	vertical-align:top;
	padding:5px 5px;
	color: #000;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #BBBBBB;
	font-size:13px;
	background:#fff;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #ACACAC;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #8e8d8d;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:10px 5px;
	width:100%;
}

.formfield {
	width:30%; 
	display:inline-block; 
	margin-right: 12px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-family: 'Open Sans', sans-serif; font-weight: bold;

	
}
.formfield-2 {
		width:94%; 
	display:inline-block; 
	margin-right: 12px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-family: 'Open Sans', sans-serif; font-weight: bold;

}
.message {font-weight: bold;}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:98%;
    height:85px;
	font-family: 'Open Sans', sans-serif; 
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:115px;
    margin:0;
    background: #e20000; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif; 
	font-weight: 500;
	letter-spacing:1px;
}
#formpage input.button:hover {
	width:115px;
    margin:0;
    padding:10px 0px;
    background: #000; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 

.checkbox {text-align: left;}
#formpage input[type="checkbox" i] {
	width:25px; 
	text-align: left;
}

#formpage a#red-border-button  {color:#212121;}
/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 70%; text-align:center;}

.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 






/*-------- FOOTER STYLES ----------------*/
footer{background:#000;}
footer p {color:#ffba00; padding:10px 0;}







/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	padding: 10px 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}


.hosted-content #listings-title { font-size:22px !important;color:#023e80 !important;text-transform: uppercase !important; font-weight: 500; letter-spacing: 1px;}
.hosted-content .fixed-column6 {line-height: 25px !important;}
.hosted-content .m-bottom-10 h1{ font-size:22px !important;color:#023e80 !important; font-weight: 500; letter-spacing: 1px;}
.hosted-content h3 {font-size:18px; color:#023e80 !important; text-transform: uppercase !important; font-weight: 500; letter-spacing: 1px;}


.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, #parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-button.view-details, #part-detail-content .part-detail-additional-data .data-row .data-label, #part-detail-content .part-detail-body .part-body-data #contact-info .part-contact-info .part-contact-container .contact-button-container .mobile-dealer-phone-container .mobile-dealer-phone, #part-detail-content .part-detail-body .part-body-data #contact-info .part-contact-info .part-contact-container .contact-button-container .mobile-send-email-btn, #part-detail-content .detail-contact-bar a, .contact-options a, .fin-calc-mobile>a, .list-content .list-error-container .info button, .view-listing-details-link,.parts-list-content .parts-listing-container .buy-btn, .offer-btn:not([class*="Mui"]), .buy-btn:not([class*="Mui"]), .detail-additional-data .data-row .data-label {background:#023e80 !important; color:#fff !important}
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #023e80 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.employment-banner {display: flex; justify-content: center; margin-top:55px;}
.employment-banner img {width:75%;}

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1815px){
	.blue-ql{
		font-size: 15px;
	}
	.logo img{max-width:230px;}
}

@media only screen and (max-width: 1720px) {
	#new {width:45%;}
	.width {width:92%;}

#New {background: url(../siteart/ql/new-eq.jpg) no-repeat;background-position: center center; width: 13%; min-width:230px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#New:hover {background:#e20000;}
#New-Lot {background: url(../siteart/ql/new-lot.jpg) no-repeat;background-position: center center; width: 13%; min-width:230px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Used {background: url(../siteart/ql/used-eq.jpg) no-repeat;background-position: center center; width: 13%;  min-width:230px;height:250px;display: inline-block; margin:10px 3px;   -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Service {background: url(../siteart/ql/service.jpg) no-repeat;background-position: center center; width: 13%; min-width:230px; height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out;background-color: black;}
#Parts {background: url(../siteart/ql/parts.jpg) no-repeat;background-position: center center; width: 13%;  min-width:230px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: #000;}
#Store {background: url(../siteart/ql/shop.jpg) no-repeat;background-position: center center; width: 13%;  min-width:230px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}
	.logo img{max-width:215px;}
}
@media only screen and (max-width: 1535px){
	.blue-ql{
		font-size: 12.8px;
	}

@media only screen and (max-width: 1500px) {
		.logo img {max-width: 200px;}
.ql h2 {color:#fff; margin-top:50%;font-size:21px; margin-left:20px; line-height: 25px;}
#New {background: url(../siteart/ql/new-eq.jpg) no-repeat;background-position: center center; width: 12%; min-width:220px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#New-Lot {background: url(../siteart/ql/new-lot.jpg) no-repeat;background-position: center center; width: 12%; min-width:220px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Used {background: url(../siteart/ql/used-eq.jpg) no-repeat;background-position: center center; width: 12%;  min-width:220px;height:250px;display: inline-block; margin:10px 3px;   -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}

#Service {background: url(../siteart/ql/service.jpg) no-repeat;background-position: center center; width: 12%; min-width:220px; height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Parts {background: url(../siteart/ql/parts.jpg) no-repeat;background-position: center center; width: 12%;  min-width:220px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: #000;}
#Store {background: url(../siteart/ql/shop.jpg) no-repeat;background-position: center center; width: 12%;  min-width:220px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}
	
}

@media only screen and (max-width: 1500px) {
	.logo {width:30%; position:relative; z-index: 50;}
	.logo-2 {z-index: 50;}
	.logo img {max-width: 280px;}
	.cycle-slideshow{margin-top:4%;}
	}
	@media only screen and (max-width: 1350px) {
	.logo {width:25%; position:relative;}
	.logo-2 {width:25%;}
	.header-width {width:95%;}
	#header-contact p#address {font-size:13px;}
	#socials img {width:30px;}
	#header-contact {text-align: center;}
	#header-contact h4{font-size:13px;}
	.width {width:98%;}
	#loc-right p {font-size:16px;}
	.col-1-3 {min-width:330px; width:32%;}
	/*.blue-ql {width: 22.4%; margin: 5px 0;}*/
	.blue-ql {width: 100%; margin: 5px 0;}
}
	@media only screen and (max-width: 1300px) {
.ql h2 {color:#fff; margin-top:50%;font-size:19px; margin-left:20px; line-height: 25px;}
	#New {background: url(../siteart/ql/new-eq.jpg) no-repeat;background-position: center center; width: 10%; min-width:190px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
	#New-Lot {background: url(../siteart/ql/new-lot.jpg) no-repeat;background-position: center center; width: 10%; min-width:190px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
	#Used {background: url(../siteart/ql/used-eq.jpg) no-repeat;background-position: center center; width: 10%;  min-width:190px;height:250px;display: inline-block; margin:10px 3px;   -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}

	#Service {background: url(../siteart/ql/service.jpg) no-repeat;background-position: center center; width: 10%; min-width:190px; height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
	#Parts {background: url(../siteart/ql/parts.jpg) no-repeat;background-position: center center; width: 10%;  min-width:190px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: #000;}
	#Store {background: url(../siteart/ql/shop.jpg) no-repeat;background-position: center center; width: 10%;  min-width:190px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}

	

}
@media only screen and (max-width: 1200px) {
	.logo {position: relative; }
	#header-right {position: relative; background: none; margin: 0 auto; right:0;text-align: center; padding: 0px 0}
	#header-right-2 {position: relative; background: none; margin: 0 auto; right:0;text-align: center;}
	.header-home {background:#fff; width: 100%;display: inline-block; padding:0 0 25px 0; }
	#head-map {max-width:1050px;width: 100%;}
	#map-left {width: 100%;}
	.cycle-slideshow{margin-top:25;}
	#loc-right {width: 100%; padding:25px 0 25px 0;}
	#loc-right h4 {padding-top:0;}
	.absolute-header { margin: 0 auto; }
	.cycle-overlay {position:relative; top:0;left:0; }
	.cycle-pager span {display: none;}
	.col-2-3 {width:97%;}
	.col-3-3 {width:31%;}
	.img-height-2 {height: auto;}
	.img-height-2-long {height: auto;}
	.zoom-container-showroom {width:47%;}
	.blue-ql {width: 100%; margin: 5px 0;}
.ql h2 {color:#fff; margin-top:50%;font-size:21px; margin-left:20px; line-height: 25px;}
#New {background: url(../siteart/ql/new-eq.jpg) no-repeat;background-position: center center; width: 30%; min-width:240px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#New:hover {background:#e20000;}
#New-Lot {background: url(../siteart/ql/new-lot.jpg) no-repeat;background-position: center center; width: 30%; min-width:240px; height:250px; display: inline-block; margin:10px 3px;  -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Used {background: url(../siteart/ql/used-eq.jpg) no-repeat;background-position: center center; width: 30%;  min-width:240px;height:250px;display: inline-block; margin:10px 3px;   -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Service {background: url(../siteart/ql/service.jpg) no-repeat;background-position: center center; width: 30%; min-width:240px; height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: black;}
#Parts {background: url(../siteart/ql/parts.jpg) no-repeat;background-position: center center; width: 30%;  min-width:240px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; background-color: #000;}
#Store {background: url(../siteart/ql/shop.jpg) no-repeat;background-position: center center; width: 30%;  min-width:240px;height:250px;display: inline-block; margin:10px 3px; -webkit-transition: 300ms ease-out; transition: 300ms ease-out;}
	
}
@media only screen and (max-width: 1050px) {
	.col-1-3 {width:44%;}
	.formfield {width: 97%;}
	.col-3 {width: 97%;}
	.col-parts {width: 100%; margin: 0 auto;padding: 25px 0; }
}
@media only screen and (max-width: 850px) {
		.col-3-3 {width:48%;}
	.employment-banner img {width:100%;}
	.employment-banner{margin-top:10px;}
}
	
	
@media only screen and (max-width: 768px) {
	.absolute-header {text-align: center;}
	#formpage {padding:25px 0; background:none; border:0;}
	.formfield { width:96%;}
	#head-map {width: 100%; margin-left:0;}
	.logo {width: 210px;margin: 0 auto; text-align: center; top:5px;}
	.header-width {text-align: center; width: 100%;}
	.header-home {padding:0 0;}
	.absolute-header {padding-bottom:0;}
	#header-right { text-align: center; float:none; background:#023e80; width:100%; max-width:100%; border-radius: 0;margin-top:20px; padding-top: 20px; padding-bottom: 20px;}
	.logo-2 {width: 200px;margin: 0 auto; text-align: center;}
	.logo-2 img {margin: 0 auto;}
	#header-right-2 {width: 100%; text-align: center; background:#023e80; float:none; margin: 0 auto; padding:25px 0; max-width:100%;}
	#quick-search-wrap {float:none; text-align: center;}
	.blue-banner {width: 100%;}	
	.col-1-3 {width: 98%; height: auto;}
	.zoom-container-showroom {width:90%;}
	.blue-ql {padding:10px 0;}
	.searchfieldwrap  {width: 100%;}
	.flex-team {display: block; flex-direction: row; align-items: center;}
	.team-img {width: 100%; }
	.team-text {width: 100%; padding-left: 0;}

}


@media only screen and (max-width: 500px) {
	#New {min-width: 300px;}
	#Used {min-width: 300px;}
	#Service {min-width: 300px;}
	#Parts, #Store, #New-Lot{min-width: 300px;}
	.zoom-container-showroom {width:95%;}
	.col-3-3 {width:100%;}
	.finance-row a p{font-size:16px;}
	.finance-row a{min-width:260px;}
	.finance-label h2{font-size:32px; line-height:32px;}
}