/***** 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 --------
LIGHT blue: 095d91 
medium blue: 0e3758
dark blue: 092740
*/

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

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

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

body {
	width: 100%;
	font-family: 'Open Sans', sans-serif; 
	font-size:15px; 
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	background: #f4f4f4;
	color: #095d91; 
	font-weight:300;
	overflow-x:hidden;
}
h1,.home-boxes h2,.blue-manu h2{ font-size: 30px; font-weight:800; color:#0e3758; text-align:left; text-transform:uppercase; line-height: 40px; padding-bottom: 5px; font-style: italic; letter-spacing: 1px;}
h1 span,.home-boxes h2 span,.blue-manu h2 span{font-weight: 300; font-style: normal; letter-spacing: 2px;}

h2,.success-box h3 {font-size: 22px; text-align:left;color:#095d91; font-weight:800; font-style: italic; letter-spacing: 1px;}
h3,.blue-contact-bar h3 {font-size:18px; color: #095d91; font-weight: 700; letter-spacing: 1px;}
h4{color:#767575; font-size: 20px; font-weight:700; text-align:center; letter-spacing: 1px;}

a{color:#000; text-decoration: none;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}


#pad{padding: 2% 0;}
#pad-l{padding: 3% 0;}


.clear{clear:both;}


/*--- HEADER STYLES --------------------------*/
.default-header {
	width:100%;
	background: rgba(255,255,255, .5);
	position:absolute;
	z-index:999;
	text-align: center; margin: 0 auto;
}
header {
	width:100%;
	background: rgba(255,255,255, .99);
	position:relative;
	z-index:999;
	text-align: center; margin: 0 auto;
}

.logo { display: inline-block; margin:  0 auto; text-align: center;}
.logo img{width:70%; display: inline-block;}

.header-inner{width: 80%; margin: 0 auto; text-align: center;}

.nav-bg{background: #0e3758;}
.nav-left{display: inline-block; float: left;}
.nav-right{display: inline-block; float: right; background: #092740;transition:.3s all;}

.nav-icon{display: inline-block;  padding:11px;}
.nav-icon .fa{font-weight: 800; font-size: 25px; color: #c0c0c0; }

.nav-phone{display: inline-block;   padding:11px 20px; color: #fff !important; margin-left:-4px;}
.nav-phone a{color: #fff !important; text-decoration: none; font-weight: 800; font-style: italic; font-size: 25px;transition:.3s all;}
.nav-right:hover{background:#095d91 !important; text-decoration: none;}


/*---SLIDER------------------------------*/
.cycle-slideshow img{width:100%; position: relative;}
.hero {position:relative;height: 55vh;min-height: 700px;overflow: hidden;}
.hero img {object-position: center 40%;width: 100%;height: 100%;object-fit: cover;filter:brightness(.75) }
.hero-overlay{position: absolute; z-index: 99999; text-align: left; color: #fff; top: 18vw;left: 0;width: 80%;right: 0;margin: 0 auto;}
.hero-overlay h1{	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);color: #fff; font-size: 40px; line-height: 50px;}
.hero-divider {background-image: url(/siteart/main-divider.png);background-size: 100% 159px;bottom: 0;height: 153px;z-index: 99;margin-top: -80px; position: relative;}

/*---BODY--------------------------------*/
.wrapper-inner { width: 80%; margin: 0 auto;}
.blue-contact-bar{background: #092740; color: #fff;width: 100%;text-align: left;}
.blue-contact-bar .wrapper-inner{text-align: left;}
.blue-contact-bar .left{display: inline-block;}
.blue-contact-bar .right{float: right; display: inline-block;}
.blue-contact-bar h3{color: #fff;}
/*---SUCCESS SECTION - HOME PAGE ----------*/
.flex-box {display: flex;gap: 30px;}
.flex-box a {flex: 1;box-sizing: border-box}
.success-box{display: inline-block; margin:0; padding: 50px 20px; border: 1px solid #095d91; border-radius: 4px; width: 100%; max-width:100%; vertical-align: top;transition:.4s all;box-sizing: border-box;}
.success-box img{position: absolute; margin-top: -90px; width: 75px;}
.success-box p{width: 100%; text-align: left; float: left; color: #095d91; padding-top: 5px;}
.success-box:hover{background: #fff;}
/*---GRID INVENTORY---*/
.grid-inventory {display: grid;grid-template-columns: repeat(5, 1fr);gap: 15px;}
a.cat-box {background: #fff;transition: .4s ease all;box-sizing: border-box}
.cat-box h2{transition: .4s ease all;font-size: 18px;}
a.cat-box:hover {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.cat{overflow: hidden;display: flex;}
.cat-img {width: 100%;height: 100%;object-fit: cover;transition: .4s ease all;}
.cat-wrap {padding: 10px 15px;line-height: 1.5;}
a.cat-box:hover img {filter: grayscale(.75)}
a.cat-box:hover h2 {color:#0e3758}
/*---MANU SECTION-------------------------*/
.blue-manu{float:left; padding: 2% 0%; display: inline-block; width:40.35%; min-height: 130px; background:#095d91;}
.blue-manu h2{color: #fff; margin-top: 18px; margin-left: 20%; font-size: 35px;}
.blue-manu h2 span{font-size: 25px;}
.white-manu{background: #fff; display:inline-block; padding: 2% 0;  width:59.65%; min-height: 130px; }
.white-manu .wrapper-inner{width: 95%; text-align: center;}
.white-manu img{display: inline-block; margin:0px 30px 0 0; width: 100%; max-width: 36%; vertical-align: middle; margin-top: 15px;}

/*---BUTTONS-------------------------------*/
#blue-buttons{background: #01367a; border:1px solid #01367a; display: inline-block; padding: 10px 0; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; text-align: center; width: 49%;}
#blue-buttons:hover{background: none; color: #01367a;}


#blue-small{background: #01367a; border:1px solid #01367a; display: inline-block; padding: 10px 0; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; text-align: center; width: 200px; letter-spacing: 1px;}
#blue-small:hover{background: none; color: #01367a;}

#white-outline{
	width: 150px;
	background: none; 
	color: #fff;
	padding: 5px 15px; 
	font-weight: 300;
	letter-spacing: 1px;
	border:1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
}
#white-outline:hover{background: rgba(255,255,255,.75); color: #095d91;}


#white-button{
	width: 150px;
	background: #fff; 
	padding: 5px 15px;  
	color: #095d91;
	font-weight: 300;
	letter-spacing: 1px;
	border:1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
}
#white-button:hover{background: rgba(255,255,255,.75); color: #095d91;}

button {font-family: 'Open Sans', sans-serif;}
.hero-btns {display: flex;gap: 20px;}
.blue-btn {background: #095D91;border-radius: 4px;padding: 10px 15px;border: 1px solid #095D91;color:#fff;text-transform: uppercase;transition:.3s all;font-size: 15px;font-weight: 600;letter-spacing: 1px;cursor: pointer;}
.blue-btn:hover{background: rgba(9,93,145,.75);}
.white-button{background: #fff;border-radius: 4px;padding: 10px 15px;border: 1px solid #fff;color:#01367a;text-transform: uppercase;transition:.3s all;font-size: 15px;font-weight: 600;letter-spacing: 1px;cursor: pointer;}
.white-button:hover {background: rgba(255,255,255,.75);}
/*---CONTACT PAGE ---------------------------*/
.contact-box{display: inline-block; padding: 50px 20px; border: 1px solid #095d91; border-radius: 4px; width: 100%; max-width:100%;flex: 1; vertical-align: top;}
.contact-box img{position: absolute; margin-top: -90px; width: 75px;}
.contact-box p{width: 100%; text-align: left; float: left; color: #095d91; padding-top: 5px;}


/*--- FRAMELESS STYLES ----------------------*/

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family: 'Open Sans', sans-serif  !important;} /* Font for Inventory to match rest of website */
.hosted-content{font-family: 'Open Sans', sans-serif  !important;}
.hosted-content h1{ text-align: left !important; font-family: 'Open Sans' !important;}

.hosted-content h2 {color: #095d91 !important;font-family: 'Open Sans' !important; font-style: italic; font-weight: 800;}  /* Featured Listings/General Listings */
.hosted-content h3 {color: #095d91 !important; font-size:20px !important; font-family: 'Open Sans' !important; font-style: italic; font-weight: 800; text-transform:uppercase;}

.listings-wrapper .listing-boxed .listing-boxed-details h2 a{color: #095d91; font-weight: 800; font-style: italic; font-family: 'Open Sans' !important; }

.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Open Sans' !important; line-height: 1em !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3{ font-size: 24px !important;font-family: 'Open Sans' !important; line-height:1.5em !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background: none !important;} /* Featured Listings/General Listings Background */
.hosted-content .listings-wrapper .sort-box {background: none !important;} /* Background for Sort Order */

.listing-name a:link, .listing-name a:visited, .listing-name a:active {color: #095d91;} /*Inventory Title Link Colors */
.listing-name a:hover {color: #095d91;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background: #01367a !important;} /* View Details button */
.hosted-content .btn:hover, .hosted-content .button:hover {background: #095d91 !important;} /* View Details Button */





/*-------- FOOTER STYLES --------*/
.subpage-footer{height: 150px;}
.footer-divider {background-image: url(/siteart/footer-divider.png);background-size: 100% 159px;bottom: 0;height: 144px;z-index: 99;
	margin-top: -150px; 
	position: relative;
}


footer{background: #092740; padding: 5px 0;}
footer .wrapper-inner{text-align: right;  position: relative; z-index: 111; margin-top: -15px;}
footer .fa, footer .fab{color: #fff; font-size: 25px; margin: 3px 10px;}
footer .fa:hover, footer .fab:hover{opacity: .7;}

footer p{color: #fff; text-align: right; padding: 10px 0; font-size: 12px; letter-spacing: 1px; margin-top: 5px;}
footer p a{color: #fff;}
footer p a:hover{text-decoration: underline;}

footer i {color: #fff;font-size: 22px;padding: 0 10px;}


.list-content .list-container .list-listing .buy-now-link, .list-content .list-container .list-listing .contact-btn, .list-content .list-container .list-listing .check-availability, .list-content .list-container .list-listing .email-seller, .list-content .list-container .list-listing .video-chat, .list-content .list-container .list-listing .facebook-messenger, .list-content .list-container .list-listing .whatsapp, .list-content .list-container .list-listing .text, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .detail-content .detail-additional-data .data-row .data-label, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .compare-listings-container .compare-container .button, .detail-content-mobile .contact-options a, .detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-content .list-listing-mobile .contact-options a {
	background: #0e3758 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
	color: #095d91 !important;
	border-color: #095d91 !important;
}

.detail-content .listing-widgets a {
	border: 1px #0e3758 solid !important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-top: -3px !important;
}

.detail-additional-data h4 {
	text-align: left !important;
	color: #000 !important;
}

.detail-content .detail-additional-data .data-row .data-value {
	font-weight: normal !important;
	color: #000 !important;
}

.view-listing-details-link, .buy-now-link, .faceted-search-content .selected-facets-container .selected-facet, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .fin-calc-mobile>a, #calculator-mobile .modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn, .detail-content-mobile .detail-additional-data .data-row .data-label, .view-listing-details-link, .buy-now-link, .view-listing-details-link, .buy-now-link {
	background: #095d91 !important;
}

/*-------- RESPONSIVE STYLES --------*/
@media screen and (max-width:1500px){
.nav-phone a{ font-size: 20px;}
.grid-inventory {grid-template-columns: repeat(4, 1fr);}

	
}
@media screen and (max-width:1300px){
	.header-inner{width: 95%;}
	.nav-phone a{ font-size: 18px;}
	
	.hero-overlay{top: 22vw;}
	.hero-overlay h1{font-size: 35px; line-height: 40px;}
	
	.blue-manu{width: 42.35%;}
	.blue-manu h2{margin-left: 0;}
	.white-manu{width: 57.65%;}
}
@media screen and (max-width:1300px){
	.hero{min-height: 600px;}
	
}
@media screen and (max-width:1200px){
.grid-inventory {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:1024px){
	.hero-overlay{display: none;}
	.hero {min-height: auto !important;height: auto !important;}
	.wrapper-inner{width:90%;}
	
}


@media screen and (max-width:800px){
	.default-header{position: relative;}
	.flex-box {flex-wrap:wrap;gap:50px}
	.flex-box a,.contact-box {flex-basis: 100%;}
	.success-box img,.contact-box img{margin-top: -65px;}
	.success-box, .contact-box{padding: 30px !important;min-height: auto !important;}
	.success-box p, .contact-box p{width: 100%;}
	.success-box img, .contact-box img{width: 65px;}
	
	.blue-manu{width: 100%; padding: 0 0 1% 0; min-height: auto;}
	.blue-manu h2{line-height: 30px; margin-top: 0; font-size: 30px;}
	.blue-manu h2 span{font-size: 20px;}
	.white-manu{width: 100%;  min-height: auto;}
	.white-manu img{margin-bottom: 15px;}
	.grid-inventory {grid-template-columns: repeat(2, 1fr);}
	
.blue-contact-bar .left{display: block; text-align: center;}
.blue-contact-bar .right{float: none;text-align: center;display: block; margin-top: 20px;}
	.blue-contact-bar h3{font-size: 20px; text-align: center;}
	.blue-contact-bar .wrapper-inner{padding:15px 0;}

}


@media screen and (max-width:649px){
	footer .fa{font: 20px;}
}

@media screen and (max-width:550px){
.grid-inventory {grid-template-columns: repeat(1, 1fr);}
	}
@media screen and (max-width:490px){
	.footer-divider {margin-top: -215px;}
}