/***** 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;}


/***** END RESET *****/

/***** colors *****

blue 2869a8
dark blue: 1a4c7c

font-family: 'Montserrat', ;
font-family: 'Roboto Condensed', ;
*/
@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;

}


body{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 15px;
	overflow-x: hidden;
	width: 100%;
	font-weight: 300;
}
::-moz-selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}

h1,h2,h3,h4,h5{font-family: 'Roboto Condensed' !important; font-weight: 700; font-style: italic; letter-spacing: 1px; text-transform: uppercase;}

h1 span{font-size: 24px; font-style: normal;}
h1{font-size: 32px;color: inherit; line-height: 35px;}
h2{font-size: 26px; color: inherit;}
h3{font-size: 22px; color: inherit; }
h4{font-size: 18px;}

p{ line-height:25px;}
p.fine-print{font-size: 13px !important;}

a{
	color: inherit;
	transition: all .8s ease-in-out; 
	-moz-transition: all .8s ease-in-out; 
	-webkit-transition: all .8s ease-in-out;
	text-decoration: none;
}
hr{border: .25px solid #b0afaf;}

.clear{clear:both;}	



/*---BASIC BUTTONS-----------------------*/
#blue-btn{background: #2869a8; color: #fff; padding:12px 25px;margin: 5px 0; display: inline-block; font-family: 'Roboto Condensed'; font-weight: 700; font-style: italic;  text-transform: uppercase; letter-spacing: 1px; font-size: 14px; text-align: center; }
#blue-btn:hover{background: #1a4c7c;}


/*-- BASIC STYLES------------------------*/
#pad{padding: 30px 0;}
#l-pad{padding: 70px 0;}

.wrapper-inner{margin:  0 auto; width: 70%;}
.wrapper-center{margin: 0 auto; text-align: center; width: 70%;}

#pageimage{width: 100%; display: block; }

.dark-blue{background: #1a4c7c; color: #fff;}
.dark-blue #blue-btn:hover{background: #000;}


.blue-transparent{background: rgba(40,105,168,.9); color: #fff;}
.blue-stripes{background: url(../siteart/blue-stripes.png) repeat;}
.white-stripes{background: url(../siteart/white-stripes.png) repeat; position: relative; z-index: 99}

#shadow-bottom{box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.8);}

/*--- HEADER ---------------------------*/
.header-top {background: #fff; width: 100%; text-align: right;}
.header-top .wrapper-inner{width: 90%; top: 20px; position: relative;}
.header-top #blue-btn{box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.7);}

.header {
	width:100%;
	float:left;
	position: absolute;
	z-index: 99999;
}

.header#contact{background: #c5c6c8; padding-bottom: 30px; position: relative;}

#topleft {
	width:30%;   
	background: none;
	display: inline-block;
	float: left;
	margin-top: 2vw;
}

#logo {text-align: center}
#logo img{width:100%; max-width: 400px; }
#logo h4{color: #fff; text-align: center;}

#topright {
	background: #fff; 
	width:60%;
	float:right;
	padding:5px 0;
	display:inline-block;
	margin-top: 2vw;
	box-shadow: 0px 1px 10px -4px rgba(0,0,0,0.4);
} 
.nav-icons{display: inline-block; border-left: 2px solid #f3f3f3; height: 45px; padding-left: 30px;}
.nav-icons .fa,.nav-icons .fa-brands{color: #2869a8; font-size: 25px; margin: 0 15px; padding-top: 10px;}
.nav-icons .fa:hover,.nav-icons .fa-brands:hover{color: #1a4c7c;}

.header-space{padding: 75px 0;}

/*----HOME PAGE -----------------------------*/
/*--SLIDER--*/
.cycle-slideshow{position: relative;}
.cycle-slideshow img{width:100%; }


/*--EQUIPMENT CATEGORIES--*/
.wrapper-cat{margin:-70px auto 0 auto; text-align: center; position: relative; z-index: 999; padding-bottom: 30px;}

.cat{display: inline-block; text-align: center; padding: 5px; width: 13%;}
.cat img{text-align: center; width: 100%;}
.cat img:hover{opacity: .85;}

.cat h2{color: #fff; font-size: 17px; text-align: center; margin-top: 15px;}



/*---SEARCH-------------------------------*/
#search,#submit{display:inline-block; zoom: 1; vertical-align:middle; padding:0.5% 1%; border:none; 
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#search{width:40%; color:#969696; font-family: 'Montserrat', sans-serif !important; background: #e6e6e6; padding: 15px}
#submit{width:60px; margin-left:5px; background:#1a4c7c; padding:10px 15px; font-family: 'icon-worksregular'; color: #fff; font-size: 25px; font-weight: bold;}
#submit:hover{background: #000;}

/*-- MANU BAR--*/
.manu-left{display: inline-block; width:20%; color: #fff; float: left; margin-top: 10px;}
.manu-left h2{color: #fff;}

.manu-right{display: inline-block; width: 65%; float: right;}
.brandslider{
	margin: 0 auto;
	text-align: center;
	width:100%;
}
.brandslider img{padding: 0 15px !important; width: 200px !important;}
.brandslider img:hover{opacity: .9;}


/*--ABOUT SECTION--*/
.about-bg{padding: 150px 0; background: url(../siteart/about-bg.jpg)  no-repeat center center fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; }

.about-bg h1{color: #fff;}

.about-bg .wrapper-inner.blue-transparent{width: 60%;}
.wrapper-inner.blue-transparent .wrapper-inner{width:85%;}



/*--parts- service----------------------*/
.service-col{display: inline-block; vertical-align: top; width: 35%;}

/*--about-------------------------------*/
.location-left{display: inline-block; vertical-align: top; width:45%;}
.location-right{display: inline-block; vertical-align: top; width:45%; float: right}
.location-right iframe{height: 450px;}

/*--- FOOTER ---------------------------*/
.gray-border{width: 100%; border: 1px solid #f3f3f3;}
.footer-inner{width: 90%; margin: 0 auto; padding: 40px 0;}

.footer-left{display: inline-block; width: 35%;  margin-right: 10px;}
.footer-form{text-align: left; font-size: 14px;}
.footer-form .formfield {width:45.5%;}
.footer-form h4{color: #2869a8; padding-bottom: 10px;}

.footer-right{float: right; display: inline-block; width: 60%; text-align: right;}
.footer-col{display: inline-block; text-align: left; color: #000; vertical-align: top; width: 30%;}
.footer-col h4{color: #2869a8; padding-bottom: 10px;}
.footer-col p, .footer-col ul li a{line-height: 25px; color: #000; list-style: none; font-size: 14px;}
.footer-col a:hover{text-decoration: underline;}


/*--------FORM STYLES--------------------------------------*/
#formpage {  margin: 0 auto;  
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;}
#formpage div {
	vertical-align:top;
	padding:5px 5px 5px 0;
	color: #000;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #e6e6e6;
	background: #f0efef;
	font-size:13px;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #e6e6e6;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#f0efef;
	margin-top: 5px;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}

/* 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 #134773;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:8px 10px;
	width:100%;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}

.formfield {
	width:47%; 
	display:inline-block; 
	margin-right: 12px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

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

#formpage textarea {
    width:98%;
    height:85px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

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

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:rgba(233,233,233,1.00); 
	color:#000;
	border:1px solid #134773;
	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:130px;
    margin:0 auto;
    background: #2869a8; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:14px;
	padding: 10px 20px;
	letter-spacing:1px;
	text-align: center;
	display: block;
	border: none;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	text-transform: uppercase;
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}
#formpage input.button:hover {
    margin:0 auto;
    padding:10px 0px;
    background: #1a4c7c; /* For browsers that do not support gradients */
}

/* 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;
} 

/*control the Captcha */

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

.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;} 

.dark-blue #formpage div {color:#fff;}
.dark-blue .CaptchaPanel {color:#fff;}
.dark-blue .CaptchaWhatsThisPanel a {color:#fff;}
.dark-blue #formpage input.button:hover {background: #000;}

/*---INVENTORY STYLES--------------------------*/
.container{color: #000 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link{background-color: #2869a8 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link{background-color: #2869a8 !important;}

.list-content .list-title .list-title-text{font-family: 'Roboto Condensed', sans-serif !important; letter-spacing: 2px; padding: 10px 0; line-height: 35px;}

.list-content .list-title .list-listings-count{color: #000 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover{background-color: #2869a8 !important}

.faceted-search-content .faceted-section-box .faceted-view-more-btn, .faceted-search-content .selected-facets-container .selected-facet{background: #2869a8 !important;}

.detail-content .detail-main-body .main-detail-data .detail-price{color: #2869a8 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn{background-color: #2869a8 !important}
 .detail-content .detail-main-body .main-detail-data .buy-btn{background-color: #2869a8 !important; margin-bottom: 10px !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn { background-color: #2869a8 !important; color: #fff !important; border: 1px solid #2869a8 !important;}

.detail-content .dealer-info{margin: 10px !important;}
.detail-content .search-results{color: #2869a8 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color: #2869a8 !important;}

.detail-content .detail-additional-data .data-row .data-label{background-color: #2869a8 !important}

.detail-content .detail-main-body .main-detail-data .detail-title{font-weight: 700 !important; font-family: 'Roboto Condensed', sans-serif !important;}

/*--mobile--*/
.list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .check-availability-link{background-color: #2869a8 !important}
.list-content .list-listing-mobile .buy-now-link{background-color: #2869a8 !important;}
.list-content .list-listing-mobile .email-seller-link{background-color: #000 !important}

.list-content .list-listing-mobile .price-container .price, .detail-content-mobile .detail-main-body .main-detail-data .detail-price{color: #2869a8 !important;}

.detail-content-mobile .detail-additional-data .data-row .data-label{background-color: #2869a8 !important}
.detail-content-mobile .dealer-info h3{font-weight: 700 !important; font-family: 'Roboto Condensed', sans-serif !important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color: #2869a8!important; border: 1px solid #2869a8 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color: #2869a8 !important; border: 1px solid #2869a8 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile{background-color: #000 !important; border: 1px solid #000 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile{background-color: #212121 !important; border: 1px solid #212121 !important;}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{background-color: #212121!important;}


/*--removing financing paragraph--*/.legal-text-container{display: none !important;}

/*---RESPONSIVE STYLES------------------------*/
@media screen and (max-width:1600px) {
#topright{width: 60%;}
	
.nav-icons{display: inline-block; border-left: 2px solid #f3f3f3; height: 45px; padding-left: 15px;}
.nav-icons .fa{ font-size: 20px; margin: 0 12px; padding-top: 13px;}

	
}
@media screen and (max-width:1320px) {
.wrapper-inner, .wrapper-center{width:90%;}
#topright{width: 65%;}

.footer-form .formfield {width:95%; margin-right: 0;}	
.footer-form #formpage input{margin-top: 0;}
.footer-form #formpage div {padding: 2px 0;}

}



@media screen and (max-width:1150px) {
.header-top{text-align: center;}
.header-top .wrapper-inner{padding: 5px 0; top: 0;}	
.header{position:relative; background: #c5c6c8;}

	.header#contact{ padding-bottom: 0px;}
	
#topleft {width:100%; position:relative; text-align: center; }

#logo {padding-left: 0%;}
#logo img{display: inline-block;}

#topright {width:100%; background: none; float: none; padding: 0; margin-top: 0; box-shadow: none; text-align: center;}
.nav-icons{border-left: none; text-align: center; padding-left: 0; height: auto; margin: 5px auto; padding-bottom: 10px;}
.nav-icons .fa{font-size: 25px;}
	
/*--home page --*/	
.wrapper-cat{margin:0px auto 0 auto; padding:20px 0;}	
.cat{display: inline-block; text-align: center; padding: 5px; width: 12%; vertical-align: top; }
.cat h2{font-size: 14px; }
	
.manu-left { display: block; width: 100%;text-align: center; float: none; margin: 0 auto 20px auto;}	
.manu-right { display: block;width: 90%; margin: 0 auto; float: none; text-align: center;}
	
.about-bg{padding: 100px 0;}
.about-bg .wrapper-inner.blue-transparent{width: 90%;}	
}

@media screen and (max-width:1024px) {
.cat{display: inline-block; text-align: center; padding:5px; width:22%; vertical-align: top; margin: 20px auto;}
.cat h2{font-size: 14px; }
}

@media screen and (max-width:900px) {
.formfield{width: 96%; margin-right: 0;}
#formpage div{padding: 5px 0 ;}
	#formpage input{padding: 5px 0 5px 5px;}
	
h1{line-height: 40px; font-size: 30px;}
	

.footer-left{width: 100%;  margin-right:0px;}

.footer-right{float: none; display: inline-block; width: 100%; text-align: left; margin-top: 40px;}
.footer-col{display: inline-block; text-align: left; width: 31%;}
	
	
}

@media screen and (max-width:720px) {
.header-top #blue-btn{width: 28%; padding: 10px 0; font-size: 13px;}

#search{width: 68%;}

.about-bg{padding: 80px 0;}	
	
	.service-col{width:100%;}
	
.location-left{ width:100%;}
.location-right{width:100%; float: none; margin-top: 20px}
	.location-right iframe{height: 300px;}
	
}

@media screen and (max-width:595px) {
.header-top #blue-btn{width: 100%; padding: 10px 0; font-size: 13px; margin: 2px auto; box-shadow: 0;}	
#logo img{width: 90%;padding-top: 10px;}
#logo h4{font-size: 16px;}

.footer-left{display: none;}	
.footer-right{margin-top: 0;text-align: center;}
.footer-col{width: 100%; margin: 10px 0;text-align: center;}	

.cat{width:30%;}
	
#search{width: 58%;}
	
.about-bg{padding: 50px 0;}		
}


@media screen and (max-width:595px) {
	.cat{width:40%; margin: 15px auto;}
	
}