/* Vehicles */

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 color: #495057;

}

.form-control::-moz-placeholder { /* Firefox 19+ */

 color: #495057;

}

.form-control:-ms-input-placeholder { /* IE 10+ */

 color: #495057;

}

.form-control:-moz-placeholder { /* Firefox 18- */

 color: #495057;

}

select, .custom-control-label {

   cursor: pointer;

}

a, a:hover{

    color: inherit;

    text-decoration: none;

    cursor: pointer;

}

a{

    transition: 0.3s;

}

.text-orange{

    color: #f25720;

}

.bg-orange{

    color: #f25720!important;

}

.text-blue{

    color: #00aeef!important;

}

.bg-blue{

    color: #00aeef!important;

}

.text-light{

    color: #999;

}

.text-gray {

    color: #888;

}

.btn{

    font-weight: 600;

    border-radius: 0;

    text-transform: uppercase;

}
.btn.hover-dark:hover,
a.btn.hover-dark:hover{
    background-color: #2e2d2c !important;
    color: #fff !important;
    border-color: #2e2d2c !important;
}
.btn.hover-dark:hover:after,
a.btn.hover-dark:hover:after{
    color: #fff!important;
}
.btn:focus{

    outline: none!important;

    box-shadow: none!important;

}

.btn-primary{

    background-color: #f25720;

    border: 0;

    outline: none;

}

.badge-primary {

    background-color: transparent;

}

.btn-primary:hover{

    background: #333;

}

.badge-secondary{

    background-color: #00aeef;

    border: 0;

    outline: none;

}

.btn-secondary{

    background-color: #f25720;

    border: 0;

    outline: none;

}



.btn-primary{

    background-color: #f25720;

}

.btn-secondary:hover{

    background: #f25720;

}

.btn.btn-search,

.btn.btn-secondary,

.btn.btn-black{

    font-size: 1.1rem;

    overflow: hidden;

    text-align: center;

    transition: 0.3s;

    padding-top: 10px !important;

    padding-bottom: 10px !important;

    padding-left: 60px!important;

    padding-right: 60px!important;

    position: relative;

}

.btn.btn-search:hover,

.btn.btn-search:focus{

    background-color: #f25720!important;

    padding-left: 50px!important;

    padding-right: 70px!important;

}

.btn.btn-search::after{

    content: '\f002';

    color: #fff;

    font-family: 'fontawesome';

    font-size: 16px;

    font-weight: normal;

    position: absolute;

    right: 70px;

    opacity: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: 0.3s;

}

.btn.btn-search:hover::after,

.btn.btn-search:focus::after{

    right: 40px;

    opacity: 1;

}

.btn.btn-secondary:hover,

.btn.btn-secondary:focus{

    padding-left: 50px!important;

    padding-right: 70px!important;

}

.btn.btn-secondary::after{

    content: '\f105';

    color: #fff;

    font-family: 'fontawesome';

    font-size: 20px;

    font-weight: 600;

    position: absolute;

    right: 70px;

    opacity: 0;

    top: calc( 50% - 1px );

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: 0.3s;

}

.btn.btn-secondary:hover::after,

.btn.btn-secondary:focus::after{

    right: 40px;

    opacity: 1;

}

.btn.btn-black.btn-sm,

button.btn.btn-black.btn-sm{

    background-color: #2e2d2c!important;

    color: #fff!important;

    border-color: #2e2d2c!important;

}

.btn.btn-black::after{

    content: '\f105';

    color: #fff;

    font-family: 'fontawesome';

    font-size: 20px;

    font-weight: 600;

    position: absolute;

    right: 70px;

    opacity: 0;

    top: calc( 50% - 1px );

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: 0.3s;

}

.btn.btn-black.btn-sm::after{

    font-size: 18px;

}

.btn.btn-black.btn-sm:hover,

.btn.btn-black.btn-sm:focus,

button.btn.btn-black.btn-sm:hover,

button.btn.btn-black.btn-sm:focus{

    padding-left: 15px !important;

    padding-right: 35px !important;

}

.btn.btn-black:hover::after,

.btn.btn-black:focus::after{

    right: 15px;

    opacity: 1;

}

.badge-primary{

    padding: 10px 15px;

    border-radius: 0;

    position: absolute;

    bottom: 15px;

    left: 15px;

    font-size: 15px;

    background-color: #fff;

    color: #f25720;

    box-shadow: 0 0 10px rgba(0,0,0,0.4);

}

