@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	line-height:1!important;
	font-family: 'Raleway', sans-serif;
}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

/****************************************************************************hover easing style


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



/*============================
HEADER
============================*/

header {
	width:100%;
	float:left;
}

.tophead {
	width:100%;
	float:left;
	background-color: white;
	background-size:cover;
	padding:20px 0;
}

.tophead p {
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	text-align:right;
	color:#1a3f92;
	padding:15px 0;
}

.bottomright h3 {
	font-family: 'Raleway', sans-serif;
	font-weight:800;
	text-align:right;
	text-transform:uppercase;
	border-top:1px solid #1a3f92;
	color:#1a3f92;
	padding:15px 0;
}

.wrap {
	width:95%;
	margin:0 auto;
	max-width:1400px;
}

.logo {
	width:180px;
	float:left;
}

.logo img {
	width:100%;
	float:left;
	max-width:230px;
	padding-right:30px;
	box-sizing:border-box;
}

.righthead {
	width:calc(100% - 230px);
	float:left;
}

.topright {
	width:100%;
	float:right;
}

.topright a {
color:#1a3f92;	
}

.topright a .fa {
	
}

.topright a:hover {
	color:#ffc709;
}

.bottomright {
	float:right;
	
}



.newp {
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	text-align:left !important;
	color:#1a3f92;
	padding:15px 0;
}






/*******************************************************************SLIDESHOW***************************************************************/
.slide-contain {
	width:100%;
float:left;

position:relative;
	z-index:0;
	margin-top:-0px;

}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left; }

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#D30003; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#001f66;}
.pager > * { cursor:pointer;}


/*===========================
CTAS
===========================*/

.ctas {
	width:100%;
	float:left;
	background:#fff;
	padding:30px 0;
	border-top:5px solid #1a3f92;
}

.ctathird {
	width:31.33%;
	float:left;
	margin:0 1%;
	padding:20px;
	box-sizing:border-box;
}

.ctapads {
	width:100%;
	float:left;
	padding:70px 10px;
	box-sizing:border-box;
}

.borderhover {
	width:100%;
	float:left;
	box-sizing:border-box;
	border:5px solid rgba(255,255,255,0.00)
}

.ctas h3 {
	width:100%;
	float:left;
	text-align:center;
	color:#ffc709;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:5px;
}


.ctas h2 {
	text-align:Center;
	width:100%;
	float:left;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-size:35px;
	text-shadow:1px 1px 5px #000;
	text-transform:uppercase
}

#contacts {
    background-image: url("../siteart/Home Page Photos/cta3.jpg");
	background-size:cover;
	background-position:center;
    background-color: #000
}

#inventory {
    background-image: url("../siteart/Home Page Photos/cta2.jpg");
	background-size:cover;
	background-position:center;
    background-color: #000
}

#financing {
    background-image: url("../siteart/Home Page Photos/cta1.jpg");
	background-size:cover;
	background-position:center;
    background-color: #000
}

.ctathird:hover .borderhover {
	border:5px solid rgba(255,199,9,0.60)
}


.experience {
    text-align: center;
    color: #1a3f92;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    display: block;
}

.boldspot {font-weight: 800 !important;}

.expimg {max-height: 60px; max-width: 100%; height: auto; display:block; margin: auto;}

.newwrap {margin: auto; display: block; width: 75%;}

.slider-wrapper > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-wrapper > .myvid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("/siteart/New Testimonial Background.jpg");
    background-position: center; 
    background-repeat: no-repeat;
}




.slider-wrapper {
    position: relative;
    overflow: hidden;
}
.vidslider {
    position: relative;
    background-image: url("/siteart/New Testimonial Background.jpg");
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
}
.vtext{
    margin: 0; display: block;
    padding-bottom: 25px; text-align: center !important;
    font-family: 'Raleway', sans-serif;
    font-size: 21px; color: #1b2241 !important;
}


.vidslider > p {
    margin: auto; display: block; width: 75%; 
    padding-bottom: 25px; text-align: center !important;
    color: #1b2241 !important;
}


