/* main color*/
.mainClr { color: #001E50!important; }
.mainBdrClr { border-color: #001E50!important; }
.mainBGClr { background-color: #001E50!important; }
.hoverBGClr:hover { background-color: #001E50!important; }
svg.mainBGClr { background: none!important; fill: #001E50!important; }
.fillClr { fill: #001E50!important; }


/* button color*/
.btnClr { color:#FFFFFF!important; }
.btnBdrClr { border-color: #001E50!important; }
.btnBGClr { background-color: #001E50!important; }
.btnBGClr:hover { background-color: #000000!important; }
.btnRGBClr { background: rgba(0,30,80, 0.8)!important; }
.btnBGHvrClr:hover { background-color:#001E50!important; }
.btnHeadBGClr { background-color: #FFFFFF!important; color: #000!important; }
.btnHeadBGClr .panel.top .button {background-color:#FFFFFF!important; background:#fff; color:#000;}
.btnShadowClr {-webkit-box-shadow: 0px 0px 0px 5px #001E50!important; -moz-box-shadow: 0px 0px 0px 5px #001E50!important; box-shadow: 0px 0px 0px 5px #001E50!important; box-shadow: 0px 0px 0px 5px #001E50!important;}
.custom-header.btnstyle_2 .trigger {background-color: transparent !important;  border-color: #FFFFFF !important;}
.speech-bubble {background-color:#001E50!important;  color:#FFFFFF!important;}
.speech-bubble:after {border-bottom-color: #001E50!important;}
.speech-bubble:hover:after {border-bottom-color: #001E50!important;}


.forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#001E50!important; }
.blrAccr .blrHead.active .stCount { background-color:#001E50!important; color: #fff !important; }
.btn-txt-clr, .btn-txt-clr span { color: #FFFFFF!important;}
.btn-outline-clr { border: 1px solid #FFFFFF!important;}
.btn-outline-clr:hover { border:1px solid transparent!important; box-shadow:none; /*opacity:0.8;*/background-color: rgba(0,30,80, 0.7)!important; }
body .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #001E50 !important; }

body .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #001E50 !important; }

body .blrEnqBtn .dropdown-el.expanded label:hover,
body .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#001E50!important; color:#fff!important;}
body .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover,
body .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; }

.tabbedinfo h2.resp-accordion { background: rgba(0,30,80, 0.2)!important; }

.pcpTabs .tabbedinfo .tabs li.resp-tab-active { color: #001E50!important; }
.tabbedinfo .tabs li:before { background-color: #001E50!important; }

.blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #001E50; -moz-box-shadow: 0px 0px 0px 4px #001E50; box-shadow: 0px 0px 0px 4px #001E50; }

.pulser,
.showcaseFlip .pulser { box-shadow: 0 0 0 0 #001E50; }
.ucHome11 .landerbtn { box-shadow: 0px 0px 28px #001E50; }

ul.tick-list li:before {color:  #001E50!important; }
.editorDescription ul li:before {color:  #001E50!important; }
.vaulttl { color: #001E50!important;}


.txtShadowPulse {-webkit-animation: txtpulser 2s infinite ease-in-out; animation: txtpulser 2s infinite ease-in-out;}


@keyframes txtpulser {
    0% { text-shadow: 1px 1px 6px rgba(0,30,80,0.2); }
    50% { text-shadow: 1px 1px 6px rgba(0,30,80,1); }
    100% { text-shadow: 1px 1px 6px rgba(0,30,80,0.2); }
}

@-webkit-keyframes txtpulser {
    0% { -webkit-text-shadow: 1px 1px 6px rgba(0,30,80,0.2); }
    50% { -webkit-text-shadow: 1px 1px 6px rgba(0,30,80,1); }
    100% { -webkit-text-shadow: 1px 1px 6px rgba(0,30,80,0.2); }
}




.blueleft:before {background:  #001E50!important; }
.spinactive.highlight {box-shadow: 0px 0px 13px 4px rgba(0,30,80,1)!important; box-shadow: 0px 0px 13px 4px rgba(0,30,80,1)!important; -webkit-box-shadow: 0px 0px 13px 4px rgba(0,30,80,1)!important; -moz-box-shadow: 0px 0px 13px 4px rgba(0,30,80,1)!important;-webkit-animation: pulser 2s infinite ease-in-out; animation: pulser 2s infinite ease-in-out;}
.btnPulsate .btnBGClr.gonext,.btnPulsate .scratchBtn.btnBGClr,.btnPulsate .sidebar.popSidebar .button, .btnPulsate .custom-header .trigger, .btnPulsate .custom-header .button {animation: btnShadow 2s infinite ease-in-out; -webkit-animation: btnShadow 2s infinite ease-in-out;}
@keyframes btnShadow {
            0% { box-shadow: 0 0 14px rgba(0,30,80, 0.2); }

            50% {box-shadow: 0 0 14px 6px rgba(0,30,80, 0.9);}

            100% { box-shadow: 0 0 14px rgba(0,30,80, 0.2); }
        }

@-webkit-keyframes pulse {
    10% {
        @include transform(scale(.9));
    }

    70% {
        @include transform(scale(1));
        box-shadow: 0 0 2px 6px rgba(0,30,80, .5);
    }

    100% {
        @include transform(scale(.9));
        box-shadow: 0 0 0 0px rgba(0,30,80, 0);
    }
}
@keyframes pulser {
    0% { box-shadow: 0 0 14px rgba(0,30,80,0.2)!important; }
    50% { box-shadow: 0 0 14px 6px rgba(0,30,80,0.9)!important; }
    100% { box-shadow: 0 0 14px rgba(0,30,80,0.2)!important; }
}

@-webkit-keyframes pulser {
    0% { -webkit-box-shadow: 0 0 14px rgba(0,30,80,0.2)!important; }
    50% { -webkit-box-shadow: 0 0 14px 6px rgba(0,30,80,0.9)!important; }
    100% { -webkit-box-shadow: 0 0 14px rgba(0,30,80,0.2)!important; }
}
.scratched { animation: scratchShadow 2s infinite ease-in-out; -webkit-animation: scratchShadow 2s infinite ease-in-out; }
@keyframes scratchShadow {
            0% { box-shadow: 0 0 14px #001E50; }
             
            50% {box-shadow: 0 0 14px 6px #001E50;}

            100% { box-shadow: 0 0 14px #001E50; }
        }


.btnPulsate .button, 
.btnPulsate .btnBGClr, 
.btnPulsate .btnRGBClr { animation: btnpulsate 1.35s infinite; }

@-webkit-keyframes btnpulsate {
    0% { box-shadow: 0px 0px 0px 0px #FFFFFF; }

    50% { box-shadow: 0px 0px 6px 2px #FFFFFF; }

    100% { box-shadow: 0px 0px 0px 0px #FFFFFF; }
}


/*.btnPulsate .button { animation: btnpulsate 1.35s infinite; }
@-webkit-keyframes btnpulsate {
    0% { box-shadow: 0px 0px 0px 0px #001E50; }

    50% { box-shadow: 0px 0px 6px 2px #001E50; }

    100% { box-shadow: 0px 0px 0px 0px #001E50; }
}*/

.sidebarTrigger.refineBtn { background-color: #001E50!important; }
.tabs_menu .tabsbtn:hover { background-color: #001E50!important; }

.can-toggle label .can-toggle__switch:after { background-color: #001E50!important; }
.show_items .item_paging .item_nom li a { background-color: #001E50!important; border-color: #001E50!important; }
.srchSwitch .swWrp input:checked + label { background-color: #001E50!important; }
.cstmCheck.radio li > label span input:checked + label:after { background-color: #001E50!important; }

.ucheader22.panel .right .fa,
.breadCrumb .breadcrumb li a:not(.active) { color: rgba(0,30,80, 0.35)!important; }
.ucheader22.panel .left a:after { background: rgba(0,30,80, 0.35)!important; }

.offerDetail1 .inviteBlck .frame-94 { background: rgba(0,30,80, 0.17)!important; }

/* offer color*/
.ofrClr { color: #001E50!important; fill: #001E50!important; }
.ofrBdrClr { border-color: #001E50!important; }
.ofrBGClr { background-color: #001E50!important; }
.ofrBdrHvrClr:hover { border-color: #001E50!important; }
.detailSlide .offrLines li:after {background-color: #001E50!important; }
/*header buttons*/
.btnHead { color: #001E50!important; background-color: transparent!important; border-color: #001E50!important; }
.btnHead:hover { color: #001E50!important; background-color: transparent!important; }
.home_style14 .landerbtn { background: rgba(0,30,80, 1)!important; }
.head_style6 .btnHead,
.head_style6 + .navLinksMob .btnHead,
.head_style7 .btnHead,
.head_style7 + .navLinksMob .btnHead { color: #001E50!important; background-color: transparent!important; border-color: #001E50!important; }

.head_style6 .btnHead:hover,
.head_style6 + .navLinksMob .btnHead:hover,
.head_style7 .btnHead:hover,
.head_style7 + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #001E50!important; border-color: #001E50!important; }

.head_style8 .btnHead,
.head_style8 + .navLinksMob .btnHead,
.head_style9 .btnHead,
.head_style9 + .navLinksMob .btnHead { color: #fff!important; background-color: #001E50!important; border-color: #001E50!important; }

.head_style8 .btnHead:hover,
.head_style8 + .navLinksMob .btnHead:hover,
.head_style9 .btnHead:hover,
.head_style9 + .navLinksMob .btnHead:hover { color: #001E50!important; background-color: transparent!important; }

.panel.head_style4 .centerInner li a:before,
.panel.head_style4 .centerInner li a:after,
.panel.head_style4 + .navLinksMob li a:before,
.panel.head_style4 + .navLinksMob li a:after,
.panel.head_style5 .centerInner li a:before,
.panel.head_style5 .centerInner li a:after,
.panel.head_style5 + .navLinksMob li a:before,
.panel.head_style5 + .navLinksMob li a:after { border-color: #001E50!important; }
.wantCarForm h3.sepTitle:before{ background-color:#001E50!important;}                          
.wantCarForm h3.sepTitle:after{ background-color:#001E50!important;}  

/* {make} main color*/ 
.volkswagen-commercial-vehicle .mainClr { color: #FFFFFF!important; }
.volkswagen-commercial-vehicle .mainBdrClr { border-color: #FFFFFF!important; }
.volkswagen-commercial-vehicle .mainBGClr { background-color: #FFFFFF!important; }
.volkswagen-commercial-vehicle svg.mainBGClr {  background: none!important; fill: #FFFFFF!important; }


/*  button color*/
.volkswagen-commercial-vehicle .btnClr { color: #001E50!important; }
.volkswagen-commercial-vehicle .btnBdrClr { border-color: #001E50!important; }
.volkswagen-commercial-vehicle .btnBdrClr { border-color: #001E50!important;}
.volkswagen-commercial-vehicle .btnBGClr { background-color: #001E50!important; }
.volkswagen-commercial-vehicle .btnBGClr:hover { background-color:#001E50!important; }

.volkswagen-commercial-vehicle .btnRGBClr { background: rgba(0,30,80, 0.8)!important; }
.volkswagen-commercial-vehicle .btnBGHvrClr:hover { background-color:#001E50!important; }
.volkswagen-commercial-vehicle .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#001E50!important; }
.volkswagen-commercial-vehicle .blrAccr .blrHead.active .stCount { background-color:#001E50!important; color: #fff !important; }

.volkswagen-commercial-vehicle .btn-txt-clr { color: #FFFFFF!important;}
.volkswagen-commercial-vehicle .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid #FFFFFF!important;}
.volkswagen-commercial-vehicle .btn-outline-clr { border: 1px solid #FFFFFF!important;}
.volkswagen-commercial-vehicle .btn-outline-clr:hover, .volkswagen-commercial-vehicle .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .volkswagen-commercial-vehicle .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(0,30,80, 0.7)!important; }

body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #001E50 !important; }

body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2),
body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #001E50 !important; }

body .volkswagen-commercial-vehicle .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .volkswagen-commercial-vehicle .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; }

body .volkswagen-commercial-vehicle .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2),
body .volkswagen-commercial-vehicle .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #001E50 !important; }

body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded label:hover,
body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#001E50!important; color:#fff!important;}
body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover,
body .volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; }

.volkswagen-commercial-vehicle .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }

.volkswagen-commercial-vehicle .tabbedinfo .tabs li:before { background-color: #001E50!important; }

.volkswagen-commercial-vehicle .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #001E50; -moz-box-shadow: 0px 0px 0px 4px #001E50; box-shadow: 0px 0px 0px 4px #001E50; }

.volkswagen-commercial-vehicle .pulser { box-shadow: 0 0 0 0 #001E50; -webkit-animation: pulsevolkswagen-commercial-vehicle 1.35s infinite; } 

@-webkit-keyframes pulsevolkswagen-commercial-vehicle {
    10% {
        @include transform(scale(.9));
    }

    70% {
        @include transform(scale(1));
        box-shadow: 0 0 2px 6px rgba(0,30,80, .5);
    }

    100% {
        @include transform(scale(.9));
        box-shadow: 0 0 0 0px rgba(0,30,80, 0);
    }
}

.scratched { animation: scratchShadowvolkswagen-commercial-vehicle 2s infinite ease-in-out; -webkit-animation: scratchShadowvolkswagen-commercial-vehicle 2s infinite ease-in-out; }
	@keyframes scratchShadowvolkswagen-commercial-vehicle {
            0% { box-shadow: 0 0 14px #FFFFFF; }

            50% {box-shadow: 0 0 14px 6px #FFFFFF;}

            100% { box-shadow: 0 0 14px #FFFFFF; }
        }

/*.btnPulsate .volkswagen-commercial-vehicle .button, .btnPulsate .volkswagen-commercial-vehicle a.go, .btnPulsate .volkswagen-commercial-vehicle a.gonext, .btnPulsate .volkswagen-commercial-vehicle .spinactive { animation: btnpulsatevolkswagen-commercial-vehicle 1.35s infinite!important; }
@-webkit-keyframes btnpulsatevolkswagen-commercial-vehicle {
    0% { box-shadow: 0px 0px 0px 0px #001E50; }

    50% { box-shadow: 0px 0px 6px 2px #001E50; }

    100% { box-shadow: 0px 0px 0px 0px #001E50; }
}
	*/

.volkswagen-commercial-vehicle .sidebarTrigger.refineBtn { background-color: #001E50!important; }
.volkswagen-commercial-vehicle .tabs_menu .tabsbtn:hover { background-color: #001E50!important; }

/*  offer color*/
.volkswagen-commercial-vehicle .ofrClr, .volkswagen-commercial-vehicle .ofrClr p, .volkswagen-commercial-vehicle .ofrClr strong { color: #FFFFFF!important; }
.volkswagen-commercial-vehicle .ofrBdrClr { border-color: #FFFFFF!important; }
.volkswagen-commercial-vehicle .ofrBGClr { background-color: #FFFFFF!important; }
.volkswagen-commercial-vehicle .ofrBdrHvrClr:hover { border-color: #001E50!important; }
.volkswagen-commercial-vehicle .detailSlide .offrLines li:after {background-color: #FFFFFF!important; }


/*header buttons*/
.volkswagen-commercial-vehicle .btnHead { color: #001E50!important; background-color: transparent!important; border-color: #001E50!important; }
.volkswagen-commercial-vehicle .btnHead:hover { color: #001E50!important; background-color: transparent!important; }

.head_style6 .volkswagen-commercial-vehicle .btnHead,
.head_style6 .volkswagen-commercial-vehicle + .navLinksMob .btnHead,
.head_style7 .volkswagen-commercial-vehicle .btnHead,
.head_style6 .volkswagen-commercial-vehicle + .navLinksMob .btnHead { color: #001E50!important; background-color: transparent!important; border-color: #001E50!important; }

.head_style6 .volkswagen-commercial-vehicle .btnHead:hover,
.head_style6 .volkswagen-commercial-vehicle + .navLinksMob .btnHead:hover,
.head_style7 .volkswagen-commercial-vehicle .btnHead:hover,
.head_style7 .volkswagen-commercial-vehicle + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #001E50!important; border-color: #001E50!important; }

.head_style8 .volkswagen-commercial-vehicle .btnHead,
.head_style8 .volkswagen-commercial-vehicle + .navLinksMob .btnHead,
.head_style9 .volkswagen-commercial-vehicle .btnHead,
.head_style9 .volkswagen-commercial-vehicle + .navLinksMob .btnHead  { color: #fff!important; background-color: #001E50!important; border-color: #001E50!important; }

.head_style8 .volkswagen-commercial-vehicle .btnHead:hover,
.head_style8 .volkswagen-commercial-vehicle + .navLinksMob .btnHead:hover,
.head_style9 .volkswagen-commercial-vehicle .btnHead:hover,
.head_style9 .volkswagen-commercial-vehicle + .navLinksMob .btnHead:hover { color: #001E50!important; background-color: transparent!important; }

.panel.head_style4 .volkswagen-commercial-vehicle .centerInner li a:before,
.panel.head_style4 .volkswagen-commercial-vehicle .centerInner li a:after,
.panel.head_style4 .volkswagen-commercial-vehicle + .navLinksMob li a:before,
.panel.head_style4 .volkswagen-commercial-vehicle + .navLinksMob li a:after,
.panel.head_style5 .volkswagen-commercial-vehicle .centerInner li a:before,
.panel.head_style5 .volkswagen-commercial-vehicle .centerInner li a:after,
.panel.head_style5 .volkswagen-commercial-vehicle + .navLinksMob li a:before,
.panel.head_style5 .volkswagen-commercial-vehicle + .navLinksMob li a:after { border-color: #001E50!important; }


.dateSelect .dateSec:hover{background: (upgrdBtnBg) !important;}
.dateSelect li.active .dateSec{background: (upgrdBtnBg) !important;}
.timeSelect .timeSec:hover{background: (upgrdBtnBg) !important;}
.newcarSteps li.active span{background: (upgrdBtnBg) !important;}
.upgradeForm .confirmSelect .newcarSteps span{background: (upgrdBtnBg) !important;}