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

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

.forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }
.btn-txt-clr, .btn-txt-clr span { color: #FFFFFF!important;}
.btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;}
.btn-outline-clr:hover { border:1px solid transparent!important; box-shadow:none; /*opacity:0.8;*/background-color: rgba(218,39,27, 0.7)!important; }
body .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #DA271B !important; }
body .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #DA271B !important; }
body .blrEnqBtn .dropdown-el.expanded label:hover,
body .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#DA271B!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(218,39,27, 0.2)!important; }

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

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

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

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

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


.blueleft:before {background:  #DA271B!important; }
.spinactive.highlight {box-shadow: 0px 0px 13px 4px rgba(218,39,27,1)!important; box-shadow: 0px 0px 13px 4px rgba(218,39,27,1)!important; -webkit-box-shadow: 0px 0px 13px 4px rgba(218,39,27,1)!important; -moz-box-shadow: 0px 0px 13px 4px rgba(218,39,27,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(218,39,27, 0.2); } 50% {box-shadow: 0 0 14px 6px rgba(218,39,27, 0.9);} 100% { box-shadow: 0 0 14px rgba(218,39,27, 0.2); }}

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

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

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

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


.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; }
}

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

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

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

.offerDetail1 .inviteBlck .frame-94 { background: rgba(218,39,27, 0.17)!important; }

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

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

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

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