.slider-wrapper,
.vidslider,
.viditems {
    max-height: 500px;
    color: #fff;
}
.viditems {
    padding: 5em;
}


.myicon {max-height: 20px; max-width: 100%; height: auto; display:inline-block;}


/* Outer container - the padding will keep the container the correct proportions for the video */
.mybanner {
  position: relative;
  padding-bottom: 56.2%;
  width: 100%;
  overflow: hidden;
}

.videoembed {

  /*z-index: -99; */
  width: 100%; 
  height: 100%;
  background: #333;
}

/* If you want to include the title... */
.banner-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  padding: 20px 40px;
  text-align: center;
  box-sizing:border-box;
}

.home-hero {
    height: 20vh !important;
    width: 100% !important;
    margin: auto;
}

/*
.videowrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
*/
.home-hero {
    height: 0px !important;
    margin-top: -20px;
}
.yt-wrapper {
/*    overflow: hidden;*/
    max-width: 100%;
}
.yt-frame-container {
    position: relative;
    padding-bottom: 40.25%;
    padding-top: 25px;
    width: 300%;
    left: -100%;
    overflow: hidden;
}
.yt-frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events:none;
}
.videowrapper {
    height: 192px;
}
.ytp-title {
    display: none !important;
}
.ytp-chrome-top {
    display: none !important;
}

@media screen and (max-width: 767px){
    .yt-frame-container iframe {
        aspect-ratio: 16/9;
        pointer-events:none;
    }
}



/*======================
WELCOME SECTION
=======================*/

.welcomesection {
	width:100%;
	float:left;
	background:#fff;
	padding:50px 0 60px;
}

.welcomeleft h3 {
	width:100%;
	float:left;
	text-align:right;
	color:#1a3f92;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-size:20px;
	font-weight:500;
}


.welcomeleft h1 {
	width:100%;
	float:left;
	text-align:right;
	color:#1a3f92;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-size:35px;
	font-weight:800;
}

.welcomeleft p {
	font-family: 'Raleway', sans-serif;
	color:#1a3f92;
	font-size:18px;
	width:100%;
	float:left;
	text-align:right;
	line-height:28px;
	margin-top:20px;
}

.welcomeleft {
	width:100%;
	float:left;
	padding-right:0px;
	box-sizing:border-box;
	margin-top:0px;
}

.centers {
	text-align:center!important;
}

.videoright {
	width:500px;
	float:right;
}

.bluesection {
	width:100%;
	float:left;
	padding:50px 0;
	box-sizing:border-box;
	background:url("../siteart/bluesection.jpg");
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
    background-color: #000000; 
}

.bluesection h3 {
	color:#fff;
	font-size:25px;
	line-height:25px;
	text-transform:uppercase;
	margin-bottom:15px;
}

.bluesection p {
	color:#fff;
	font-size:18px;
	line-height:30px;
	
}

.halfleft {
	width:50%;
	float:left;
	padding:20px 30px 20px 0;
	box-sizing:border-box;
	border-right:1px solid #fff;
}

.righthalf {
	width:50%;
	float:left;
	padding:20px 0px 20px 30px;
	box-sizing:border-box;
	
}

/*=======================
FOOTER
=======================*/
.mydivider {
    width: 100%;
    float: none;
    background: #1a3f92;
    height: 3px; margin: 25px auto; clear: both;
}


footer {
	width:100%;
	float:left;
	background:#1a3f92;
	padding:40px 0;
	border-top:1px solid #63759f;
	
}

.quick {
	width:30%;
	float:left;
}

.quick h2 {
	width:100%;
	float:left;
	font-size:30px;
	font-weight:800;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:10px;
}

.quickhalf {
	width:100%;
	float:left;
	padding-right:10px;
	box-sizing:border-box;
}

.quickhalf a {
	color:#fff;
	text-decoration:none;
}

.quickhalf a .fa {
	font-size:24px;
	margin-right:10px;
}

