span.required {
    color:  #ff5733;
    font-size: 1.5em;
}

.btn-primary {
    background-color: var(--main-theme-color) !important;
    border-color: var(--main-theme-color) !important;
}

.vehicle-card-column {
    /*height: 400px;*/
    margin-bottom: 25px;
}

.catalogue-vehicle-card-container {
    display: block;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden !important;
    border: none;
}

.vehicle-card-container {
    box-shadow: 7px 7px 5px 0px rgba(185,185,185,0.33);
    display: block;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden !important;
    border: 1px solid #eeeeee;
}


#resultscontainer  .catalogue-vehicle-trim-card-container {
    cursor: pointer;
}

.catalogue-vehicle-option-selected, .catalogue-vehicle-color-selected, .catalogue-vehicle-transmission-selected  {
    border: 2px solid #007ac1 !important;
}

.vehicle-card-container:hover .vehicle-details-card-photo, .vehicle-card-container:focus .vehicle-details-card-photo {
 transform: scale(1.05);
}

.vehicle-details-card-photo {
    /*box-shadow: 7px 7px 5px 0px rgba(185,185,185,0.33);*/
    border-radius: 4px 4px 0px 0px;
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding-top: 56.25%;
    box-sizing: border-box;
    transition: all .6s;
}

.vehicle-catalogue-details-card-top {
    padding-bottom: 5px;
    background: none;
    text-align: center;
    height: 66px;
    overflow: hidden;
    /*box-shadow: 7px 7px 5px 0px rgba(185,185,185,0.33);*/
}

.vehicle-details-card-top {
    min-height: 66px;
    overflow: hidden;
    color: #333;
    padding-left: 7px;
    padding-right: 7px;
    /*box-shadow: 7px 7px 5px 0px rgba(185,185,185,0.33);*/
}

.catalogue-vehicle-card-title {
    text-align: left;
    text-transform: uppercase;
    color: #111;
    max-height: 20px;
    height: 20px;
    overflow: hidden;
}

.vehicle-card-title {
    text-align: left;
    text-transform: uppercase;
    max-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vehicle-card-price {
    text-align: right;
    font-weight: 600;
    color: #333;
    height: 20px;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.vehicle-card-price .old-price {
    text-decoration: line-through;
    color: #bbbbbb;
    font-size: 0.6em;
}

.vehicle-card-price .sale-price {
    color: #f44336; font-size: 18px;
}

/*Vehicle page*/
.old-price {
    text-decoration: line-through;
    color: #bbbbbb;
    font-size: 15px;
}

.special-price {
    color: #f44336;
    font-size: 40px;
	font-weight: 500;
}

/*Vehicle page - Listing style*/
.item-old-price {
    text-decoration: line-through;
    color: #bbbbbb;
    font-size: 12px;
}

.item-special-price {
    color: #f44336; font-size: 18px;
}


.vehicle-details-card-bottom {
    padding: 5px 0px;
    height: 60px;
    border-top: none !important;
    text-align: left;
    font-size: 14px;
    color: #333;
    border-radius: 0px 0px 4px 4px;
    /*box-shadow: 7px 7px 5px 0px rgba(185,185,185,0.33);*/
}

.vehicle-details-card-bottom .col-xs-6 {
    margin-bottom: 7px;
    max-height: 20px;
    overflow: hidden;
}

.vehicle-details-card-bottom .vehicle-card-feature {
    max-height: 20px;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 7px;
    padding-right: 7px;
}

.vehicle-details-card-bottom .col-xs-6 i {
    font-size: 0.85em;
    margin-right: 5px;
    font-weight: 400;
}



.ribbon-wrapper-1 {
width: 106px;
height: 108px;
overflow: hidden;
position: absolute;
top: -6px;
right: 10px; }

.ribbon-1 {
font: bold 15px Sans-Serif;
line-height: 18px;
color: #333;
text-align: center;
text-transform: uppercase;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -11px;
top: 31px;
width: 150px;
background-color: #00acc1;
color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
letter-spacing: 0.5px;
}

.ribbon-1:before, .ribbon-1:after {
content: "";
border-top: 4px solid #007c91;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
position: absolute;
bottom: -4px; }

.ribbon-1:before {
left: 0; }

.ribbon-1:after {
right: 0;
}

.ribbon-sale {
background-color: #f44336;
}

.ribbon-sale:before, .ribbon-sale:after {
border-top: 4px solid #ba000d;
}

.ribbon-red {
background-color: #f44336;
}

.ribbon-red:before, .ribbon-red:after {
border-top: 4px solid #ba000d;
}

.ribbon-green {
background-color: #4caf50;
}

.ribbon-green:before, .ribbon-green:after {
border-top: 4px solid #087f23;
}

.ribbon-blue {
background-color: #03a9f4;
}

.ribbon-blue:before, .ribbon-blue:after {
border-top: 4px solid #007ac1;
}


.rating-star { color: #fdd835; margin-left: 5px; margin-right: 5px; }

/*Results Page */

#result-filter, #sort-bar-fieldset {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #e9e9e9;
border: 1px solid #cecece;
}