@font-face {
    font-family: 'JLR Emeric';
    src: url('JLREmeric-ExtraLight.woff2') format('woff2'),
        url('JLREmeric-ExtraLight.woff') format('woff'),
        url('JLREmeric-ExtraLight.svg#JLREmeric-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'JLR Emeric Web';
    src: url('JLREmericWeb-ExtraLight.woff2') format('woff2'),
        url('JLREmericWeb-ExtraLight.woff') format('woff'),
        url('JLREmericWeb-ExtraLight.svg#JLREmericWeb-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'JLR Emeric Web';
    src: url('JLREmericWeb-ExtraLight.woff2') format('woff2'),
        url('JLREmericWeb-ExtraLight.woff') format('woff'),
        url('JLREmericWeb-ExtraLight.svg#JLREmericWeb-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}
#name{
    display:none;
}
h1{
    font-family: 'JLR Emeric';
    font-weight: 200;
    font-style: normal;
    text-transform: uppercase;
}
.jlr-font{
    font-family: 'JLR Emeric' !important;
}
a{
    color:#fff;
}
a.active{
    color:#333;
}
.py-30{
    padding-top:30px !important;
    padding-bottom:30px !important;
}
.py-10{
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.py-15{
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.pl-0{
    padding-left:0px !important;
}
.pr-0{
    padding-right:0px !important;
}
.pl-5{
    padding-left:5px !important;
}
.pr-5{
    padding-right:5px !important;
}
.px-0{
    padding-left:0px !important;
    padding-right:0px !important;
}
.px-10{
    padding-left:10px !important;
    padding-right:10px !important;
}
.px-15{
    padding-left:15px !important;
    padding-right:15px !important;
}
.px-30{
    padding-left:30px !important;
    padding-right:30px !important;
}
.mx-0{
    margin-left:0px !important;
    margin-right:0px !important;
}
.my-20{
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.my-40{
    margin-top:40px !important;
    margin-bottom:40px !important;
}
.mt-15{
    margin-top:15px !important;
}
.mt-20{
    margin-top:20px !important;
}
.mb-0{
    margin-bottom: 0px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
.mb-30{
    margin-bottom: 30px !important;
}
.mb-60{
    margin-bottom: 60px !important;
}
.mr-10{
    margin-right:10px !important;
}
.ml-0{
    margin-left: 0px !important;
}
.ml-10{
    margin-left: 10px !important;
}
.is-full{
    margin-left:-15px;
    margin-right:-15px;
}
.fs-10{
    font-size: 10pt;
}
.fs-12{
    font-size: 12pt;
}
.fs-15{
    font-size: 15pt;
}
.fs-19{
    font-size: 19pt;
}
.fs-30{
    font-size: 30pt;
}

.bold{
    font-weight:bold;
}
.uppercase{
    text-transform:uppercase;
}
.bg-white {
    background:#fff !important;
    background-clip: content-box !important;
}
.text-white{
    color:#fff !important;
}
.text-black {
    color:#000 !important;
}
.border-left-0 {
    border-left:none !important;
}
.border-right-0{
    border-right:none !important;
}
.black-border-top-2 {
    border-top:2px solid #333;
}
.black-border-bottom-2{
    border-bottom:2px solid #333;
}
.light-grey{
    color:#787878;
}
.secondary-grey-bg{
    background: #4a4f53;
}
.btn-default.no-hover:hover {
    background-color: #1c1c1c;
    border-color: #1c1c1c;
    cursor:auto;
}

.text-overflow-hidden{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.date {
	display: block;
	width: 60px;
	background: #fff;
	text-align: center;
	font-family: 'Helvetica', sans-serif;
	position: relative;
}

.date .binds {
    position: absolute;
    height: 11px;
    width: 40px;
    background: transparent;
    border: 2px solid #999;
    border-width: 0 5px;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
}

.date .vehicleCalendarLabel {
	background: #555;
	display: block;
	padding: 8px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.date .vehicleYear {
	display: block;
	margin: 0;
    padding: 10px 0;
    font-weight: bold;  
	font-size: 15px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}

.date .vehicleYear::after {
	content: '';
	display: block;
	height: 100%;
	width: 96%;
	position: absolute;
	top: 3px;
	left: 2%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}

.date .vehicleYear::before {
	content: '';
	display: block;
	height: 100%;
	width: 90%;
	position: absolute;
	top: 6px;
	left: 5%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}
.item img{
    width:100%;
}
/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
  color:#000;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  background: #4a4f53;
  color: #fff;
}

.pointer{
    cursor:pointer;
}
.editable{
    cursor:cell;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    background: #000;
}

.dataTables_paginate a{
    color:#1c1c1c;
    padding:3px 6px;
    border:1px solid #1c1c1c;
    cursor:pointer;
}
.paginate_button.current{
    border:none;
    background: #1c1c1c;
    color:#fff;
}

.pagination>li>a{
    color:#000;
}
.pagination>li>a.active{
    background:#000;
    color:#fff;
}

@media (max-width: 480px) {
    .text-center-sm{
        text-align:center !important
    }
    .sm-middle{
        margin:0 auto;
    }
    .sm-no-pad{
        padding:0;
    }
    #heroImg{
        margin-top: 82px;
    }
    .sm-mt-30{
        margin-top:30px !important;
    }
    .sm-pull-none{
        float:none !important;
    }
}