@charset "utf-8";
/* CSS Document */

/*===================== 
	Color information
	
	-
	-
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}

* {
    box-sizing: border-box!important;
}
/*===================== 
	@Font-Face 
=======================*/
.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, .contact-options a, .fin-calc-mobile>a {background:#0D74BB!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: #0D74BB !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;}

.dealer-btns-bottom a {background: #0D74BB!important;}
.page-nav{background-color:#0D74BB!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#0D74BB!important}
.return-links span, .return-links i {color:#0D74BB!important;}
.list-listings-count {color:#0D74BB!important;}
.contact-info-heading h2 {
	color: black!important;
	font-size:29px;
	padding:0!important;
}
.contact {
     padding-top: 0px!important; 
    padding-bottom: 0px!important;
     padding-left: 0px!important; 
}
.compare-title h3 {
	font-size:20px;
}

/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
	}

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

svg:not(:root) {overflow: hidden;/*reset*/}
	
.clear { clear: both;}

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

	h1 {
		font-family: 'Roboto', sans-serif; 
		font-size: 50px;
		color: #0f74bd; 
		letter-spacing:2px;
		}
		
	h2 {
		font-family: 'Roboto', sans-serif; 
		font-size: 50px;
		color: white; 
		text-align: center;
		font-weight: lighter;
		padding-top: 5%;
		padding-bottom: 5%;
		letter-spacing: 2px; 
		}
		
	span.banner-emph {
		font-family: 'Roboto', sans-serif; 
		font-size: 70px;
		color: #f0af08; 
		text-align: center;
		font-weight: bold;
		letter-spacing: 4px;
	}
	
	span.banner-emph-contact {
		font-family: 'Roboto', sans-serif; 
		font-size: 70px;
		color: #0f74bd; 
		text-align: center;
		font-weight: bold;
		letter-spacing: 4px;
	}
	
	h3 {font-family: 'Roboto', sans-serif; font-size: 30px;}
	h4 {font-family: 'Roboto', sans-serif; font-size: 20px;}
	h5 {font-family: 'Roboto', sans-serif; font-size: 18px;}
	h6 {font-family: 'Roboto', sans-serif; font-size: 16px;}

p {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	}

.inventory-text {
		font-family: 'Roboto', sans-serif; 
		font-size: 50px;
		color: white; 
		text-align: center;
		font-weight: lighter;
		padding-top: 5%;
		padding-bottom: 5%;
		letter-spacing: 2px; 	
}

.banner-text {color: #f0af08 !important; font-size: 20px !important; font-family: 'Roboto', sans-serif;}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		}  
		
.top-nav-text {
	display: inline-block; 
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px; 
	font-weight: normal;
}

.top-nav-phone {
	display: inline-block; 
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px; 
	font-weight: normal;
}

.top-nav-phone:hover {
	color: #0f74bd;
}

.footer-text {
	display: inline-block; 
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px; 
	font-weight: normal;
}

.footer-phone {
	display: inline-block; 
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px; 
	font-weight: normal;
}

.footer-phone:hover {
	color: #0f74bd;
}		
		
		
.body-link {
	color: black;
	font-weight: bolder;
	font-size: 20px;
}

.contact-text-phone {
	display: inline-block; 
	color: black;
	font-family: 'Roboto', sans-serif;
	font-size: 23px; 
	font-weight: normal;
}

.contact-text-phone:hover {
	color: #0f74bd;
}

.contact-text {
	display: inline-block; 
	color: black;
	font-family: 'Roboto', sans-serif;
	font-size: 23px; 
	font-weight: normal;
}

.contact-item {
	padding-top: 20px;
	padding-bottom: 20px;
}

/*===================== 
	header styles 
=======================*/

.top-nav-icons {
	background-color: #121212 !important;
	overflow:auto;
	text-align: right;
}

.addy {
	display: inline-block;
}

.clock {
	display: inline-block;
}
.button1{
	width: auto !important;
	display:inline-block!important;
	text-align: center!important;
	float:left!important;
	position:relative!important;
	margin:10px!important;
	
	
}

.button1 > img {max-height: 150px;}


.button1 a{
	font-size: 15px;
	color:#f0af08; 
	font-weight: 800; font-family: 'Roboto', sans-serif !important;
	
	
}
.button1 a:hover{
	color: #fff;
}
img {
	vertical-align: middle!important;
	display:inline-block!important;
}


.top-button {
  position: absolute!important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*===================== 
	nav styles 
=======================*/

.header-logo {
	width: 325px;
	height: auto;
	display:inline-block;
	padding: 0; 
	float:left;
}

.main-nav {
	z-index: 600;
	margin-top:75px;
	margin-right:50px;
}

nav ul {
	padding:0;
	margin:0;
	text-align: right;
}

nav ul li {
	text-align:right;
	padding:8px 0 10px 0 !important;
}

nav > ul > li {
	display:inline-block;
	list-style-type:none; 
	text-align: right;
	padding: 0px 0px 0px 10px !important;
}

nav ul li a {
	font-family:'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: black !important;
}	

nav.primary ul li a:hover {
	border-bottom: 2px solid #f0af08;
}
			

/* Appearance of the sub-level links */

nav.primary ul li li a { 
	line-height:16px;
	color:#fff;
	text-align:left !important;
	font-size: 16px;
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	}
	
	nav.primary ul li li a:hover { 
	line-height:16px;
	color:#f0af08 !important;
	text-align:left !important;
	font-size: 16px!important;
	border-bottom: none !important;
	}
	
	nav.primary ul li li:hover { 
	font-weight:700!important;
	}
	
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too much */
nav.primary ul ul {
	display: none;
    position: absolute; 
	width: 257px;
	background: #EDEDED;
	/*margin-top: 21px;*/
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:16px; 
    z-index: 2000 !important;
}
nav.primary ul ul li {
    float: none; 
    position: relative;
	display:block;
    margin:0;
	width:100%;
	padding-left: 10px !important;
	padding-right:15px !important;
}

.dropdown_arrow {
	display: inline-block !important;
}

.dropdown_style {
	font-size:16px;
	text-transform:none;
	font-weight:500;
}
/*===================== 
	mobile nav
=======================*/

#menu-button{ /* initially will need to be hidden */
	display: block;
	font-size: 40px;
	width:100%;
	position: relative;
	z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
	text-align: right;
	min-height: 0 !important;
	margin-top: -100px;
	}

#menu-button a{
		 color:black;
		 text-decoration: none;
		 text-align: right !important;
	  }
	 

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #EDEDED;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
}

.close_mobile {
	font-size: 40px !important;
	font-weight: 900;
	text-align: right;
	cursor: pointer;
}

nav.mobile ul {
	list-style: none;
}

nav.mobile ul li a {
	position: relative;
	display: block;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: black;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 1px;
}

nav.mobile ul li a:hover {
	background-color: #F0AF08;
	color: white; 
}

nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	color: black;
	text-decoration: none;
	font-family:'Roboto', sans-serif;
	cursor: pointer;
}

a.close_mobile:hover {
	background: transparent!important;
	color: #F0AF08!important;
}

.dropdown-new:hover {
	background-color: transparent!important;
	cursor:unset!important;
}

/*===================== 
	content styles 
=======================*/

.welcome {
	padding-top: 30px;
	padding-bottom: 30px; 
	padding-left: 75px;
	padding-right: 30px;

}

.welcome-content {
	border-left: 5px solid #f0af08; 

}

.welcome-content-inside {
	padding-left: 20px;	
	padding-top: 20px;
	padding-bottom: 20px;
}

.map-area {
	width: 100%; 
	padding: 0 !important; 
}

.map {
	padding:0!important;
}

.about-banner {
	background-image: url(/siteart/about-banner.jpg); 
	background-repeat:no-repeat; 
	background-size: cover; 	
}

.newopen-banner {
	background-image: url("/siteart/newopenbg.png"); 
	background-repeat:no-repeat; 
	background-size: cover; 	
}

.about {
	padding-top: 30px;
	padding-bottom: 30px; 
	padding-right: 50px;	
}

.about-content {
	border-left: 5px solid #f0af08; 
}

.about-content-inside {
	padding-left: 20px;	
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact1 {
	padding-top: 30px;
	padding-bottom: 50px; 
	padding-left: 30px;	
}

.contact-content {
	border-left: 5px solid #f0af08; 
}

.contact-inside {
	padding-left: 20px;	
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact-banner {
	background-image: url(/siteart/contact-banner.jpg); 
	background-repeat:no-repeat; 
	background-size: cover; 	
}

.contact-map {
	padding: 50px;
}

.inventory-banner {
	background-image: url(/siteart/barlow-equip.jpg); 
	background-repeat:no-repeat; 
	background-size: cover; 	
}

.img-fluid {
	display: block;
  max-width: 100%;
  height: auto;
}

    .google-maps {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        overflow: hidden;
		height: 100%;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.black-line {
	padding: 0!important;
	margin: 0!imporant;
}

/*=====================
   		images
======================*/

.award {
	display: block; 
	margin: auto; 
}

/*=====================
   font-awesome icons
======================*/

.fas.fa-phone:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding: 10px; 
}

.fas.fa-map-marker-alt:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding:10px;  
}

.far.fa-clock:before{
	color: #0f74bd !important; 
	display: inline-block;
	padding: 10px;
}

.fab.fa-facebook-square:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding: 10px;
}

.fas.fa-envelope:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding:10px;  
}

.fas.fa-caret-right:before {
	color: black; 
	display: inline-block;
	padding-left: 10px;	
}

.fas.fa-caret-right.white:before {
	color: white;
}

/*CONTACT PAGE ICON EDITS*/

.fas.fa-phone.contact-icon:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding: 10px; 
	font-size: 30px;
}