.row-vehicles .badge-primary {

    bottom: 15px;

    left: 15px;

}

.sale-percentage{

    position: relative;

}

.font-weight-400{

    font-weight: 400;

}

.font-weight-500{

    font-weight: 500;

}

.font-weight-600{

    font-weight: 600;

}

.font-weight-700{

    font-weight: 700;

}

.font-weight-800{

    font-weight: 800;

}

.font-weight-900{

    font-weight: 900;

}

.our-vehicles .custom-select, .our-vehicles .form-control{

    border-color: #ebebeb;

    border-radius: 2.25rem;

    font-size: 1rem;

    line-height: 1.6;

}

.our-vehicles .vehicles-filter .form-control:focus, .our-vehicles .custom-select:focus {

    border-color: #00aeef;

    outline: none;

    box-shadow: 0 0 0 0.05rem rgba(0,174,239,0.5);

}

.card, .card .card-img-top  {

    border:0;

    border-radius:0;

}

.vehicle-wrapper .card a {

    overflow: hidden;

}

.vehicle-wrapper .card .badge-wrapper {

    position: relative;

}

.vehicle-wrapper .card .badge-wrapper .badge-new {

    position: absolute;

    right: 10px;

    top: -48px; 

}



.vehicle-wrapper .card img {

     -webkit-transition: all 1s ease-in-out;

    transition: all 0.5s ease-in-out;

    will-change: transform;

}

.vehicle-wrapper .card:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}

.vehicle-wrapper .vehicle-km, .vehicle-wrapper .vehicle-year{

    position: relative;

}

.vehicle-wrapper .vehicle-km:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    margin-top: 0;

    background-image: url('../img/road-km.svg');

    background-size: contain;

    background-repeat: no-repeat;

}

.vehicle-wrapper .vehicle-year:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    margin-top: 0;

    background-image: url('../img/calendar.svg');

    background-size: contain;

    background-repeat: no-repeat; 

}

.vehicle-wrapper .vehicle-engine:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 25px;

    background-image: url('../img/diesel.svg');

    background-size: contain;

    background-repeat: no-repeat;

}

.vehicle-wrapper .vehicle-power:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    margin-top: 0;

    background-image: url('../img/motor.svg');

    background-size: contain;

    background-repeat: no-repeat;

}

.vehicle-wrapper-small span.vehicle-icons::before{

    height: 25px;

    width: 25px;

    margin-top: 0;

    top: -3px;

}

.vehicle-wrapper-small .vehicle-icons{

    padding-left: 30px;

    font-size: 15px;

}

.our-vehicles .pagination .page-link {

    border-radius: 50%;

    width:35px;

    height:35px;

    padding: 6px 11px;

    margin: 0 3px;

    color: #fff;

    transition: all .5s ease;

    background-color: #464646;

}

.our-vehicles .pagination .page-item.active .page-link {

    background-color: #00aeef;

    border: 0;

}

.our-vehicles .pagination .page-link:hover {

    background-color: #00aeef;

}

label {

    font-size: 1rem;

    font-weight: 600;

    margin-bottom: .25rem

}

.vehicles-filter .custom-control-label {

    font-weight: 500!important;

}

hr {

    border-width: 2px;

}

.card .card-vh-fullname {

    font-weight: 700;

}

.vehicle-description span{

    font-size: 15px;

    font-weight: 500;

}

.vehicle-description .vehicle-price {

    font-size: 18px;

    color: #f25720;

}



/* Vehicles */



/*Vehicle Preview*/

.vehicle-preview-section .slick-wrapper .img-slide{

    height:200px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;    

}

.vehicle-preview-section .gearbox-info, .vehicle-preview-section .motor-capacity-info,

.vehicle-preview-section .emission-info, .vehicle-preview-section .power-info{

    position:relative;

    padding-left:65px;

}

.vehicle-preview-section .gearbox-info:before {

    content: '';

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    left:0;

    width:70px;

    height: 50px;

    background-image: url('../img/ic4.png');

    background-repeat: no-repeat;

}

.vehicle-preview-section .motor-capacity-info:before {

    content: '';

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    left:0;

    width:70px;

    height: 50px;

    background-image: url('../img/ic5.png');

    background-repeat: no-repeat;

}

