#header {
  /* 1. Header wrapper */
}

#highlighted {
  /* 2. Highlighted (below header) wrapper */
}

#content {
  /* 3. Content wrapper */
  overflow:hidden;
}

#content-below {
  /* 4. Content Below wrapper */
}

#footer {
  /* 5. Footer wrapper */
}

/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */

/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */

/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

@media (min-width: 576px) {
  /* Small devices (576px and up). Mixin: media-breakpoint-up(sm) */
}

@media (min-width: 768px) {
  /* Medium devices (768px and up). Mixin: media-breakpoint-up(md) */
}

@media (min-width: 992px) {
  /* Large devices (992px and up). Mixin: media-breakpoint-up(lg) */
}

@media (min-width: 1200px) {
  /* X-Large devices (1200px and up). Mixin: media-breakpoint-up(xl) */
}

/* max-width */

@media (max-width: 575.98px) {
  /* Small devices (575px and down). Mixin: media-breakpoint-down(xs) */
}

@media (max-width: 767.98px) {
  /* Medium devices (767px and down). Mixin: media-breakpoint-down(sm) */
}

@media (max-width: 991.98px) {
  /* Large devices (992px and down). Mixin: media-breakpoint-down(md) */
}

@media (max-width: 1199.98px) {
  /* X-Large devices (1200px and down). Mixin: media-breakpoint-down(lg) */
}

/* target one breakpoint */

@media (min-width: 576px) and (max-width: 767.98px) {
  /* Small devices (between 576px and 767px). Mixin: media-breakpoint-only(sm) */
}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* Medium devices (tablets, between 768px and 991px). Mixin: media-breakpoint-only(md) */
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Large devices (desktops, between 992px and 1199px). Mixin: media-breakpoint-only(lg) */
}

@media (min-width: 1200px) {
  /* Extra large devices (large desktops, 1200px and up). Mixin: media-breakpoint-only(xl) */
}

/* span multiple screenwidths */

@media (min-width: 768px) {
  /* From medium to large (between 768px and 1199px). Mixin: media-breakpoint-between(md, xl)  */
}

/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */
.ol-upper-roman {
    list-style-type: upper-roman;
}
.ol-lower-alpha {
    list-style-type: lower-alpha;
}
.ol-upper-roman h3 {
    font-size: 1.5em;
}
.ol-lower-alpha h4 {
    font-size: 1.2em;
}
.pull-right{
    font-size: 14px;
    padding-bottom: 20px;  
 }
.error{    
    border-color: #c00;
    border-width: 2px;
    color: #c00;
    font-size: 14px;
  }
.success{ color:green; }  
  div.error, div.success{ padding: 10px 0; display:none; }
.dropdown-menu > button {
	text-transform:capitalize;
}
.caps {
	text-transform:uppercase;
}
.fordItem, .chevyItem, .gmcItem {
	display:block;
}
.auto-details {
	height: 90px;
}
.auto-options {
	margin: 2px;
	top: -10px;
}
.product-card {
	margin-top: 0px;
	padding: -50px 0px 50px 0px;
}
.navbar-main, .header {
	z-index:5;
}