.quickhalf p {
	color:#fff;
	font-weight:500;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
	line-height:25px;
}

.footlogos {
	width:10%;
	float:left;
}

.footlogos img {
	width:100%;
	float:right;
	max-width:200px;
	margin-top:10px;
}

.bottomfoot {
	width:100%;
	float:left;
	background:#17254c;
	padding:15px 0;
	border-top:1px solid #63759f;
}

.bottomfoot p {
	width:50%;
	float:left;
	text-align:left;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
}


/*============================
SUBPAGES
============================*/


.submain {
	width:100%;
	float:left;
	background:#fff;
	padding:50px 0;
	border-top:5px solid #1a3f92;
}

.title {
	width:100%;
	float:left;
	background:url("../siteart/bluesection.jpg");
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
    background-color: #000;
	position:relative;
	z-index:0;
	margin-top:-56px;
	padding:156px 0 100px;
}

.title h1 {
	width:100%;
	float:left;
	font-size:50px;
	text-align:center;
	color: #fff;
	text-transform:uppercase;
	text-shadow: 2px 2px 5px #000;
}

/*==================
INVENTORY
==================*/

.hosted-content .premium-banner {
	background:#f2f2f2!important;
}

.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {
	font-size:16px;
}

/*================
GALLERY
===============*/

   #gal_container {
        	WIDTH:100%;
	   FLOAT:LEFT;
        	margin:0 auto;
        	text-align:center;
        }
        #gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
        	height:135px;
        	margin:0 5px 5px 0;
        	border:1px #666666 solid;
}

.breakers {
	width:100%;
	float:left;
	border-top:1px solid #aaa;
	margin:30px 0;
}

.submain h2 {
	text-align:center;
	margin-bottom:10px;
}
/*=====================
CONTACT US PAGE
======================*/
			
			.infoleft {
				width:100%;
				float:left;
				max-width:400px;
				padding-right:20px;
				box-sizing:border-box;
			}

.mapright {
	width:calc(100% - 400px);
	float:left;
}

.submain p {
	font-size:18px;
	line-height:28px;
}

.staffbox {
	width:100%;
	float:left;
	padding:20px;
	box-sizing:border-box;
	border:1px solid #aaa;
	margin-bottom:20px;
}

.staffbox > .bio {
    float: left;
    width: 80%;
}


.staffbox > .profilepic > img {
	width:100%;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
	box-sizing:border-box;
}

.staffbox > .profilepic {
    float:left;
    width: 18%;
}



.staffbox h3 a {
	color:#1a3f92;
	font-size:12px;
}

.staffbox h3 {
	margin-bottom:20px;
}

.formsa p a{
	background:#1a3f92;
	padding:10px 30px;
	box-sizing:border-box;
	color:#fff;
	text-decoration:none;
	margin-bottom:5px;
	margin-top:5px;
	border-radius:5px;
	display:inline-block;
	border:1px solid #1a3f92;
}

.formsa p a:hover {
	background:#fff;
	color:#1a3f92;
}

/*=====================
INVENTORY PAGE
======================*/

