:root {
    --skin-base-color: #db2d2e;
    --skin-focus-color: #db2d2e;
}

*::-moz-selection {
    background: #db2d2e;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #db2d2e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #db2d2e;
    color: #fff;
    text-shadow: none;
}

.button, .button.border:before {
    background: #db2d2e;
}

    .button.border:hover, .button.border:focus, .button.border:active {
        border-color: #db2d2e;
    }

    .button.white {
        color: #db2d2e;
        background: #ffffff;
    }

        .button.white:hover {
            color: #ffffff;
        }

.rev_slider_wrapper .button, .rev_slider_wrapper .button.border:before {
    background: #db2d2e !important;
}

    .rev_slider_wrapper .button.border:hover, .rev_slider_wrapper .button.border:focus, .rev_slider_wrapper .button.border:active {
        border-color: #db2d2e !important;
    }

    .rev_slider_wrapper .button.white {
        color: #db2d2e !important;
        background: #ffffff !important;
    }

        .rev_slider_wrapper .button.white:hover {
            color: #ffffff !important;
        }

.tp-caption.red-bg {
    background: #db2d2e !important;
}

.tp-caption.text-red {
    color: #db2d2e !important;
}

/*************************
	 background color
    *************************/
.red-bg, .section-title .separator:before, .section-title .separator:after, .feature-box h6:before, .feature-box:hover i, .car-item:hover .separator:before, .car-item:hover .separator:after, .owl-carousel .owl-nav i:hover, .blog-1 .blog-content a.link:before, .counter.counter-style-1 h6:before, .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .footer h6:before, .content-box .border, .testimonial-2 .testimonial-content, .footer-2 .social ul li a i:hover, .footer-2 .input-group-btn button, .footer-2 .input-group-btn button:hover, .footer-2 .footer-box .box-link a, .ui-widget-header, .feature-box-2.box-hover:hover, .feature-box-2.box-hover.active, .blog-2 .blog-image .date span, .share .blog-social li a, .blog-2 .blog-description .separator:before, .blog-2 .blog-description .separator:after, .testimonial-3 .testimonial-content, .footer-3 .social ul li a i:hover, .quick-links .link a:hover, .custom-block-3 .title h3:before, .feature-box-3:hover .icon i, .content-box-4 .link a, .car-item-3 .car-overlay, .team:hover, .team .team-social li a:hover, .timeline > li:hover > .timeline-badge, .timeline > li:hover > .timeline-panel, .opening-hours h6:before, .team-2 .team-social ul li a, .contact .contact-box:hover, .accordion .accordion-title a.active, .typography-main h4.title:before, mark, .blog-sidebar .sidebar-widget h6:before, .blog-sidebar .sidebar-widget .tags li a:hover, .blog .entry-share .share a, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .product-listing .listing-sidebar .widget-search ul li span, .details-nav ul li a:hover, .car-details h4.modal-title:before, .car-details-sidebar h5:before, .slider-for .slick-prev:hover, .slider-for .slick-prev:focus, .slider-for .slick-next:hover, .slider-for .slick-next:focus, .car-item-3 .car-popup a:hover,
#header.fancy .topbar,
#header .menu.menu-dark .mega-menu .menu-mobile-collapse-trigger:before,
#header .menu.menu-dark .mega-menu .menu-mobile-collapse-trigger:after,
#header .menu.menu-dark .mega-menu .menu-mobile-collapse-trigger span,
#header.fancy .mega-menu .menu-mobile-collapse-trigger:before,
#header.fancy .mega-menu .menu-mobile-collapse-trigger:after,
#header.fancy .mega-menu .menu-mobile-collapse-trigger span,
#header .menu.menu-light .mega-menu .menu-mobile-collapse-trigger:before,
#header .menu.menu-light .mega-menu .menu-mobile-collapse-trigger:after,
#header .menu.menu-light .mega-menu .menu-mobile-collapse-trigger span, .product-listing .listing-sidebar .widget-search h5:before, .product-listing .car-grid .car-title a:before, .timeline .timeline-heading h5:before {
    background: #db2d2e;
}

.topbar-dark .mega-menu .menu-filter-vehicles span {
    color: #db2d2e;
}

