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


/* button color*/
.btnClr { color: #000C24!important; }
.btnBdrClr { border-color: #000C24!important; }
.btnBGClr { background-color: #000C24!important; }
.btnRGBClr { background: rgba(0,12,36, 0.8)!important; }
.btnBGHvrClr:hover { background-color:#000C24!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 #000C24!important; -moz-box-shadow: 0px 0px 0px 5px #000C24!important; box-shadow: 0px 0px 0px 5px #000C24!important; box-shadow: 0px 0px 0px 5px #000C24!important;}


.forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#000C24!important; }
.blrAccr .blrHead.active .stCount { background-color:#000C24!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,12,36, 0.7)!important; }
body .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #000C24 !important; }

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

body .blrEnqBtn .dropdown-el.expanded label:hover,
body .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#000C24!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(77,77,77, 0.2)!important; }

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

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

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

ul.tick-list li:before {color:  #000C24!important; }
.editorDescription ul li:before {color:  #000C24!important; }
.vaulttl { color: #000C24!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,12,36,0.2); }
    50% { text-shadow: 1px 1px 6px rgba(0,12,36,1); }
    100% { text-shadow: 1px 1px 6px rgba(0,12,36,0.2); }
}

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




.blueleft:before {background:  #000C24!important; }
.spinactive.highlight {box-shadow: 0px 0px 13px 4px rgba(0,12,36,1)!important; box-shadow: 0px 0px 13px 4px rgba(0,12,36,1)!important; -webkit-box-shadow: 0px 0px 13px 4px rgba(0,12,36,1)!important; -moz-box-shadow: 0px 0px 13px 4px rgba(0,12,36,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,12,36, 0.2); }

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

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

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

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

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

@-webkit-keyframes pulser {
    0% { -webkit-box-shadow: 0 0 14px rgba(0,12,36,0.2)!important; }
    50% { -webkit-box-shadow: 0 0 14px 6px rgba(0,12,36,0.9)!important; }
    100% { -webkit-box-shadow: 0 0 14px rgba(0,12,36,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 #4D4D4D; }
             
            50% {box-shadow: 0 0 14px 6px #4D4D4D;}

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


.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 #000C24; }

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

    100% { box-shadow: 0px 0px 0px 0px #000C24; }
}*/

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

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

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

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

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

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

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

.head_style8 .btnHead:hover,
.head_style8 + .navLinksMob .btnHead:hover,
.head_style9 .btnHead:hover,
.head_style9 + .navLinksMob .btnHead:hover { color: #000C24!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: #000C24!important; }
.wantCarForm h3.sepTitle:before{ background-color:#000C24!important;}                          
.wantCarForm h3.sepTitle:after{ background-color:#000C24!important;}  

/* {make} main color*/ 
.peugeot .mainClr { color: #383838!important; }
.peugeot .mainBdrClr { border-color: #383838!important; }
.peugeot .mainBGClr { background-color: #383838!important; }
.peugeot svg.mainBGClr {  background: none!important; fill: #383838!important; }


/*  button color*/
.peugeot .btnClr { color: #0274E7!important; }
.peugeot .btnBdrClr { border-color: #0274E7!important; }
.peugeot .btnBdrClr { border-color: #0274E7!important;}
.peugeot .btnBGClr { background-color: #0274E7!important; }
.peugeot .btnBGClr:hover { background-color:#0274E7!important; }

.peugeot .btnRGBClr { background: rgba(2,116,231, 0.8)!important; }
.peugeot .btnBGHvrClr:hover { background-color:#0274E7!important; }
.peugeot .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#0274E7!important; }
.peugeot .blrAccr .blrHead.active .stCount { background-color:#0274E7!important; color: #fff !important; }

.peugeot .btn-txt-clr { color: #FFFFFF!important;}
.peugeot .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid #FFFFFF!important;}
.peugeot .btn-outline-clr { border: 1px solid #FFFFFF!important;}
.peugeot .btn-outline-clr:hover, .peugeot .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .peugeot .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(2,116,231, 0.7)!important; }

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

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

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

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

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

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

.peugeot .tabbedinfo .tabs li:before { background-color: #0274E7!important; }

.peugeot .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #0274E7; -moz-box-shadow: 0px 0px 0px 4px #0274E7; box-shadow: 0px 0px 0px 4px #0274E7; }

.peugeot .pulser { box-shadow: 0 0 0 0 #0274E7; -webkit-animation: pulsepeugeot 1.35s infinite; } 

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

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

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

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

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

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

/*.btnPulsate .peugeot .button, .btnPulsate .peugeot a.go, .btnPulsate .peugeot a.gonext, .btnPulsate .peugeot .spinactive { animation: btnpulsatepeugeot 1.35s infinite!important; }
@-webkit-keyframes btnpulsatepeugeot {
    0% { box-shadow: 0px 0px 0px 0px #0274E7; }

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

    100% { box-shadow: 0px 0px 0px 0px #0274E7; }
}
	*/

.peugeot .sidebarTrigger.refineBtn { background-color: #0274E7!important; }
.peugeot .tabs_menu .tabsbtn:hover { background-color: #0274E7!important; }

/*  offer color*/
.peugeot .ofrClr, .peugeot .ofrClr p, .peugeot .ofrClr strong { color: #3B3B3B!important; }
.peugeot .ofrBdrClr { border-color: #3B3B3B!important; }
.peugeot .ofrBGClr { background-color: #3B3B3B!important; }
.peugeot .ofrBdrHvrClr:hover { border-color: #0274E7!important; }
.peugeot .detailSlide .offrLines li:after {background-color: #3B3B3B!important; }


/*header buttons*/
.peugeot .btnHead { color: #0274E7!important; background-color: transparent!important; border-color: #0274E7!important; }
.peugeot .btnHead:hover { color: #0274E7!important; background-color: transparent!important; }

.head_style6 .peugeot .btnHead,
.head_style6 .peugeot + .navLinksMob .btnHead,
.head_style7 .peugeot .btnHead,
.head_style6 .peugeot + .navLinksMob .btnHead { color: #0274E7!important; background-color: transparent!important; border-color: #0274E7!important; }

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

.head_style8 .peugeot .btnHead,
.head_style8 .peugeot + .navLinksMob .btnHead,
.head_style9 .peugeot .btnHead,
.head_style9 .peugeot + .navLinksMob .btnHead  { color: #fff!important; background-color: #0274E7!important; border-color: #0274E7!important; }

.head_style8 .peugeot .btnHead:hover,
.head_style8 .peugeot + .navLinksMob .btnHead:hover,
.head_style9 .peugeot .btnHead:hover,
.head_style9 .peugeot + .navLinksMob .btnHead:hover { color: #0274E7!important; background-color: transparent!important; }

.panel.head_style4 .peugeot .centerInner li a:before,
.panel.head_style4 .peugeot .centerInner li a:after,
.panel.head_style4 .peugeot + .navLinksMob li a:before,
.panel.head_style4 .peugeot + .navLinksMob li a:after,
.panel.head_style5 .peugeot .centerInner li a:before,
.panel.head_style5 .peugeot .centerInner li a:after,
.panel.head_style5 .peugeot + .navLinksMob li a:before,
.panel.head_style5 .peugeot + .navLinksMob li a:after { border-color: #0274E7!important; }