@import url("https://use.typekit.net/dbf0yot.css");
/*===================== 
	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%;}


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

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    overflow-x: hidden!important;
  scroll-behavior: smooth;
	}

body {
	font-family: 'pt-sans', sans-serif !important; 
    margin: 0;
	padding:0;
    overflow-x:hidden!important;
    letter-spacing:1px;
    font-weight:100
	}

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




/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {}
	h2 {}
	h3 {}
	h4 {font-size:19px;}
	h5 {font-size:18px}
	h6 {font-size:15px;}

p {margin: 0;}

a{text-decoration:none}


.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Pop up */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}

.popup{
width: 100%;
margin:0 auto;
padding-top:320px;
background: rgba(0,0,0,.8);
top:0;
display: none;
position: fixed;
z-index: 101;
    overflow-y: scroll;
    height: 100%;
}

.popcontainer{
width:90%;
max-width: 600px;
min-height: 150px;
margin:0 auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 20px;
box-shadow: 0 2px 5px #000;
}

.popcontainer img{
max-width:200px;
width:100%;
display:block;
}

.pop-btns{display:flex; flex-direction:row; flex-wrap:wrap;}
.pop-link {
color: #fff;
background-color:#000;
padding:15px;
width:calc(33.33% - 10px); 
border-radius:5px;
box-sizing:border-box;
margin:5px;
font-weight: 400;
font-size:15px;
font-family: 'Oswald',sans-serif;
}

.popcontainer .close{
float: right;
height: 35px;
left: 60px;
font-size:25px;
color:#fff;
border:solid 2px #fff;
border-radius:50%;
position: relative;
padding-left:8px;
top: -15px;
width: 34px;
}

