/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ***************Modal************** */
/* compare */
.custom-compare {
    background-color: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 1000;
	overflow-y:scroll;
    overflow-x:hidden;
}
.custom-compare h2 {
    margin: 70px 0 50px;
    font-weight: 700;
    text-align: center;
}
.vehicles {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}
.vehicle {
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    position: relative;
}
.clicking-target-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(0 0 0 / 70%)), to(rgb(0 0 0 / 70%)));
    background-image: -o-linear-gradient(left, rgb(0 0 0 / 70%), rgb(0 0 0 / 70%));
    background-image: linear-gradient(to right, rgb(0 0 0 / 70%), rgb(0 0 0 / 70%));
    top: 0;
    left: 0;
    border-radius: 3px;
    display: none;
}
.clicking-target-container div{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.clicking-target-container i {
        font-size: 5em;
}
.vehicle:hover .clicking-target-container {
    display: block;
}
.campareVehicleImg {
    background-color: #fff;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.campareVehicleImg img {
    width: 100%;
}
.vehicle-icons {}
.vehicle input[type=checkbox] {
    display: none;
}
.btns-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.maui {
    color: #04a9b8;
}
.apollo {
    color: #F0691A;
}
.britz {
    color: #F28026;
}
.mighty {
    color: #ee382b;
}
.cheapacampa {
    color: #06adee;
}

.hippie {
    color: #C0311B;
}

.jucy {
    color: #a255ae;
}