.contact-info-heading h2{text-align: left!important;}
.list-content .list-error-container .info button{background-color:#1a3f92!important;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#1a3f92 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#1a3f92 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #1a3f92 !important; transition: ease all 0.2s !important;color:#FFF!important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #1a3f92 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
/**********************************************************************************************************************************************************************************************
***********************************************************************************************RESPONSIVE**************************************************************************************
***********************************************************************************************************************************************************************************************/


@media screen and (max-width: 1115px) { 
	.bottomright h3 {
		font-size:14px;
	}
	
	.tophead p {
		font-size:14px;
	}

}


@media screen and (max-width: 1000px) { 
	.ctathird {
		padding:10px;

	}
	
	.ctapads {
		padding:50px 5px;
	}
	
	.ctas h2 {
		font-size:25px;
	}
	.ctas h3 {
		font-size:14px;
	}
	
	.footlogos {
		width:430px;
		float:none;
		margin:0 auto;
		display:block;
		margin-top:30px;
	}
	
	.footlogos img {
		width:50%;
		float:left;
		max-width:200px;
		margin-right:15px;
	}
	
	.quick {
		width:50%;
		margin-bottom:30px;
	}
	
	
	.title {
		margin-top:-50px
	}
}

 


@media screen and (min-width: 876px) { 
    .hide-desktop {
        display: none !important;
    }
    .hide-mobile {
        display: block !important;
    }
}
@media screen and (max-width: 875px) { 
    .hide-desktop {
        display: block !important;
    }
    .hide-mobile {
        display: none !important;
    }
	.bottomright h3 {
		font-size:14px;
		width:100%;text-align:center;padding:5px 0;
	}
	
	.bottomright {
	display:none;
	}
	
	.topright {
		width:100%;float:left;
	}
	
	.tophead p {
		font-size:14px;
		text-align:center;
		padding:5px 0;
	}
	.righthead {
		width:100%;
		float:left;
	}
	
	
	.tophead {padding:10px 0;background:#fff;}
	.logo {
		width:100%;
		margin-bottom:10px;
	}
	
	.logo img {
		float:none;
		margin:0 auto;
		padding-right:0;
		display:block;
		max-width:150px;
	}

	.halfleft {
		width:100%;
		padding:0 0 20px 0;
		border-bottom:1px solid #fff;
		border-right:none;
		margin-bottom:20px;
	}
	
	.righthalf {
		width:100%;
		padding:0;
	}
	
	.infoleft {
		width:100%;
		max-width:100%;
		margin-bottom:20px;
	}
	
	.infoleft p {
		text-align:center;
	}
	
	.mapright {
		width:100%;
	}
    
    
    
    .experience {
    font-size: 28px;
    font-weight: 500;
    display: block;
}
    
    .bluesection {
    width: 100%;
    float: left;
    padding: 50px 0;
    box-sizing: border-box;
    background: url(../siteart/bluesection.jpg);
    background-position: center;
    background-size: cover;
   background-attachment: inherit !important;
}

    
    
    
}


@media screen and (max-width: 700px) { 
	.ctathird {
		width:100%;
		margin-right:0;margin-left:0;
		margin-bottom:15px;
		
	}
	
	.wrap {
		width:90%;
	}
    
    .staffbox > .profilepic {width:30%;}
    .staffbox > .bio {width:68%;}
    
    
    .viditems {padding: 80px 50px;}
    .vtext {font-size: 20px !important;}
    
        .experience {
    font-size: 33px;
    font-weight: 500;
    display: block;
}
    
    
    
}


@media screen and (max-width: 550px) { 
    
     .viditems {padding: 80px 25px;}
    .vtext {font-size: 18px !important;}
    
    footer > .wrap > .quick > .quickhalf {
        margin: auto !important; text-align: center !important;
    }
    
    footer > .wrap > .quick > .quickhalf > img{
        margin: auto !important; text-align: center !important;
    }
    
    footer > .wrap > .quick > h2{
        margin: auto !important; text-align: center !important;
    }
    
    
    
    
    
	.quick {
		width:100%;
	}
	
	.footlogos {
		width:100%;
		float:left;
	}
	
	.footlogos img {
		float:none;
		margin:0 auto;
		display:block;
		
	}
	
	.bottomfoot p {
		width:100%;
		text-align:center!important;
		padding:3px 0;
	}
	.formsa p a {
		width:100%;float:left;
		text-align:center;
	}
	
	.title h1 {
		font-size:40px;
	}
	.title {
		padding:130px 0 80px;
	}
    
    .staffbox > .profilepic {width:100%; clear: both;}
    .staffbox > .bio {width:100%; clear: both;}
    .staffbox > .profilepic > img {padding-right: 0px;}
    
	
}

@media screen and (max-width: 500px) { 
	.staffbox img {
		width:100%;max-width:100%;padding-right:0;
	}
}