.popcontainer p.bold{font-size:25px; font-weight:500!important; color:#000; font-family: 'montserrat', sans-serif; }
.popcontainer p{font-size:18px; line-height:1; color:#696969; padding:5px 0;}
.popcontainer .close:hover{
cursor: pointer;
}


html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
.clear { clear: both;}


.header-info button{background-color:transparent; cursor:pointer;}

/*===================== 
	header styles 
=======================*/
.socials, .header-info{
	width: 50%;
	align-content: space-around;
	text-align: right;
}
.location-contact, .logo-wrap{
	width: 50%;
	align-content: space-around;
	text-align: left;
}
.header-logos{
    
    margin-top:-60px;
	max-width:1150px; 
	margin:0 auto;
	width:100%;

}    
	.top-wrap{max-width:1150px; margin:0 auto; width:100%; display:flex; flex-direction:row; justify-content: space-between;}
/*----------mega------------------*/


.new-drop{background-color:#F0F0F0; position:relative; z-index:400; margin:0 auto; left:-12%; display:block; width:1200px;}
.column{width:25%; padding-bottom:10px; box-sizing:border-box;}
.col{width:85%; margin: 0 auto; box-sizing:border-box;}
.column a{ line-height:24px; text-align:left!important; border-top:none!important; padding:2px 12px 0 12px!important;}
.column p{border:none!important; font-size:15px!important;font-weight:600; padding:5px 0; }
.new-row{display:flex; flex-direction:row; width:100%; padding:20px 0 20px 0;}
.col a:hover{background-color:#D9D9D9; color:#000!important;}

.mega-row{padding:40px 50px 20px 40px; display:flex; flex-direction:row; justify-content:space-between;}
.new-drop p.bold{font-size:28px!important; text-transform:uppercase; color:#333; font-weight:400!important; text-align:left!important; font-family:'Anton', sans-serif;}

.col a.large{font-size:28px!important; text-transform:uppercase; color:#333; font-weight:400!important; text-align:left!important; font-family:'Anton', sans-serif; padding-top:25px!important;}
.col a.large:hover{background-color:#f0f0f0!important; color:#000!important;}

.top-header{padding:10px 30px;text-align:right;background:#ccc;display: flex;justify-content: space-around;border-bottom:1px solid rgba(116,116,116,1.00)}
.top-header i{color:#191919;padding:0 10px;font-size:16px}
.location-contact p, .location-contact p a{color:#191919; font-size:14px;}


.header-wrap {
	width: 100%;
	margin: 0;
    height:180px;
}

.main-header{
    padding:10px 30px 2px 30px;
    display:block;
    overflow:auto;
    background:#222222;
    background-size: cover;
}

.logo-wrap{
    float:left;
}

.logo-wrap img{width:auto;max-width:200px; padding-top:15px;}

.header-nav{
    width:100%;
    background:#bbbbbb;
    border-bottom:1px solid #222
}


.inv-header{
    display:block;
    overflow:auto;
    border-bottom:1px solid #B6B6B6;
    padding:60px 30px;
}


.button-header h1{
    font-size:20px;
    font-family: 'anton', sans-serif !important;
    letter-spacing: .2px;
    color:#333333;
    line-height:50px
}


.button-section{
    width: 90%;
    max-width: 1200px;
}

.button-column{
    float:left;
    width: 20%;
    transition:.3s ease;
}
.button-column2{
	width:100%;
}
.button-column2 .location-section{background:#f6a800;}
.top-invbtn{
    text-align:center;
    color:#fff;
    margin:2px;
    text-decoration:none;
    transition:.2s ease;
    overflow:hidden
}

.button-column:hover{opacity:.8}

.image-section{
    background:#000;
    padding:5px;
    display:block;
    height:auto;
    text-align:center
}

.image-section img{width:80%;max-width:200px}

.location-section{
    color:#fff;
    background:#252525;
    border-top:2px solid #fff;
	padding:18px 0;
}

.location-section p{
    letter-spacing:0px;
    font-size:20px;
	font-weight:800;
}

#myVideo {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    opacity: .5;
    transform: translateX(-50%) translateY(-50%);
}

.hide-financing{display:none}

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


#menu-button{display:none;}

nav.mobile {display:none;}

nav.primary ul li a .click{
    cursor:pointer;
    z-index: 12399994;
    top:0;
    right:0;
    width:auto;
    height:auto;
}

nav.primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
}

nav.primary ul {
    margin:0; 
    padding:0;
	padding-bottom:15px;
}

.drop-menu {
    margin:0; 
    padding:0;
}

nav.primary ul li {
    display:inline-block;
    list-style-type:none; 
    margin-right:-5px;
    height:40px!important
}

nav.primary ul li a {
    color:#000!important;
    font-size:16px;
    text-decoration:none;
    display:block;
	height:100%;
    padding:8px 17px 35px 17px;
    font-weight:900;
    letter-spacing: 0px;
    font-family:'pt-sans', sans-serif;
    text-align:center;
    border-top:3px solid #bbbbbb
}	
nav.primary ul li a i{font-size:12px; padding-left:5px;}
nav.primary ul li a:hover{color:#6d6d6d!important;border-color:#6d6d6d}


nav.primary ul li li a { 
	font-size:14px;
	font-weight:600;
	line-height:20px;
	padding:14px 0 12px 20px;
	color:#fff;
    margin:0!important;
	background:#C5C5C5;
	text-align:left;
    border-top:0!important;
	border-right:none;
	border-left:none;}
/* Appearance of the sub-level links on hover */
nav.primary ul li li a:hover { 
	background-color:#dadbdc;
	color:#000!important;
	border-top:none!important;
}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:-3px!important; 
}
nav.primary ul li:hover > ul {  
    display: flex;
    line-height:18px; 
    z-index: 100;
	flex-flow:column wrap;
	top:41px;
}
nav.primary ul ul li {
    float: none; 
	width: 200px;
    position: relative;
    margin:0;
	height:auto!important;
}


/*===================== 
	inventory styles 
=======================*/

.cf-wrapper{margin:30px 0px}

.list-content{background:#fff;padding:15px}
.legal-text-container{background:#fff;padding:0px 15px!important}

.list-content .list-top-section .sticky-top-menu{display:none}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link,.paging-container .page-navs .page-nav {background:#f6a800!important}

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

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

.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, .list-content .list-listing-mobile .video-chat-link{background-color:#f6a800!important}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text{color:#f6a800!important;border:1px solid #f6a800!important}

.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{background-color:#f6a800!important}

.list-container-flexrow .price-container .price{color:#f6a800!important}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{background-color:#f6a800!important}

.detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price{color:#f6a800!important}

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

.detail-content .search-results{color:#f6a800!important}

.faceted-search-content .selected-facets-container .selected-facet{background-color:#f6a800!important}

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

.list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .contact-btn, .list-content .list-listing-mobile .check-availability, .list-content .list-listing-mobile .email-seller, .list-content .list-listing-mobile .video-chat, .list-content .list-listing-mobile .facebook-messenger, .list-content .list-listing-mobile .whatsapp, .list-content .list-listing-mobile .text{background-color:#f6a800!important}

.paging-container .page-navs .list-page-nav{background-color:#f6a800!important}

.fin-calc{color:#000!important}
.dealer-name{color:#000!important}
.dealer-company-header{color:#000!important}
.address{color:#000!important}
.spec-value{color:#000!important}

.contact-options a, .fin-calc-mobile>a{background-color:#f6a800!important}
.detail-content-mobile .share-listing{color:#000!important}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{flex:none!important;}
.show-all-modal .all-options-container .option-container div{width:100%!important;}

/*===================== 
	footer styles 
=======================*/
.top-footer{
    background:#000;
    display:block;
    overflow:auto;
    border-top:15px solid #383636;
    padding:50px 15px 30px
}

.top-footer-margin{margin:0 auto;width:auto;max-width:1200px}

.footer-socials{color:#FFF!important;font-size:20px!important;text-align:right;margin-top:50px}
.footer-socials a{margin:0 7px}

.footer-col{
    float:left;
    width:25%
}

.col-padding{padding:0 30px}

.col4 a{color:#fff!important;margin-top:40px;display:block}

.footer-col h4, .footer-col p{font-size:14px!important;color:#fff}
.footer-col h4{margin-bottom:15px}

.footer-col img{max-width:200px;width:100%}

.bottom-footer{
    background:#2A2A2A;
    padding:30px 5px
}

.bottom-footer p{
    color:#fff!important;
    letter-spacing:0px;
    font-size:13px
}

.bottom-footer a{
    color:#fff;
    text-decoration:none;
    transition:.4s ease
}

.bottom-footer a:hover{
    color:#C1C1C1
}

.footer-socials a{margin:0 8px;}

.footer-logo-wrap{width:75%;margin:0 auto;max-width:1200px;}

.footer-socials{text-align:right;}
.margin-left{margin-left:50px;}


#cssmenu{display:none;}

/*========================== 
	  Responsive styles 
============================*/

@media screen and (max-width: 1250px)  {  
.footer-logo-wrap{
    width:80%;
    max-width:80%
}
	
	.new-drop{width:100vw; left:-14%}
}

@media screen and (max-width: 1100px)  {  
    
.top-header{text-align:center; margin-bottom: -10px;}

#cssmenu{display:block;}
    
.hide-financing{
    display:block;
    overflow:auto;
    padding:10px;
    border-top:2px solid #232323;
    background:#000;
}
    
.hide-financing a{color:#fff}
	
	.main-header-wrap{display:flex;justify-content: center;}
	.header-info{display:flex;justify-content: center;}
	.logo-wrap a{display:flex;justify-content: center;}
    
/* mobile nav */	
    
nav.primary ul{display:none;}
 /*   
#menu-button{ 
    width: 100%;
    display: block;
    font-size: 24px;
    position: relative;
    line-height:40px;
    z-index: 400;
    float:right
}
    
#menu-button a{
    color:#8E8E8E;
    text-decoration: none;
    font-weight:normal;
    float:right;
	margin-right: 40px;
}
    
nav.mobile {
    display:block;
    position: fixed;

    top: 0;
    left: -270px;
    width:270px;
    height: 100%;
    background:#171717;
    z-index: 500;
    overflow:auto;
}

nav.mobile .mobile_top {
    position: relative;
    display:block;
    padding: 0;
    margin:15px 0px 10px 0px;
    color: #999;
    font-size: 18px;
    font-weight: 400;
}

/* menu 'x' button */
/*    
nav.mobile .menu-toggle {
    position: absolute;
    padding: 3px 8px 3px;
    font-family: Arial, sans-serif;
    font-size:25px;
    font-weight: thin;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    top:2px;
    z-index:9999;
    right:10px;
	}
    

/* menu list */
 /*   
nav.mobile ul {
    list-style: none;
    font-weight: 300;
    padding:0px !important;
    margin:0px !important;
    padding-inline-start: 0px !important;
}
    
.list{
    border-top:1px solid #626262;
    background:#626262
}
    
    
ul.list li{
    border-bottom:1px solid #626262 !important;
}
    
ul.list li a{
    transition:.3s ease
}    
    
ul.list li a:hover{
    background:#626262;
}
     
nav.mobile ul li {
    position:relative;
    padding:none !important;
    border-bottom:1px solid #242424;
    transition:.3s ease
}
    
nav.mobile ul li:hover{
     background:#242424;
}

nav.mobile ul li a {
    position: relative;
    display: block;
    font-size:14px;
    color: #fff;
    text-decoration: none;
    font-family:'pt-sans', sans-serif !important;
    font-weight:500;
     padding: 15px 10px;
    letter-spacing:0px
}

nav.mobile ul li .fa-chevron-down {
    color:#fff;
    font-size:12px;
    margin-top:-3px
}
 */   
    

.logo-wrap img{
    width:90%!important
}     
    
.header-info img{
    width:100%!important;
	max-width:200px;
	height:auto;
}  
    
.header-wrap {
	width: 100%;
	margin: 0;
    height:auto!important;
}

.main-header{
    padding:30px;
}

.logo-wrap{
    margin-top:10px
}
	.top-header{padding:10px;}
.header-info{
    float:none;
    text-align:left;
    margin-top:10px
}

.header-nav{border-top:0px solid #232323}

    
.inv-header{
    display:block;
    overflow:auto;
    border-bottom:1px solid #B6B6B6;
    padding:30px;
}

.button-header{display:none}

.button-section{float:none}

.image-section{
    background:#000;
    padding:5px;
    display:block;
    text-align:center
}    
    
.button-column{
    float:none;
    width:100%;
    text-align:center;
    margin:6px 0px;
}

.button-column img{display:block;margin:0 auto}
       
}


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

    
.mover{margin-top:-30px}
    
.bottom-footer p{font-size:11px}
}

@media screen and (max-width: 800px)  {
	.sm-col{display:flex;flex-flow: column wrap;}
	.footer-logo-wrap{width:100%;margin:0;max-width:100%;}
	.footer-col{width:90%;}
	.footer-col h4{margin-top:30px;margin-bottom:0px}
	.footer-logo-wrap .footer-socials{text-align:center;}
	.margin-left{margin-left:0;}
	.location-contact, .top-header .socials{margin-bottom:15px;}
	.location-contact{margin-top:7px;}
	.top-header i{padding:0 7px;}
	.footer-col p{margin-bottom:20px;}
	.popcontainer .close{left:10px; color:#000; border:solid 2px #000;}

}


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

.footer-col img{max-width:200px;width:100%}
.footer-logo-wrap{
    width:100%;
    max-width:100%
} 
	.pop-link{width:100%;}
	.popup{padding-top:220px;}
}

	
@media screen and (max-width: 450px)  {
.button-section{margin-top:0px}
}