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

/* button color*/
.btnClr { color:#111111!important; }
.btnBdrClr { border-color: #111111!important; }
.btnBGClr { background-color: #111111!important; }
.btnBGClr:hover { background-color: #000000!important; }
.btnRGBClr { background: rgba(17,17,17, 0.8)!important; }
.btnBGHvrClr:hover { background-color:#111111!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 #111111!important; -moz-box-shadow: 0px 0px 0px 5px #111111!important; box-shadow: 0px 0px 0px 5px #111111!important; box-shadow: 0px 0px 0px 5px #111111!important;}
/*.custom-header.btnstyle_2 .trigger {background-color: transparent !important;  border-color: #111111 !important; }
.custom-header.btnstyle_2 .btnClr {color:#111111 !important;}*/
.speech-bubble {background-color:#111111!important;  color:#111111!important;}
.speech-bubble:after {border-bottom-color: #111111!important;}
.speech-bubble:hover:after {border-bottom-color: #111111!important;}

.forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#111111!important; }
.blrAccr .blrHead.active .stCount { background-color:#111111!important; color: #fff !important; }
.btn-txt-clr, .btn-txt-clr span { color: #111111!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(17,17,17, 0.7)!important; }
body .blrEnqBtn .dropdown-el input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #111111 !important; }
body .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2),
body .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #111111 !important; }
body .blrEnqBtn .dropdown-el.expanded label:hover,
body .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#111111!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(17,17,17, 0.2)!important; }

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

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

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

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

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


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

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

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

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

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


.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: #111111!important; }
.tabs_menu .tabsbtn:hover { background-color: #111111!important; }

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

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

.offerDetail1 .inviteBlck .frame-94 { background: rgba(17,17,17, 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: #111111!important; }
.detailSlide .offrLines li:after {background-color: #000000!important; }
/*header buttons*/
.btnHead { color: #111111!important; background-color: transparent!important; border-color: #111111!important; }
.btnHead:hover { color: #111111!important; background-color: transparent!important; }
.home_style14 .landerbtn { background: rgba(17,17,17, 1)!important; }
.head_style6 .btnHead,
.head_style6 + .navLinksMob .btnHead,
.head_style7 .btnHead,
.head_style7 + .navLinksMob .btnHead { color: #111111!important; background-color: transparent!important; border-color: #111111!important; }

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

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

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

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

/*Upgrade*/
body {
--upgrade-theme-main-color :#111111!important;
--upgrade-theme-step-color :#111111!important;
--upgrade-theme-selection :#111111!important;
--upgrade-theme-hover :#111111!important;
--upgrade-theme-btn-color :#FFFFFF!important;
--upgrade-theme-btn-text :#FFFFFF!important;
--upgrade-step-color-rgb :17,17,17!important;
--upgrade-selection-rgb :17,17,17!important;
}


:root{--btn-color:#111111;--btn-hover:#000000;--btn-text-color: #111111; --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-color) !important; }
body.btn-style2 .btnStyle:hover { background-color: var(--btn-hover)  !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; }

.modelSelect .nxtButton.btnStyle:hover {background-color:var(--btn-color) !important; color:var(--btn-text-color) !important; }
.modelSelect .nxtButton.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-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); }
}









body .omoda {
--upgrade-step-color:#FFFFFF!important;
--upgrade-selection:#FFFFFF!important;
--upgrade-hover:#FFFFFF!important;
--upgrade-btn-text: #FFFFFF!important;
--upgrade-theme-main-color :#000000!important;
--upgrade-theme-step-color :#FFFFFF!important;
--upgrade-theme-selection :#FFFFFF!important;
--upgrade-theme-hover :#FFFFFF!important;
--upgrade-theme-btn-color :#FFFFFF!important;
--upgrade-theme-btn-text :#FFFFFF!important;
--upgrade-step-color-rgb :255,255,255!important;
--upgrade-selection-rgb :255,255,255!important;
}

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


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

.omoda .btnRGBClr { background: rgba(0,0,0, 0.8)!important; }
.omoda .btnBGHvrClr:hover { background-color:#000000!important; }
.omoda .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#000000!important; }
.omoda .blrAccr .blrHead.active .stCount { background-color:#000000!important; color: #fff !important; }

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

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

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

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

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

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

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





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

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

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

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

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

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


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

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

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

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

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

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

/*Custom Buttons*/

body.omoda{--btn-color:#000000;--btn-hover:#000000;--btn-text-color: #000000;--btn-pulse-color: #FFFFFF;}



body .jaecoo {
--upgrade-step-color:#FFFFFF!important;
--upgrade-selection:#FFFFFF!important;
--upgrade-hover:#FFFFFF!important;
--upgrade-btn-text: #FFFFFF!important;
--upgrade-theme-main-color :#FFFFFF!important;
--upgrade-theme-step-color :#FFFFFF!important;
--upgrade-theme-selection :#FFFFFF!important;
--upgrade-theme-hover :#FFFFFF!important;
--upgrade-theme-btn-color :#FFFFFF!important;
--upgrade-theme-btn-text :#FFFFFF!important;
--upgrade-step-color-rgb :255,255,255!important;
--upgrade-selection-rgb :255,255,255!important;
}

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


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

.jaecoo .btnRGBClr { background: rgba(0,0,0, 0.8)!important; }
.jaecoo .btnBGHvrClr:hover { background-color:#000000!important; }
.jaecoo .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#000000!important; }
.jaecoo .blrAccr .blrHead.active .stCount { background-color:#000000!important; color: #fff !important; }

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

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

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

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

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

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

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





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

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

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

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

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

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


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

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

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

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

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

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

/*Custom Buttons*/

body.jaecoo{--btn-color:#000000;--btn-hover:#000000;--btn-text-color: #000000;--btn-pulse-color: #FFFFFF;}