/*---------*/
/*Home Page*/
/*---------*/

/*---------*/
/*Order process*/
/*---------*/
.order-overlay{
    background: #FAFAFA 0% 0% no-repeat padding-box;
    opacity: 0.9;
    color: #414042;
    font-weight: 600;
}
    .order-overlay p{
        padding: 0px 16px;
    }
/*Image boxes*/

.vanhome{
    height: 150px;
    background: -moz-linear-gradient(-45deg,  rgba(139, 86, 86, 0.8) 0%, rgba(76,76,76,0.8) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,0.8) 0%,rgba(76,76,76,0.8) 100%);
    background: linear-gradient(135deg,  rgba(76,76,76,0.8) 0%,rgba(76,76,76,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664c4c4c', endColorstr='#664c4c4c',GradientType=1 );
    color: #E4E4E4;
    transition: all 0.5s ease;
}
.vanhome:hover{
    height: 150px;
    background: -moz-linear-gradient(-45deg,  rgba(139, 86, 86, 1) 0%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(76,76,76,1) 100%);
    background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664c4c', endColorstr='#664c4c',GradientType=1 );
    color: #E4E4E4;
    transition: all 0.5s ease;
}
.lcvbanner {background-image: url(/images/van-category-banner.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
.uspbanner {background-image: url(/images/icon-banner.png);}
.orderprocess {background-image: url(/images/orderprocess.jpg);}
.contactbanner {background-image: url(/images/contact.png);}
.contactbackground {background-image: url(/images/contactbackground.jpg);}
.projexbanner {
    background-image: url(/images/projexbanner2x.png);
    /* height: 417px; */
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    }

.msrtbanner {
    background-image: url(/images/msrt-banner.jpeg);
    /* height: 417px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.msrt-button{background-color: #00b5e9;color: #fff;}

.border-bottom-msrt{
    border-bottom: #00b5e9 solid 1px;
}

.contactbanner .order-overlay{
    font-weight: normal!important;
}

.dealofmonth .hover-button {
    position: absolute;
    top: 8px;
    display: flex;
    align-items: center;
    width: 588px;
    padding: 0 10%;
    background: -moz-linear-gradient(-45deg,  rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%);
    background: linear-gradient(135deg,  rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668d8d8d', endColorstr='#668d8d8d',GradientType=1 );
    /* backdrop-filter: blur(3px); */
    height: 392px;
    opacity: 0;
    transition: opacity 0.5s;
}
.dealofmonth:hover .hover-button {
    opacity: 1;
    transition: opacity 0.5s;
}

.testimonialbanner {background-image: url(/images/testi-banner.png);}

.vanhome1 {background: url(/images/vanhome-1.jpg) no-repeat center center; background-size:cover;}
.vanhome2 {background: url(/images/vanhome-2.jpg) no-repeat center center; background-size:cover;}
.vanhome3 {background: url(/images/vanhome-3.jpg) no-repeat center center; background-size:cover;}
.vanhome4 {background: url(/images/vanhome-4.jpg) no-repeat center center; background-size:cover;}
.vanhome5 {background: url(/images/vanhome-5.jpg) no-repeat center center; background-size:cover;}
.vanhome6 {background: url(/images/vanhome-6.jpg) no-repeat center center; background-size:cover;}

.carmanubanner {background-image: url(/images/carmanubanner.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.vanmanubanner {background-image: url(/images/vanmanubanner.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}


/* FEATURED DEAL CODE */

.featured-border{
    border: 10px solid #BE1E2D;
    border-radius:  5px;
}

.featured-blue{color: #2B3990;}

.featured-bg{
    background-image: url('/images/cog-background.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*Manufacturers*/
.manu-logos {  max-width: 35%;}
.manu-hover{transition: transform .2s;}
.manu-hover:hover{ transform: scale(1.25);}
/*adaptive changes*/
@media screen and (max-width:1366px) { /* Laptop */
    .hpbanner .banner-btns {
        top: 6%;
    }
    .hpbanner .search-overlay {
        top: 30%;
        width: 78%;
        left: 12%;
    }
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 24.45%;
    }
}
@media screen and (max-width:1050px) { /* Tablet Landscape */
    .cardeal .dealpagecontainer .srheader {  font-size: 1.2rem;}
    .cardeal .dealpagecontainer .srprice {font-size: 1.1rem;}
    .hpbanner .banner-btns {
        top: 0%;
        left: 20%;
        width: 60%;
    }
    .hpbanner .search-overlay {
        top: 26%;
        width: 90%;
        left: 6%;
    }
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 13.5%;
    }
}
@media screen and (max-width:770px) { /* Tablet Portrait */
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 8.9%;
    }
}
@media screen and (max-width:767px) { /* Mobile Large */
    .ovehicle {border-top-left-radius: 0px;border-bottom-left-radius: 0px; }
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 17.8%;
    }
    .image-boxes .primary-overlay {
        width: 95%;
        padding: 4%;
    }
    .specialribbon {
        top: -0.22rem;
        position: absolute;
        right: 0;
    }
    #news-carousel .slick-arrow, #hpspecials .slick-arrow {
        top: 102%;
        z-index: 1;
    }
	#bannersearch button.btn {
		width: 100%;
	}

    .featured-bg{
        background-position: right bottom;
    }

.manu-logos {  max-width: 60%; }

.dealofmonth .hover-button {
    position:unset;
    display: none;
    align-items: center;
    width: 0px;
    padding: 0;
    background: -moz-linear-gradient(-45deg,  rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%);
    background: linear-gradient(135deg,  rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#668d8d8d', endColorstr='#668d8d8d',GradientType=1 );
    height: 0;
    opacity: 0;
    transition: opacity 0.5s;
}
.dealofmonth:hover .hover-button {
    opacity: 0;
    transition: none;
}

.mob-rounded-square {
    border-radius: 0px !important;
}

}
@media screen and (max-width:380px) { /* Mobile Small */
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 46.6% 10%;
    }
}
@media screen and (max-width:1500px) { /* Mobile Small */
    #hpspecials .homespecial{
        padding-left: 0px;
        padding-right: 0px;
    }
}