.pb-lg-10, .py-lg-10 {
    padding: 15em 0 !important;
}
.h3, h3 {
    font-size: 2.75em;
}
.auction-prompt { text-align:center; }
.label-light { color:white; }
.navbar-expand-md .navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-expand-md .navbar-main .navbar-nav>.nav-link, .navbar-expand-md.navbar-main .navbar-nav>.nav-item>.nav-link, .navbar-expand-md.navbar-main .navbar-nav>.nav-link{ font-size:16px; }
body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link, body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link:focus, body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link:hover, body .is-sticky .sticky-header-light.header .navbar-nav>.nav-link, body .is-sticky .sticky-header-light.header .navbar-nav>.nav-link:focus, body .is-sticky .sticky-header-light.header .navbar-nav>.nav-link:hover, body .is-sticky .sticky-header-primary.header .navbar-nav>.nav-item>.nav-link, body .is-sticky .sticky-header-primary.header .navbar-nav>.nav-item>.nav-link:focus, body .is-sticky .sticky-header-primary.header .navbar-nav>.nav-item>.nav-link:hover, body .is-sticky .sticky-header-primary.header .navbar-nav>.nav-link, body .is-sticky .sticky-header-primary.header .navbar-nav>.nav-link:focus, body .is-sticky .sticky-header-primary.header .navbar-nav>.nav-link:hover { color: rgba(0,0,0,.7); }
body .is-sticky .sticky-header-light.header .header-slogan { color: #888; }
.btn-primary.read-more{ display:table; margin:0 auto; padding:10px 20px; }
.moving .btn-primary{
	display:inline-block;
	margin:20px 0;
}
.bg-white .btn-primary {
    background-color: #ddab16;
    border-color: #ddab16;
}
.btn-primary:hover {
  color: #000;
  background-color: #ccc;
  border-color: #ccc;
}
#contact{ background:#ececec; }
#contact .pb-lg-5, .py-lg-5{ padding:6.5rem 0 !important; }
hr.hr-primary { border-top-color:#ddab16; }
#header .sticky{ z-index:9; }
body .is-sticky .sticky-bg-light { background-color: #f5f5f5 !important; }
.colour-switcher, #page-header, .header-search, #subscribe-list, #call-back{ display:none; }
#content .intro{ 
    padding: 20px;
    background: #f5f5f5;
    border-right: 1px solid #ddd;  
}
#content .intro.last{ border:none !important; }
#content .intro > strong{ 
    display: block;
    margin-bottom: 20px;  
}
.row.results{ margin:0; position:relative; display:table; width:100%; }
.bg-white > h3 > span{ color:#ddab16; }
ul.heading, ul.record{ list-style:none; margin:0; padding:0; width:100%; }
ul.heading{ position:relative; z-index:1; }
ul.record{ 
	position: relative;
    z-index: 0;
    top: 0;
    transition: top 0.5s ease;
	clear:both;
}
ul.heading li, ul.record li{ padding:10px 20px; display:table-cell; width:12%; text-align:left; }
ul.record li > span{ display:none; font-weight:400; }
/* ul.heading li:nth-child(6), ul.record li:nth-child(7){ width:16%; } */
ul.heading li{ float:left; color:#fff; background:#999; }
ul.record li{ float:left; color:#666; background:none; border-bottom:1px solid #ccc; }
.clickable-element{ width:100%; }
#content  .order-lg-2{ padding:0; }
.clickable-element .display-4{ font-size: 36px; }
.bg-danger, .bg-hover-danger:hover{ background:#ddab16 !important; }
hr.hr-danger { border-top-color: #ddab16!important; }
.header .header-brand-text > img{ width:150px !important; transition:width 0.5s ease-in-out; }
.header-compact-sticky .is-sticky .header .header-brand-text > img{ width:100px !important; }
.navbar-layout-navbar-below .header {
    padding-bottom: 5px;
    padding-top: 5px;
}
hr.hr-primary.w-10, hr.hr-primary.w-20{ transition: width 1s ease; width:0; }
.auction-prompt > h3{ font-size: 20px; }
.header-compact .header, .header-compact-sticky .header.is-sticky, .header-compact-sticky .is-sticky .header{ padding:5px 0; }
.display-4 { font-size: 2.5rem; }
.lead { font-size: 1.5rem; }
#testimonials{ background:#999 !important; }
#faq div.col-lg-6{
    border: 1px solid #ccc;
    margin: 5px;
    max-width: 48%;
}
#faq h4.mt-2 a{ color:#000; }
.header-inner .header-brand div.pull-right{
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 25px;
    cursor: pointer;
    display:none;
	z-index:999;
 }
 body .is-sticky .sticky-header-light.header .header-inner .header-brand div.pull-right{ top:10px; }
 .text-primary { color: #999 !important; }
#footer{ border:none; }
#footer a{ text-decoration:none; color:#fff; }
#footer a:hover{text-decoration:underline;}
.services #contact{ background:#ececec; }
.services #content{ padding:0 !important; }
.services #about > .container {
    padding-bottom: 4.5rem;
}
#highlighted .pb-lg-10, .py-lg-10 { padding: 12em 0 !important; }
#highlighted.sub .pb-lg-10, .py-lg-10 { padding: 14em 0 10em 0 !important; }
.modal .modal-dialog { max-width: 95%; }
.navbar-expand-md.navbar-expand-collapse{ display:block; }
#auction .pt-5, #auction .py-5, .pt-3, .py-3, .p-3 { padding: 3rem !important; }
.p-3.moving{ padding:1rem 3rem !important; }
.navbar-main {
    position: absolute;
    width: 100%;
    top: 10px;
}
body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link, 
body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link:hover{ color:#444; }
.comingsoon{
	clear: both;
    padding: 50px 0;
    text-align: center;
    width: 84%;
    background: #ffc;	
}
#countdown{
    color: #fff;
    font-size: 3em;
    font-weight: 900;  
	display:none;
	height:70px;
}
#content .order-lg-2 .col-lg-6:nth-child(2){ text-align:right; }
#content .order-lg-2 .col-lg-6:nth-child(2) .btn{ margin-top:30px; }
#content .order-lg-2 .col-lg-6:nth-child(2) .btn-default{ background:#ccc; }
#content .order-lg-2 .col-lg-6:nth-child(2) .btn-default:hover{ background:#eee; }
#content .order-lg-2 .col-lg-6:nth-child(2) .btn-primary:hover{ border-color:#ddab16; }
#content .order-lg-2 .col-lg-6:nth-child(2) .btn-primary:hover{ background:#ddab16; }
#current-list, #next-list, #save-list{ display:none; }
@media (max-width:1199px){
ul.heading li, ul.record li {
    padding: 10px 5px;
    width: 12%;
    font-size: 13px;
}
}
@media (max-width:991px){
body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link, 
body .is-sticky .sticky-header-light.header .navbar-nav>.nav-item>.nav-link:hover{ color:#fff; }	
  .header-inner .header-brand div.pull-right{ display:block; }
  .navbar-expand-md.navbar-expand-collapse{ display:none; }
  ul.heading{ display:none; }
  ul.record li { 
	border: none;
    display: inline-block;
    width: 25% !important;
    float: none;  
	font-weight:700;
  }
  ul.record{ 
	border: 1px solid #ccc;
    margin: 5px;
    display: table;
    width: 100%;
    padding: 10px 10px;	
  }
  ul.record li > span { display: inline; }
  #content .order-lg-2 .mb-3, .my-3 {
    margin-bottom: 0 !important;
  }
	#content .order-lg-2 .col-lg-6:nth-child(2) { text-align: left; }
}
@media (min-width:992px){
    #auction .py-5{ max-height:750px; }
}
@media (max-width:767px){
    #auction .py-5{ padding: 3rem 6rem !important; }
    h2.my-0{ font-size:1.75em; }
    h3.mt-0.mb-2{ font-size:2em; }
	#content .intro { border:none; border-bottom: 1px solid #ddd; }
	ul.record li { width: 50% !important; }
	ul.heading li, ul.record li { padding: 5px;	}
}
@media (max-width:640px){
#contact .pb-lg-5, .py-lg-5 { padding: 6.5rem 3rem !important; }
#auction .py-5 { padding: 3rem !important; }
h3.text-grey{ font-size:2em; }
#auction .pt-5, #auction .py-5, .pt-3, .py-3, .p-3 { padding: 3rem 2rem !important; }
#content .pb-4, .py-4 { padding: 3rem 2rem !important; }
#faq div.col-lg-6 { max-width:100%; }
#countdown{ font-size:2.5em; }
}
@media (max-width:560px){
	#countdown{ font-size:2em; }
	ul.record li { width: 100% !important; }
#content .order-lg-2 .mb-3, .my-3 {
    margin-bottom: 20px !important;
}	
	#content .order-lg-2 .col-lg-6:nth-child(2) .btn {
    margin: 5px 0;
    padding: 10px 0;
    display: table;
    width: 100%;
	}
}
}