@charset "utf-8";

.containerL { width: 95%; max-width: 1000px; margin: 0 auto; }
.containerL2 { width: 95%; max-width: 1280px; margin: 0 auto; }
.containerL3 { width: 95%; max-width: 1620px; margin: 0 auto; } 

html {

}
body {
    font-family: 'Lato', sans-serif;
    font-size:1em;
    color: #000;
    padding-top: 41px;
}    

body,html{

}
.bg-2 {
    background-color: #f5f5f5;
}
.card-height {
    min-height: 200px;
}
a:link {	
    color: #064791;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;   
}

a:visited {
    color: #064791;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

a:hover {
    color: #064791;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.navbar-nav > li > .dropdown-menu { background-color: #fff;border:1px solid #ddd; }
.navbar-nav > li > .dropdown-menu a:link {   color: #494949;font-size:14px;font-weight: 600;text-transform:uppercase;text-decoration: none;  }
.navbar-nav > li > .dropdown-menu a:visited { color: #494949;font-size:14px;font-weight: 600;text-transform:uppercase;text-decoration: none; }
.navbar-nav > li > .dropdown-menu a:hover { color: #D50D0D;font-size:14px;font-weight: 600;text-transform:uppercase;text-decoration: underline;background-color:#fff !important; }
p {
    font-size:1.2em;
    line-height:1.4em;
    margin:0.1em 0;
    padding:0;
    color:#333333;
    font-family: 'Lato', sans-serif;
}

.border {
    border: 1px solid #000 !important;
}

.req_box {
    margin: .1em .1em .1em .1em;
    padding: .9em .9em .9em .9em;
    border: 2px solid #FF0000;
    color:#ff0000;
}

.head-bar {
    background-color:#fff !important;
    border-bottom:1px solid #ddd;
    box-shadow: rgba(51, 51, 51, 0.1) 0 1px 4px 0;
    z-index:1031 !important;
}

.headerBg {
    min-height:40px;    
}

.headerLogo {

}

.logo {  
    width:100%;
    min-width: 125px;
    max-width:150px;
}

.header_main {
    margin: 1em auto auto auto;
    padding:0;
    font-size: 2em;
    font-weight: bold;
}

.footer1 {
    background-color: #001122; 
}
.footer2 {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #fff;
    font-size:18px;
    line-height:30px;
}
.footer_top {
    padding-top:1em;
    min-height:11px;  
    background-color: #fff;   
}
.footerLogo {
    display:inline-block; 
    border:#999 dotted 0px;
    vertical-align:top;
}

.footer_logo {  
    width: 100%;
    height: auto !important;
    max-width:350px;
    max-height:80px;
    width: auto\9;
    text-align: center;

/*    background-color: #fff !important;*/
}
.footertxt {
    color: #5c5c5c;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

.footerlnk:link {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;		
    font-size: 16px
}

.footerlnk:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;		
    font-size: 16px;
}

.footerlnk:hover {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;		
    font-size: 16px;
}

.footerlnk2:link {
    color: #919191;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;		
    font-size: 16px;
}

.footerlnk2:visited {
    color: #919191;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;		
    font-size: 16px;
}

.footerlnk2:hover {
    color: #919191;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;		
    font-size: 16px;
}
.footerlnk3:link {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-style: normal;		
    font-size: 16px;
}

.footerlnk3:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-style: normal;		
    font-size: 16px;
}

.footerlnk3:hover {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-style: normal;		
    font-size: 16px;
}
.btn-lnk {
    background: #D50D0D;  
    background-image: linear-gradient(to right, #f41e1e 10%, #D50D0D 90%);    
    color:#fff;
    font-size: 18px; 
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Lato",sans-serif;  
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.15);
    letter-spacing: 4px;      
}
.btn-lnk:link {
    color:#FFF;    
}

.btn-lnk:visited {
    color:#FFF;         
}

.btn-lnk:hover {
    color:#FFF;    
}

.btn-lnk-b {
    background: #D50D0D;  
    background-image: linear-gradient(to right, #ff8635 10%, #D50D0D 90%);    
    color:#fff;
    font-size: 20px; 
    font-weight: 900;
    text-transform: uppercase;
    font-family: "Lato",sans-serif;  
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.15);
    letter-spacing: 2px;     
}
.btn-lnk-b:link {
    color:#FFF;    
}

.btn-lnk-b:visited {
    color:#FFF;         
}

.btn-lnk-b:hover {
    color:#FFF;    
    background-color: #5b83c8;
    background-image: none;
}

INPUT.submitBtn {
    background: #D50D0D; 
    background-image: linear-gradient(to right, #f41e1e 10%, #D50D0D 90%);
    color:#fff;
    font-size: 14px !important; 
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Lato",sans-serif;  
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.15);
    letter-spacing: 4px;      
}
INPUT.submitBtn:hover {
    background: #ff1616; 
    cursor: pointer;
}

.submitBtn {
    background: #D50D0D; 
    background-image: linear-gradient(to right, #f41e1e 10%, #D50D0D 90%);
    color:#fff;
    font-size: 14px !important; 
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Lato",sans-serif;  
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.15);
    letter-spacing: 4px;      
}
.submitBtn:hover {
    background: #ff1616; 
    cursor: pointer;
}

.buttonMenuLnk {
    background: #D50D0D;  
    color:#fff;
    margin-bottom:0;
    font-size: 18px; 
    font-weight: 600;
}

.buttonMenuLnk:link {
    background: #D50D0D; 
    color:#fff;
    margin-bottom:0;
    font-size: 18px; 
    font-weight: 600;
}

.buttonMenuLnk:visited {
    background: #D50D0D; 
    color:#fff;
    margin-bottom:0;  
    font-size: 18px; 
    font-weight: 600;  
}

.buttonMenuLnk:hover {
    background: #D50D0D; 
    color:#fff;
    margin-bottom:0;
    font-size: 18px; 
    font-weight: 600;  
}

.buttonMenuLnk2 {
    background: #fff;  
    font-size: 12px; 
    font-weight: 400;
    font-family: "Lato",sans-serif; 
    border: 1px solid #000;
    text-transform: uppercase;        
}
.buttonMenuLnk2:link {
    color:#000;    
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.15);
    letter-spacing: 1px;   
}

.buttonMenuLnk2:visited {
    color:#000;    
    letter-spacing: 1px;        
}

.buttonMenuLnk2:hover {
    color:#FFF;    
    background: #000;
    text-decoration: none;
    letter-spacing: 1px;
}

.topMenuItem1:link {
	color: #000 !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;
        text-transform: uppercase;
}

.topMenuItem1:visited {
	color: #000 !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;
        text-transform: uppercase;
}

.topMenuItem1:hover {
	color: #D50D0D !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;        
        text-transform: uppercase;
}    

.accordion-head {
    color: #000;
    background-color: #f1f1f1;
    font-size: 1.3em;    	
    cursor: pointer;  
}

.accordion-content {
}

.search-top {
    margin-top:62px;
}    
.srp-results {
    margin-top:62px;
}

.menuboxhead {
    color: #000;
    background-color: #f1f1f1;      
    font-style: normal;
    font-weight: normal;
    font-size: 1.3em;    
    text-decoration: none;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    border-left: 1px solid #ccc;	
    padding-top: .2em;
    padding-left: .6em;
    padding-bottom: .2em;      
}

.menuBoxCnt {
	border: 1px solid #ccc;
        padding-right: 1em;
        padding-left: 1em;
}
.bg-content-1 {
    background-color:#f5f5f5;    
}

.veh_title_base {
     
}
.veh_title {
    font-size:1.5em; 
    color: #000;
    margin:auto auto auto auto;
    padding:0;
    font-weight:400;     
  
}
.veh_topline {
    font-size:12px;
    line-height: 18px;
    border: 1px solid #dddddd;
    box-shadow: 0 3px 5px 2px rgba(0,0,0,0.25);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1em;
/*    
    border: 1px solid #03346c;
    background-color: #fffdfb;
    padding-top: 1em;
    padding-bottom:1em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;       
*/
}
.veh_box {

}
.veh_edge {
    background-color:#fff;
    border: 1px solid #fff;
/*    
    min-height:500px;
    border: 1px solid #bebebe;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;       
*/
}
.veh_edge:hover {  
    border: 1px solid #dddddd;
    box-shadow: 0 3px 5px 2px rgba(0,0,0,0.25);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;       
}
.veh_img {
    border: 1px solid #bebebe;
/*    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;     
    width:800px;
*/
}

.vehiclePhotoBox {

}
.veh-price {
    color: #D50D0D;
    font-weight:bold;    
    font-size: 2em;
}
.salePending {
    background: #D50D0D;
    color: white;
    padding: 0px 14px;
    width: fit-content;
    position: relative;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 6px;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;  
}
.salePending::after {
    position: absolute;
    right: -10px;
    top: 0px;
    height: 24px;
    width: 20px;
    background-color: #D50D0D;
    color: #D50D0D;
    transform: skewX(-23deg);
    content: close-quote;
}
.search1-input {
    font-size: 1em !important;
    padding: 1.5em !important;
    border: 1px solid #D50D0D !important; 
    color: #000;
    
}
.search1-input::placeholder {
  color: #777777;
  font-size: 1em;
  font-style: normal;
}
.search1-text {
    font-weight:bold;
    font-size:1em;
    line-height:1em;
    margin-top:.6em;    
    color: #777777
}
.search2-input {
    font-size: 1em !important;
    padding: 1.75em !important;
    border: 1px solid #D50D0D !important; 
    color: #000;
    
}
.search2-input::placeholder {
  color: #777777;
  font-size: 1em;
  font-style: normal;
}
.search2-text {
    font-weight:bold;
    font-size:1em;
    line-height:1em;
    margin-top:.6em;    
    color: #777777
}
table {
    width:100%;
    border:0;
}
td { 
    display:block !important;
    clear:both;
    width: 100% !important;
}  
td img {
    max-width:100% !important;
    height:auto;
    display:block;
    padding:.2em;
} 

#videobanner #videooverlay {
    position: absolute;
    top: 22%;
    left: 0;
    width: 100%;  
}

.req_box {
    margin: .1em .1em .1em .1em;
    padding: .9em .9em .9em .9em;
    border: 2px solid #FF0000;
    color:#ff0000;
}
.reqvalue {
    color:#ff0000;
    font-size:1.2em;
    line-height:.8em;    
}
.req_box_field {
    border: 2px solid #FF0000;
    color:#ff0000;
}
.hero-panel {
    background: linear-gradient(100deg, #D50D0D 80.9%, #fff 81%);
}
.h-text-lg {
    font-size: 4.1em !important;
}
.blackbook-frame {
    margin-top: 10px;
    padding-bottom: 306.25%;
}
.review-frame {
    margin-top: 10px;    
    padding-bottom: 306.25%;
}
.instant-trade-frame {
    margin-top: 2px;
    padding-bottom: 656.25%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
    
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 99%;
    height: 100%;
}
.full-page-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
    
.full-page-video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 99%;
    height: 100%;
}
.gallery-body { 
/*    height:1000px; */
    
}

.coupon-box{
    margin-top: 1em;
}
.coupon-border {
    border: 3px dashed #bcbcbc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;       
}
.coupon-head {
    padding: .8em;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #f5f5f5;    
    border-bottom: 1px solid #dddddd;    
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;       
    -webkit-border-top-right-radius: 8px;     
}

.coupon-foot {
    padding: 1em;
    background-color: #f5f5f5;    
    border-top: 1px solid #dddddd;    
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;       
    -webkit-border-bottom-right-radius: 8px;     
}

.coupon-disclaimer {
    color: #bcbcbc;
    font-weight: bold;
    font-size: .7em;
    margin-top: 2em;
    margin-bottom: 2em;
}
.coupon-code {
    color: #333333;
    font-weight: bold;
    font-size: .8em;
}
.coupon-expire {
    color: #f34235;
    font-weight: bold;
    font-size: .8em;
}
.coupon-print a {
    color: #f34235;
    font-weight: normal;
    font-size: 1.2em;
}
.filter-top {
    margin-top:113px !important;
    background-color:#fff;
    border-bottom:1px solid #ddd;    
} 
.srp-results {
    margin-top:90px !important;
}
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
.buttonMenuLnk2:link {
    letter-spacing: 3px;   
}

.buttonMenuLnk2:visited {
    letter-spacing: 3px;        
}

.buttonMenuLnk2:hover {
    letter-spacing: 3px;
}
#videobanner #videooverlay {
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;  
}
.headerLogo {     
}
.logo {  
    width:100%;
    max-width:150px;
}

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {   

.filter-top {
    margin-top:113px !important;
    background-color:#fff;
    border-bottom:1px solid #ddd;    
}        
    
.srp-results {
    margin-top:96px !important;
}
    
#videobanner #videooverlay {
    position: absolute;
    top: 42%;
    left: 0;
    width: 100%;  
}
.hero-panel {
    background: linear-gradient(100deg, #D50D0D 70.9%, #fff 71%);
}
.full-page-video-container {
    padding-bottom: 126.25%;
}
.blackbook-frame {
    margin-top: 10px;
    padding-bottom: 86.25%;
}
.review-frame {
    margin-top: 10px;
    padding-bottom: 76.25%;
}
.instant-trade-frame {
    margin-top: 2px;
    height: 2000px;
}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    
body { 
    padding-top: 41px; 
}

.dropdown-menu {
  margin-top: 0;
}    
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    /*pointer-events: none;*/
}
.headerBg {
    min-height:55px; 
}
.headerLogo {
    width:100%;
    min-width:100px;
    max-width:150px;      
    margin:0 auto 0 auto;   
}
.logo {  
    min-width:100px;
    max-width:150px;
}
.buttonMenuLnk2 {
    background: #fff;  
    font-size: 14px; 
    font-weight: 400;
    font-family: "Lato",sans-serif; 
    border: 1px solid #000;
    text-transform: uppercase;   
    padding:.8em 2.2em .8em 2.2em !important;  
    margin-right:9em;    
}
.buttonMenuLnk2:link {
    color:#000;    
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.15);
    letter-spacing: 3px;   
}

.buttonMenuLnk2:visited {
    color:#000;    
    letter-spacing: 3px;        
}

.buttonMenuLnk2:hover {
    color:#FFF;    
    background: #000;
    text-decoration: none;
    letter-spacing: 3px;
}
.topMenuItem1:link {
	color: #000 !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
        text-transform: uppercase;
}
.topMenuItem1:visited {
	color: #000 !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
        text-transform: uppercase;
}
.topMenuItem1:hover {
	color: #D50D0D !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;        
        text-transform: uppercase;
}  

.hTextLnk:link {
	color: #fff !important;
	text-decoration: underline;
	font-weight: 600;
	font-size: 1.2em;      
        line-height: 1.2em;
        text-transform: normal;
}
.hTextLnk:visited {
	color: #fff !important;
	text-decoration: underline;
	font-weight: 600;
	font-size: 1.2em;      
        line-height: 1.2em;
        text-transform: normal;
}
.hTextLnk:hover {
	color: #fff !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.2em;      
        line-height: 1.2em;
        text-transform: normal;
}
.srp-results {
    margin-top:100px !important;
}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
.srp-results {
    margin-top:145px;
}
}