.fas.fa-map-marker-alt.contact-icon:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding:10px;  
	font-size: 30px;
}

.far.fa-clock.contact-icon:before{
	color: #0f74bd !important; 
	display: inline-block;
	padding: 10px;
	font-size: 30px;
}

.fab.fa-facebook-square.contact-icon:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding: 10px;
	font-size: 30px;
}

.fas.fa-envelope.contact-icon:before {
	color: #0f74bd !important; 
	display: inline-block;
	padding:10px;  
	font-size: 30px;
}


/*===================== 
	banner styles 
=======================*/

.banner-content {
	text-align: center;
	padding-top: 25%;
	padding-bottom: 25%;
}

.banner-logo {
	display: block;
	margin: auto; 
	text-align: center;
}

.banner-logo-ls {
	display: block;
	margin: auto; 
	text-align: center;
}


/*===================== 
	layout styles 
=======================*/
	
.col-1-6 { width: 16%; box-sizing:border-box;}
.col-1-5 { width: 20%; box-sizing:border-box;}
.col-1-4 { width: 24%; box-sizing:border-box;}
.col-1-3 { width: 33%; box-sizing:border-box;}
.col-1-2 { width: 49%; box-sizing:border-box;}
.col-2-3 { width: 65%; box-sizing:border-box;}
.col-3-4 { width: 75%; box-sizing:border-box;}