.vehicle-preview-section .emission-info:before {

    content: '';

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    left:0;

    width:70px;

    height: 50px;

    background-image: url('../img/zero-emission.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.vehicle-preview-section .power-info:before {

    content: '';

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    left:0;

    width:70px;

    height: 50px;

    background-image: url('../img/battery.svg');

    background-repeat: no-repeat;

    background-size: contain;

}

.vh-prev-img {

    width: 100%;

    height: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.vh-desc .nav-tabs .nav-link

{

    border-radius: 0;

    border: 0;

}

.vh-desc .nav-tabs .nav-item {

    margin: 0 5px;

}

.specifications-wrapper .km-info {

    position: relative;

}

.table th {

    position: relative;

}

.main-specs .km-info, .main-specs .engine-type-info, .main-specs .motor-info{

    position: relative;

    line-height: 1.2;

}

.main-specs .km-info:before{

    content: '';

    position: absolute;

    top: calc( 50% - 2px );

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    background-image: url('../img/road-km.svg');

    background-size: contain;

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;  

}

.main-specs .engine-type-info:before{

    content: '';

    position: absolute;

    top: calc( 50% - 2px );

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    background-image: url('../img/diesel.svg');

    background-size: contain;

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;  

}

.main-specs .motor-info:before{

    content: '';

    position: absolute;

    top: calc( 50% - 3px );

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    background-image: url('../img/motor.svg');

    background-size: contain;

    background-repeat: no-repeat;

    height: 35px;

    width: 35px;  

}

.main-specs .motor-info{

    padding-left: 45px;

}

.main-specs .engine-type-info,

.main-specs .km-info{

    padding-left: 38px;

}

.vh-desc .nav-tabs{

    border: 0;

}

.vh-desc .nav-tabs .nav-link{

    border-radius: 0;

    background-color: #ddd;

    padding: 15px 25px;

    border-top: 3px solid transparent!important;
    font-weight: 600;
    font-size: 16px;
}

.vh-desc .nav-tabs .nav-link.active, .vh-desc .nav-tabs .nav-link:hover{

    background-color: #fff;

    border-top: 3px solid #f25720!important;

}

.vh-desc .nav-tabs .nav-item:first-child{

    margin-left: 0;

}

.vh-desc .nav-tabs .nav-item {

    margin: 0 5px;

}

.vh-price-wrap .vehicle-price{

    background-color: #f25720;

}

/*.vh-price-wrap .vehicle-price:before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-bottom: 45px solid #f25720;

    border-left: 45px solid transparent;

}*/

/*.vh-price-wrap .vehicle-price span {

    position: relative;

}*/



/*Vehicle Preview*/



/* range slider*/

.ui-slider .ui-slider-handle {

    background-color: #fff!important;

    width: 1.2em!important;

    height: 1.2em!important;

    border: 4px solid #00aeef!important;

    top: -8.5px;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,

.custom-control-input:checked~.custom-control-label::before

{

    background-color: #00aeef;

}

.ui-slider .ui-slider-handle:nth-child(2){

   

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{

    background: #00aeef;

    border: 0;

    border-radius: 50%;

}



.ui-slider-horizontal {

    height: 0.4em;

}

.ui-widget.ui-widget-content {

    border: 0;

}

.ui-widget-content {

    border: 4px solid #dee2e6!important;

    color: #333333;

}

.ui-slider-horizontal .ui-slider-range

{

    background: #dee2e6;

}

/* range slider*/



.offers-wrapper .badge-primary {

    top: 15px;

    left: 20px;

}

.custom-select.disabled, .form-control.disabled {

    background-color: #eee;

    cursor: not-allowed;

    pointer-events: none;

}

.ui-slider.disabled {       

    cursor: not-allowed;

    pointer-events: none; 

}

.ui-slider.disabled .ui-state-default, .ui-slider.disabled .ui-widget-content .ui-state-default, .ui-slider.disabled .ui-widget-header .ui-state-default {

    filter: grayscale(1);

}

@media (min-width: 992px){

    #collapseExample {

        display: block!important;

        height: auto!important;

    }

}

@media (max-width: 991px){

     .row-filter {

         margin-top: 15px!important;

     }

     /* .btn-filter-toggler.advanced::after {

        content: '\f107';

     } */

    

     .btn-filter-toggler:hover:after {

        right: 20px;

     }

     .btn-filter-toggler.simple::after {

        content: '\f106';

     }

     .btn-filter-toggler.collapsed::after {

         content: '\f107';

     }

}