/*v2.0*/
.search-block.red-bg, .car-item.car-item-4 .price, .footer.footer-white .footer-box .box-link a, .footer.footer-black .footer-box .box-link a, .search-block h3.title {
    background: #db2d2e;
}

/*************************
	 color
    *************************/
.accordion .accordion-title a:hover,
.accordion .accordion-title a:hover:after,
.blog-1 .blog-content a.link:hover,
.blog-2 .blog-content .blog-meta ul li a,
.blog-2 .blog-description a:hover,
.blog .entry-title a:hover,
.blog .entry-meta ul li a:hover,
.blog .entry-meta ul li a i,
blockquote cite,
.blog-sidebar,
.car-details-sidebar .car-price,
.text-red,
.car-item .car-content a,
.car-item .car-overlay-banner ul li a:hover,
.car-item-2 .car-content a:hover,
.car-item-2 .car-overlay-banner ul li a:hover,
.car-item-2 .price span,
.car-item-3 .car-popup a,
.car-details .car-price strong,
.car-details .close:hover,
.counter.counter-style-1.light i:before,
.counter.counter-style-1.counter-light b,
.counter.counter-style-2 .item .info i.light:before,
.career .career-info p a,
.contact .contact-box i,
.content-box i,
.content-box-2 i,
.content-box-2 a.link:hover,
.content-box-2 a.link:hover i,
.custom-block-1 a,
.coming-soon .countdown li span,
.details-social ul li a:hover,
.error-page .error-content p a,
.feature-box-2 i,
footer .copyright a,
footer .copyright ul li a:hover,
.footer-2 .usefull-link ul li a:hover,
.footer-3 .footer-nav ul li a:hover,
.footer-3 .usefull-link ul li a:hover,
.footer-3 .copyright ul li a:hover,
#header .menu.menu-dark .mega-menu .menu-links > li > a:hover,
#header .menu.menu-light .mega-menu .menu-links > li > a:hover,
#header.fancy .mega-menu .menu-links > li > a:hover,
#header.fancy .search-top .search-btn:hover,
.isotope-filters button.active,
.isotope-filters button:hover,
.list-style-1 i,
.mega-menu .menu-links > li.active a,
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a,
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover,
.mega-menu .menu-links > li.active .drop-down-multilevel li a:hover,
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i,
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a,
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover,
.mega-menu .menu-links > li.active .drop-down li.active a,
.mega-menu .menu-links > li.active .drop-down a:hover,
.mega-menu .menu-links > li:hover,
.mega-menu .menu-links > li > a:hover,
.mega-menu .drop-down a:hover,
.mega-menu .drop-down-tab-bar a:hover,
.mega-menu .drop-down-multilevel li:hover > a,
.mega-menu .drop-down-multilevel li:hover > a i.fa,
.navigation-previous:hover span,
.navigation-next:hover span,
.owl-carousel .owl-nav i,
#one + label:before,
#one + label:after,
.play-video .video-info a i,
.price-slide a.link,
.privacy-policy a,
.product-listing .car-grid .price span,
.recent-post-info a:hover,
.remember-checkbox a,
.register-form p.link a,
.sorting-options .change-view-button a.active,
.sorting-options .change-view-button a:hover,
.search-top .search-btn:hover,
.testimonial-1 .testimonial-block .testimonial-avtar h6,
.testimonial-1 .testimonial-block:hover .testimonial-content i,
.testimonial-4 .testimonial-block i,
.team .team-social a, ul.page-breadcrumb li a:hover,
.topbar .topbar-right li a:hover,
.usefull-link ul li a:hover,
.widget-link ul li a:hover,
.menu-filter-vehicles span, .ax-letter-menu {
    color: #db2d2e
}


.mega-menu .menu-links > li > .dropdown-menu a:hover {
    color: #db2d2e
}

/*v2.0*/
.isotope-filters.vartical-filter button.active span, .footer.footer-white .copyright ul li a:hover, .isotope-filters.vartical-filter button:hover span, .footer.footer-white .usefull-link ul li a:hover, .footer.footer-white .recent-post-info a:hover, .footer.footer-black .usefull-link ul li a:hover, .footer.footer-black .recent-post-info a:hover, .footer.footer-black .copyright ul li a:hover, .play-video-2 .video-info a i {
    color: #db2d2e
}