:root {--upgrade-step-color:#DA271B!important;--upgrade-selection:#DA271B!important; --upgrd-btn-clr-rgb: rgba(0,0,0,0.27); --upgrade-hover:#DA271B!important;  --upgrade-btn-text: #FFFFFF!important;  }
:root{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF; --btn-pulse-color: #FFFFFF;}

.newcarSteps li.active span { background: var(--upgrade-step-color)!important; }
.dateSelect .dateSec:not(.liquidEffect):hover { background: var(--upgrade-hover)!important; opacity:1!important; }
.btnSelections .vehTypeBtn:hover {background: var(--upgrade-hover)!important; opacity:1!important;}
.dateSelect li.active .dateSec { background: var(--upgrade-hover)!important; color: #fff;}

/*Buttons Style*/
body.btn-style1 .btnStyle { background-color: transparent !important; border: none !important; color: var(--btn-color) !important; }
body.btn-style1 .btnStyle:hover { background-color: transparent !important; border: none !important; color: var(--btn-hover) !important; }

body.btn-style2 .btnStyle { background-color: transparent !important; border: 2px solid var(--btn-color) !important; color: var(--btn-text-color) !important; }
body.btn-style2 .btnStyle:hover { background-color: transparent !important; border: 2px solid var(--btn-hover) !important; color: var(--btn-text-color) !important; }

body.btn-style3 .btnStyle { background-color: var(--btn-color) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; }
body.btn-style3 .btnStyle:hover { background-color: var(--btn-hover) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; }

body.btn-style1 .btnStyle svg{ fill: var(--btn-color) !important; }
body.btn-style1 .btnStyle:hover svg{ fill: var(--btn-hover) !important; }

body.btn-style2 .btnStyle svg{ fill: var(--btn-color) !important; }
body.btn-style2 .btnStyle:hover svg{ fill: var(--btn-hover) !important; }

body.btn-style3 .btnStyle svg{ fill: var(--btn-text-color) !important; }
body.btn-style3 .btnStyle:hover svg{ fill: var(--btn-text-color) !important; }



header.btnstyle_1 .btnStyle { background-color: transparent !important; border: none !important; color: var(--btn-color) !important; }
header.btnstyle_1 .btnStyle:hover { background-color: transparent !important; border: none !important; color: var(--btn-hover) !important; }

header.btnstyle_2 .btnStyle { background-color: transparent !important; border: 2px solid var(--btn-color) !important; color: var(--btn-color) !important; }
header.btnstyle_2 .btnStyle:hover { background-color: transparent !important; border: 2px solid var(--btn-hover) !important; color: var(--btn-hover) !important; }

header.btnstyle_3 .btnStyle { background-color: var(--btn-color) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; }
header.btnstyle_3 .btnStyle:hover { background-color: var(--btn-hover) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; }

header.btnstyle_1 .btnStyle svg{ fill: var(--btn-color) !important; }
header.btnstyle_1 .btnStyle:hover svg{ fill: var(--btn-hover) !important; }

header.btnstyle_2 .btnStyle svg{ fill: var(--btn-text-color) !important; }
header.btnstyle_2 .btnStyle:hover svg{ fill: var(--btn-hover) !important; }

header.btnstyle_3 .btnStyle svg{ fill: var(--btn-text-color) !important; }
header.btnstyle_3 .btnStyle:hover svg{ fill: var(--btn-text-color) !important; }

.blueleft {border-color:var(--btn-color) !important;}


body.btn-liquid .btnStyle:not(.nxtButton) { cursor: pointer; overflow: hidden; --p: 0%; --t: 0s; background: linear-gradient(#fff, var(--btn-color) 0 0) no-repeat 0 100% / 100% var(--p, 5px)!important; transition: background-size 0.3s ease-out, background-size 0.3s var(--t) ease-in, color 0.3s ease!important;  color: var(--btn-text-color) !important; border: 2px solid var(--btn-color) !important; }
body.btn-liquid .btnStyle:not(.nxtButton):hover { --p: 100%; --t: 0s; color: #FFF !important; border: 2px solid var(--btn-color) !important; background-color:transparent!important; }
body.btn-liquid:not(.btn-style2) .btnStyle:hover svg{fill: #FFF !important;}

body.btn-liquid header .btnStyle:hover {--t: 0.3s;}

body.btn-style3.btn-liquid .btnStyle.nxtButton:hover {color:#FFF!important;}


body.btn-pulsate .btnStyle:not(.nxtButton) { box-shadow: 0 0 1px 2px var(--btn-pulse-color); -webkit-animation: btnPulse 1.35s infinite; animation: btnPulse 1.35s infinite; }
body.btn-pulsate .btnStyle:hover { -webkit-animation: none; }


/*body.btn-liquid .btnStyle { cursor: pointer; overflow: hidden; --p: 0%; --t: 0s; background: linear-gradient(#fff, var(--btn-hover) 0 0) no-repeat 0 100% / 100% var(--p, 5px)!important; transition: background-size 0.3s ease-out, background-size 0.3s var(--t) ease-in, color 0.3s ease!important;  color: var(--btn-color) !important; border: 2px solid var(--btn-hover) !important; }
body.btn-liquid .btnStyle:hover { --p: 100%; --t: 0.3s; color: var(--btn-color) !important; }

body.btn-pulsate .btnStyle { box-shadow: 0 0 1px 2px var(--btn-pulse-color); -webkit-animation: btnPulse 1.35s infinite; animation: btnPulse 1.35s infinite; }
body.btn-pulsate .btnStyle:hover { -webkit-animation: none; }*/

 

@-webkit-keyframes btnPulse {
 10% { box-shadow: 0 0 1px 2px var(--btn-pulse-color); }
 70% { box-shadow: 0 0 2px 6px var(--btn-pulse-color); }
 100% { box-shadow: 0 0 0 0px var(--btn-pulse-color); }
}

@keyframes btnPulse {
 10% { box-shadow: 0 0 1px 1px var(--btn-pulse-color); }
 70% { box-shadow: 0 0 2px 6px var(--btn-pulse-color); }
 100% { box-shadow: 0 0 0 0px var(--btn-pulse-color); }
}








/* {make} main color*/ 
.citroën .mainClr { color: #FFFFFF!important; }
.citroën .mainBdrClr { border-color: #FFFFFF!important; }
.citroën .mainBGClr { background-color: #FFFFFF!important; }
.citroën svg.mainBGClr {  background: none!important; fill: #FFFFFF!important; }


/*  button color*/
.citroën .btnClr { color: #DA271B!important; }
.citroën .btnBdrClr { border-color: #DA271B!important; }
.citroën .btnBdrClr { border-color: #DA271B!important;}
.citroën .btnBGClr { background-color: #DA271B!important; }
.citroën .btnBGClr:hover { background-color:#DA271B!important; }

.citroën .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.citroën .btnBGHvrClr:hover { background-color:#DA271B!important; }
.citroën .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.citroën .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

.citroën .btn-txt-clr { color: #FFFFFF!important;}
.citroën .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;}
.citroën .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;}
.citroën .btn-outline-clr:hover, .citroën .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .citroën .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(218,39,27, 0.7)!important; }

body .citroën .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .citroën .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #DA271B !important; }

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

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

body .citroën .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2),
body .citroën .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #DA271B !important; }

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

.citroën .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }
.citroën .tabbedinfo .tabs li:before { background-color: #DA271B!important; }
.citroën .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.citroën .pulser { box-shadow: 0 0 0 0 #DA271B; -webkit-animation: pulsecitroën 1.35s infinite; } 

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

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

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

.scratched { animation: scratchShadowcitroën 2s infinite ease-in-out; -webkit-animation: scratchShadowcitroën 2s infinite ease-in-out; }
@keyframes scratchShadowcitroën {
    0% { box-shadow: 0 0 14px #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

.citroën .sidebarTrigger.refineBtn { background-color: #DA271B!important; }
.citroën .tabs_menu .tabsbtn:hover { background-color: #DA271B!important; }

/*  offer color*/
.citroën .ofrClr, .citroën .ofrClr p, .citroën .ofrClr strong { color: #FFFFFF!important; }
.citroën .ofrBdrClr { border-color: #FFFFFF!important; }
.citroën .ofrBGClr { background-color: #FFFFFF!important; }
.citroën .ofrBdrHvrClr:hover { border-color: #DA271B!important; }
.citroën .detailSlide .offrLines li:after {background-color: #FFFFFF!important; }


/*header buttons*/
.citroën .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }
.citroën .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.head_style6 .citroën .btnHead,
.head_style6 .citroën + .navLinksMob .btnHead,
.head_style7 .citroën .btnHead,
.head_style6 .citroën + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }

.head_style6 .citroën .btnHead:hover,
.head_style6 .citroën + .navLinksMob .btnHead:hover,
.head_style7 .citroën .btnHead:hover,
.head_style7 .citroën + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #DA271B!important; border-color: #DA271B!important; }

.head_style8 .citroën .btnHead,
.head_style8 .citroën + .navLinksMob .btnHead,
.head_style9 .citroën .btnHead,
.head_style9 .citroën + .navLinksMob .btnHead  { color: #fff!important; background-color: #DA271B!important; border-color: #DA271B!important; }

.head_style8 .citroën .btnHead:hover,
.head_style8 .citroën + .navLinksMob .btnHead:hover,
.head_style9 .citroën .btnHead:hover,
.head_style9 .citroën + .navLinksMob .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.panel.head_style4 .citroën .centerInner li a:before,
.panel.head_style4 .citroën .centerInner li a:after,
.panel.head_style4 .citroën + .navLinksMob li a:before,
.panel.head_style4 .citroën + .navLinksMob li a:after,
.panel.head_style5 .citroën .centerInner li a:before,
.panel.head_style5 .citroën .centerInner li a:after,
.panel.head_style5 .citroën + .navLinksMob li a:before,
.panel.head_style5 .citroën + .navLinksMob li a:after { border-color: #DA271B!important; }

/*Custom Buttons*/

body.citroën{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}


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


/*  button color*/
.hyundai .btnClr { color: #DA271B!important; }
.hyundai .btnBdrClr { border-color: #DA271B!important; }
.hyundai .btnBdrClr { border-color: #DA271B!important;}
.hyundai .btnBGClr { background-color: #DA271B!important; }
.hyundai .btnBGClr:hover { background-color:#DA271B!important; }

.hyundai .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.hyundai .btnBGHvrClr:hover { background-color:#DA271B!important; }
.hyundai .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.hyundai .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

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

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

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

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

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

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

.hyundai .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }
.hyundai .tabbedinfo .tabs li:before { background-color: #DA271B!important; }
.hyundai .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.hyundai .pulser { box-shadow: 0 0 0 0 #DA271B; -webkit-animation: pulsehyundai 1.35s infinite; } 

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

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

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

.scratched { animation: scratchShadowhyundai 2s infinite ease-in-out; -webkit-animation: scratchShadowhyundai 2s infinite ease-in-out; }
@keyframes scratchShadowhyundai {
    0% { box-shadow: 0 0 14px #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

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

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


/*header buttons*/
.hyundai .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }
.hyundai .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.head_style6 .hyundai .btnHead,
.head_style6 .hyundai + .navLinksMob .btnHead,
.head_style7 .hyundai .btnHead,
.head_style6 .hyundai + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }

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

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

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

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

/*Custom Buttons*/

body.hyundai{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}


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


/*  button color*/
.mg .btnClr { color: #DA271B!important; }
.mg .btnBdrClr { border-color: #DA271B!important; }
.mg .btnBdrClr { border-color: #DA271B!important;}
.mg .btnBGClr { background-color: #DA271B!important; }
.mg .btnBGClr:hover { background-color:#DA271B!important; }

.mg .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.mg .btnBGHvrClr:hover { background-color:#DA271B!important; }
.mg .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.mg .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

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

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

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

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

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

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

.mg .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }
.mg .tabbedinfo .tabs li:before { background-color: #DA271B!important; }
.mg .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.mg .pulser { box-shadow: 0 0 0 0 #DA271B; -webkit-animation: pulsemg 1.35s infinite; } 

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

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

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

.scratched { animation: scratchShadowmg 2s infinite ease-in-out; -webkit-animation: scratchShadowmg 2s infinite ease-in-out; }
@keyframes scratchShadowmg {
    0% { box-shadow: 0 0 14px #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

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

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


/*header buttons*/
.mg .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }
.mg .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.head_style6 .mg .btnHead,
.head_style6 .mg + .navLinksMob .btnHead,
.head_style7 .mg .btnHead,
.head_style6 .mg + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }

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

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

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

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

/*Custom Buttons*/

body.mg{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}


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


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

.peugeot .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.peugeot .btnBGHvrClr:hover { background-color:#DA271B!important; }
.peugeot .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.peugeot .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

.peugeot .btn-txt-clr { color: #FFFFFF!important;}
.peugeot .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;}
.peugeot .btn-outline-clr { border: 1px solid (BottonOutlineColor)!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(218,39,27, 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: #DA271B !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: #DA271B !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: #DA271B !important; }

body .peugeot .blrEnqBtn .dropdown-el.expanded label:hover,
body .peugeot .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#DA271B!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: #DA271B!important; }
.peugeot .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.peugeot .pulser { box-shadow: 0 0 0 0 #DA271B; -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(218,39,27, .5);
    }

    100% {
        @include transform(scale(.9));
        box-shadow: 0 0 0 0px rgba(218,39,27, 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 #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

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

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


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

.head_style6 .peugeot .btnHead,
.head_style6 .peugeot + .navLinksMob .btnHead,
.head_style7 .peugeot .btnHead,
.head_style6 .peugeot + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!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: #DA271B!important; border-color: #DA271B!important; }

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

.head_style8 .peugeot .btnHead:hover,
.head_style8 .peugeot + .navLinksMob .btnHead:hover,
.head_style9 .peugeot .btnHead:hover,
.head_style9 .peugeot + .navLinksMob .btnHead:hover { color: #DA271B!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: #DA271B!important; }

/*Custom Buttons*/

body.peugeot{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}


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


/*  button color*/
.vauxhall .btnClr { color: #DA271B!important; }
.vauxhall .btnBdrClr { border-color: #DA271B!important; }
.vauxhall .btnBdrClr { border-color: #DA271B!important;}
.vauxhall .btnBGClr { background-color: #DA271B!important; }
.vauxhall .btnBGClr:hover { background-color:#DA271B!important; }

.vauxhall .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.vauxhall .btnBGHvrClr:hover { background-color:#DA271B!important; }
.vauxhall .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.vauxhall .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

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

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

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

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

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

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

.vauxhall .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }
.vauxhall .tabbedinfo .tabs li:before { background-color: #DA271B!important; }
.vauxhall .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.vauxhall .pulser { box-shadow: 0 0 0 0 #DA271B; -webkit-animation: pulsevauxhall 1.35s infinite; } 

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

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

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

.scratched { animation: scratchShadowvauxhall 2s infinite ease-in-out; -webkit-animation: scratchShadowvauxhall 2s infinite ease-in-out; }
@keyframes scratchShadowvauxhall {
    0% { box-shadow: 0 0 14px #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

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

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


/*header buttons*/
.vauxhall .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }
.vauxhall .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.head_style6 .vauxhall .btnHead,
.head_style6 .vauxhall + .navLinksMob .btnHead,
.head_style7 .vauxhall .btnHead,
.head_style6 .vauxhall + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }

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

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

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

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

/*Custom Buttons*/

body.vauxhall{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}


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


/*  button color*/
.used .btnClr { color: #DA271B!important; }
.used .btnBdrClr { border-color: #DA271B!important; }
.used .btnBdrClr { border-color: #DA271B!important;}
.used .btnBGClr { background-color: #DA271B!important; }
.used .btnBGClr:hover { background-color:#DA271B!important; }

.used .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.used .btnBGHvrClr:hover { background-color:#DA271B!important; }
.used .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.used .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

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

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

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

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

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

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

.used .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }
.used .tabbedinfo .tabs li:before { background-color: #DA271B!important; }
.used .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.used .pulser { box-shadow: 0 0 0 0 #DA271B; -webkit-animation: pulseused 1.35s infinite; } 

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

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

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

.scratched { animation: scratchShadowused 2s infinite ease-in-out; -webkit-animation: scratchShadowused 2s infinite ease-in-out; }
@keyframes scratchShadowused {
    0% { box-shadow: 0 0 14px #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

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

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


/*header buttons*/
.used .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }
.used .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.head_style6 .used .btnHead,
.head_style6 .used + .navLinksMob .btnHead,
.head_style7 .used .btnHead,
.head_style6 .used + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }

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

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

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

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

/*Custom Buttons*/

body.used{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}


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


/*  button color*/
.leapmotor .btnClr { color: #DA271B!important; }
.leapmotor .btnBdrClr { border-color: #DA271B!important; }
.leapmotor .btnBdrClr { border-color: #DA271B!important;}
.leapmotor .btnBGClr { background-color: #DA271B!important; }
.leapmotor .btnBGClr:hover { background-color:#DA271B!important; }

.leapmotor .btnRGBClr { background: rgba(218,39,27, 0.8)!important; }
.leapmotor .btnBGHvrClr:hover { background-color:#DA271B!important; }
.leapmotor .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#DA271B!important; }
.leapmotor .blrAccr .blrHead.active .stCount { background-color:#DA271B!important; color: #fff !important; }

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

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

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

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

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

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

.leapmotor .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; }
.leapmotor .tabbedinfo .tabs li:before { background-color: #DA271B!important; }
.leapmotor .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #DA271B; -moz-box-shadow: 0px 0px 0px 4px #DA271B; box-shadow: 0px 0px 0px 4px #DA271B; }
.leapmotor .pulser { box-shadow: 0 0 0 0 #DA271B; -webkit-animation: pulseleapmotor 1.35s infinite; } 

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

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

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

.scratched { animation: scratchShadowleapmotor 2s infinite ease-in-out; -webkit-animation: scratchShadowleapmotor 2s infinite ease-in-out; }
@keyframes scratchShadowleapmotor {
    0% { box-shadow: 0 0 14px #FFFFFF; }
    50% {box-shadow: 0 0 14px 6px #FFFFFF;}
    100% { box-shadow: 0 0 14px #FFFFFF; }
}

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

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


/*header buttons*/
.leapmotor .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }
.leapmotor .btnHead:hover { color: #DA271B!important; background-color: transparent!important; }

.head_style6 .leapmotor .btnHead,
.head_style6 .leapmotor + .navLinksMob .btnHead,
.head_style7 .leapmotor .btnHead,
.head_style6 .leapmotor + .navLinksMob .btnHead { color: #DA271B!important; background-color: transparent!important; border-color: #DA271B!important; }

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

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

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

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

/*Custom Buttons*/

body.leapmotor{--btn-color:#DA271B;--btn-hover:#DA271B;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}