/*===================== 
	footer styles 
=======================*/

.page-footer {
	background-color: black;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}

.footer-contact {
	text-align: left;
	padding-bottom: 20px;
}

.divfooter {
	color: #BCBCBC;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}

span.smallfootertext {
	color: #BCBCBC;
	font-size: 14px;
	font-family:'Roboto', sans-serif;
}

a.footerlink {
	color: #f0af08;
	font-size: 14px;
	font-family:'Roboto', sans-serif;
}

a.footerlink:hover {
	color: white;
}

/*========================== 
	  Button styles 
============================*/
	
.btn {
	font-family: font-family: 'Roboto', sans-serif;
	font-weight: bold; 
	color: black;
	width: 275px;
	border-radius: 0 !important;
	border: none;
	font-size: 18px;
	letter-spacing: 2px;
}

.btn.btn-warning {
	background-color: #f0af08;
}

.btn.btn-warning:hover {
	background-color: #D0991A; 
}

.btn.btn-primary {
	background-color: #0f74bd;
	color: white;
}

.btn.btn-primary:hover {
	background-color: #145C90;
}

/*========================== 
	 Inventory Styles
============================*/

.inner-wrap.cf.p-tb-10.listing-list-wrapper.pad-left-25 {
	display: block; 
	margin: auto; 
	padding-top: 30px;
	padding-bottom: 30px; 
	font-family: 'Roboto', sans-serif;
}

#listings-title {
	font-family: 'Roboto', sans-serif;
	color: #0f74bd; 
	display: block;
	margin: auto; 
	padding-bottom: 30px;
	letter-spacing: 2px;
	text-align:left; 
	font-size: 35px !important;
}

.dealer-black-text {
	font-family: 'Roboto', sans-serif;
	font-size: 25px; 
	color: #0f74bd !important; 
}

.widget-details.btn {
	background-color: #0f74bd !important; 
	letter-spacing: 1px; 
}

.widget-details.btn:hover {
	background-color: #f0af08 !important; 
	letter-spacing: 1px; 
}

#btnSearch {
	background-color: #0f74bd !important; 
	letter-spacing: 1px; 
}

#btnSearch:hover {
	background-color: #f0af08 !important;
	letter-spacing: 1px; 
}

.btn-form.btn.next {
	background-color: #f0af08 !important;
	margin-left: 10px !important;
}

.btn-form.btn.next:hover {
	background-color: #0f74bd !important; 
}

.btn-form.btn.prev{
	background-color: #f0af08 !important;
	margin-right: 10px !important;
}