/*************************
	 border color
    *************************/
.owl-carousel .owl-nav i:hover, .footer .news-letter .form-control:focus, .footer-2 .input-group.divcenter.input-group .form-control:focus, .footer-2 .input-group-btn button, .footer-2 .input-group-btn button:hover, .footer-2 .footer-box .box-link a, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .content-box-2, .feature-box-3:hover .icon, .feature-box-3:hover .icon i, .isotope-filters button.active, .isotope-filters button:hover, .gray-form input:focus, .gray-form textarea:focus, .tabsplugin ul.tabs li.active, .tabsplugin ul.tabs li.active:focus, .tabsplugin ul.tabs li:hover, .accordion .accordion-title a.active, .remember-checkbox label:before, .blog-sidebar .widget-search input:focus, .blog-sidebar .widget-link ul li a:hover, .blog-sidebar .sidebar-widget .tags li a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .product-listing .price-search input:focus, .details-nav ul li a:hover, .slider-for .slick-prev:hover, .slider-for .slick-prev:focus, .slider-for .slick-next:hover, .slider-for .slick-next:focus, .mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar, .testimonial-2 .testimonial-info .testimonial-avatar img, .search-box, .news-letter-main .news-letter-form input:focus {
    border-color: #db2d2e
}

.testimonial-2 .testimonial-content:before,
.testimonial-3 .testimonial-content:before {
    border-color: #db2d2e transparent transparent transparent;
}

.timeline > li:hover > .timeline-panel:after {
    border-left-color: #db2d2e;
}

.timeline > li.timeline-inverted:hover > .timeline-panel:after {
    border-right-color: #db2d2e;
}

.gray-form input:focus, .gray-form textarea:focus {
    border-color: #db2d2e !important;
}


/*v2.0*/
.search-block.red-bg, .footer.footer-white .footer-box .box-link a, .footer.footer-black .footer-box .box-link a {
    border-color: #db2d2e
}

.isotope-filters.vartical-filter button.active span, .isotope-filters.vartical-filter button:hover span {
    border-left-color: #db2d2e;
}

.car-item .car-overlay-banner, .car-item-2 .car-overlay-banner {
    background: rgba(15, 134, 255, 0.7);
}

.bg-overlay-red-90:before {
    background: rgba(15, 134, 255, 0.9);
}

.play-video .video-info:before {
    background: rgba(15, 134, 255, 0.8);
}

/*v2.0*/
.play-video-2 .video-info:before {
    background: rgba(15, 134, 255, 0.8);
}

/*Scroll Top and Radio*/
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #db2d2e;
}

.radio-primary input[type="radio"]:checked + label::after,
.arrow-top {
    background-color: #db2d2e;
}

/**********************/
body.adaactive .bypass-block a {
    border: #db2d2e;
}

body.adaactive :focus,
body.adaactive a:focus,
body.adaactive a.btn:focus {
    border: 2px solid #db2d2e;
}

.product-listing .price-search i {
    color: #ffffff;
    background: #db2d2e;
}

.slider-handle {
    background-color: #db2d2e;
    box-shadow: 0 0 0px 1px #db2d2e;
}

.slider-selection {
    background-image: linear-gradient(to bottom, #db2d2e 0%, #db2d2e 100%) !important;
}

.customdropdown.nav .dropdown-menu > li.active > a,
.customdropdown.nav .dropdown-menu > li > a:hover {
    background: #db2d2e;
}

.chiller_cb input:checked ~ span {
    background: #db2d2e;
    border-color: #db2d2e;
}

.vehicleselectorlist li:hover {
    background-color: #db2d2e;
    color: #fff;
}


/*scrollbar*/
.ui-widget.ui-widget-content {
    border-color: #db2d2e !important;
}

ul.ui-autocomplete::-webkit-scrollbar-thumb {
    background: #db2d2e;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    color: #db2d2e;
}

body::-webkit-scrollbar-thumb {
    background: #db2d2e;
}