.btn-form.btn.prev:hover{
	background-color: #0f74bd  !important;
}

.border {
	border: none !important;
}

h2.m-1 {
	color: #f0af08; 
}

/*========================== 
	 Banner Ad
============================*/
.banner-cont {
	padding: 5px;
	background-color: #0D74BB!important;
	margin-bottom:15px;
}
.banner-cont h4, .banner-cont p{
	color:#F0AF08;
	text-align: center;
}
.banner-cont h4{
	font-size:25px;
}
.banner-cont p{
	font-size:19px;
	margin-bottom:10px;
}
.banner-ad {
	padding: 0;
}

.banner-img {
	width: 100%;
}

/*========================== 
	 Responsive styles 
============================*/
@media only screen and (max-width: 1800px){
	.button1 img{
		
	}
	.button1{margin-left:30px;}
	.main-nav{margin-right:100px; margin-top:20px;}
	.col-9{
	postion:relative;
		min-height:1px;
		paddintleft:15px;
	padding-left:15px;
	float:left;}
}

@media only screen and (max-width: 1750px){

	.main-nav{margin-right:100px; margin-top:0px;}

}


@media only screen and (max-width: 1675px) {
	nav ul li a{
		font-size: 16px !important;
		letter-spacing: .5!important;
	}	
	
	nav.primary ul ul {
	width: 220px;
}
	
}

@media only screen and (max-width: 1485px) {
	nav ul li a{
		font-size: 15px !important;
		letter-spacing: 0!important;
	}	
	
	nav.primary ul ul {
	width: 170px;
}
	
	.main-nav {padding-top: 50px;}
	
}

@media only screen and (max-width: 1300px)  {
	nav ul li a{font-size: 14px !important;}
	nav > ul > li {    padding: 0px 0px 0px 15px !important;}
}


@media only screen (max-width: 1230px) and (min-width: 1199px) {
	nav ul li a{
		font-size: 13px !important;
	}	
	
	nav.primary ul ul {
	width: 150px;
}
	
}

@media only screen and (max-width: 1250px) {
	nav ul li a{
		font-size: 13px!important;}
}

@media only screen and (max-width: 1199px) {
nav ul li a{
		font-size: 15px !important;
	}		
}

@media only screen and (max-width: 962px) {
	.footer-contact {
		text-align: center;
	}
	
	.divfooter {
		text-align: center;
	}
	
	.contact1 {
		padding-bottom: 0;
		padding-left: 50px;
	}
	
	h1 {
		font-size: 35px;
	}
	
}


@media only screen and (max-width: 782px) {
	.btnwrap {clear: both;}
}




@media only screen and (max-width: 782px) {
	
	.welcome {
		padding-left: 30px;
	}
	
	span.banner-emph {
		font-size: 40px;
	}
	
	span.banner-emph-contact {
		font-size: 40px;
	}
	
	h2 {
		font-size: 35px;
		margin: 0;
	}
	
	.about {
		padding-top: 15px; 
		padding-left: 30px;
		padding-bottom: 15px
	}
	
	.button1 {margin-left: 0px !important;}

}

@media only screen and (max-width: 474px) {
	.header-logo {
		padding-right: 20px;
	}
	
	.clock {
		display: none;
	}
	
	.contact1 {
		padding-bottom: 0;
		padding-left: 30px;
	}
	
	.header-logo {width: 300px;}
	
	#menu-button {margin-top: -89px;}
	
	.button1 > img {
    max-height: 110px;
}
	
	.button1 > a {font-size: 11px !important;}
	
}

@media only screen and (max-width: 400px) {
	
		.button1 > img {
    max-height: 100px;
}
	
	.button1 > a {font-size: 10px !important;}
	
	
	
	
	
	
		#menu-button {
			margin-top: -94px;	
		}
		
		.addy {
			display: none;	
		}
		
		p.contact-text-phone {
			font-size: 16px;
		}
		
		p.contact-text {
			font-size: 16px;
		}
		
.fas.fa-phone.contact-icon:before {
	font-size: 16px;
}

.fas.fa-map-marker-alt.contact-icon:before {
	font-size: 16px;
}

.far.fa-clock.contact-icon:before{
	font-size: 16px;
}

.fab.fa-facebook-square.contact-icon:before {
	font-size: 16px;
}

.fas.fa-envelope.contact-icon:before {
	font-size: 16px;
}	

.contact1 {
	padding-left: 16px;
}

.contact-map {
	padding: 10px;
}

.header-logo {
    width: 220px;
}
#menu-button {
    margin-top: -73px;
}

}