/* Header Part*/
a{color: #456ab0;}
a:hover{color: #203d75;}
#menu ul ul li:hover, .outlet .insudetail .button { background: #203d75; }
.outlet .insudetail .button:hover{ background:#212121 !important; color:#fff !important;}
.nav-item a.BigNav, .nav a { color: #fff; }
.nav-mobile { background-color: #456ab0; background-position: 3px 4px; }
.nav-item a.BigNav:hover, .active a.BigNav { color: #6082c3; }
header .light a, header .topnav ul li:hover a { color: #87a1d1; }
/* Button */
.btngreen:hover, .btngreen:focus,#tab2 button:hover { background-color: #456ab0 !important; color: #fff !important;  }
.btngrey { color: #fff; background-size: 105%; text-align: center; }
.btngrey:hover, .btngrey:focus { color: #fff; background-color: #1c1c1c; background-size: 105%; }
.welcome .preintro:hover a { color: #fff; }
a:hover, a:active, a:focus, a:visited, .navlink:hover, .pickacar h2 a:hover, .cars li:hover h2 a, .offerproduct h3 a:hover, .carfinence .whychoose li a:hover,.enlargview a:hover { color: #6082c3; }
/*a, .navlink { color: #FC3; }*/
/* Theme Dark & Light Color for Background */
.yellobtn:hover {background-color: #203d75; color:#fff;}
.page .newcar li:hover { box-shadow: 2px 2px 5px #203d75 }
.page .newcar li:hover, .page .searchused a.button:hover, .page .searchused a.button, #sell_car input[type="radio"] + label span, #online input[type="radio"] + label span,.popupwrap .inputvalue input[type="radio"] + label span{ border: 1px solid #456ab0; }
#contactpage, #terms.terms, .pagination li:hover, .pagination li.active, .workshopdetail .viewlocation, #faq.faq, .overviewtab, .workshopdetail { border-color: #203d75 }
.overviewright .data .detail { color: #bfcbe2 }
/* .testimonials .shadow, .missionmain .shadow, .overviewtab .main .career-contnt .career-butn-sec .shadow, #insurance.insurance .shadow { box-shadow: 4px -4px 0 #456ab0; } */
/* .pickacar .data .detail { box-shadow: -3px -3px 0 #203d75; } */
.carfinence .tabresult { border-top-color: #456ab0 }
#picturpop .tabpart li:hover, #picturpop .tabpart li.active, .accessories th, .comparewrap h3 { border-bottom-color: #456ab0 }
.workshopdetail .viewlocation:hover, .overviewtab li.active::after, .overviewtab li.active::before, #pictures-slide .owl-prev:hover, #pictures-slide .owl-next:hover { background-color: #203d75; }
/*.compare .specinner h3 a .spleft, .compare .specinner h3 a .coarrow, .comparemob .comparetab .tabname { background-color: #456ab0; }*/
/* Theme Dark & Light Color for Border */
#pictures-slide .owl-prev:hover, #pictures-slide .owl-next:hover { border: 6px solid #203d75; }
#finance.finance { border-top: 2px solid #203d75; }
ul.tabs { border-bottom: 10px solid #456ab0; }
#tab6 .milagecity, #tab6 .milagehighway, .picdetails .exterierphoto:hover, .picdetails .exterierphoto.active, .picdetails .interierphoto:hover, .picdetails .interierphoto.active, .picdetails .allphoto:hover, .picdetails .allphoto.active { border: 2px solid #456ab0; }
#insurance input[type="radio"]:checked + label span, .popupwrap .inputvalue input[type="radio"]:checked + label span,#sell_car input[type="radio"]:checked + label span, #online input[type="radio"]:checked + label span { border: 8px double #456ab0; }
#caroutlets .shoppanel .contactpanel { border: 4px solid #456ab0; }
#pictures-slide .owl-prev, #pictures-slide .owl-next { border: 6px solid #456ab0; }
/*Theme colors for box shadow*/
#tab6 .milagehead, .picdetails .pichead { box-shadow: 7px -7px 0 #456ab0; }
.overviewtab li::before, .overviewtab li::after { box-shadow: 0 0 1px #456ab0; }
/* Theme Dark & Light Color for Color */
.detail span{ color: #203d75; }
/*Sprite*/
.sprite { background: url(../image/blue_sprite.png) no-repeat; line-height: 0px; 
 font-size: 0px; display: inline-block; *display:inline;vertical-align: middle;
 zoom: 1; }
.useddetails .usedslideshow .csAction > a i{ background-image: url("../image/blue_sprite.png");}

#abouteventmain .L-Prev::before { background-image: url("../image/blue_sprite.png"); background-position: -112px -167px; content: " "; left: 10px; padding: 12px 6px 11px; position: absolute; top: 7px; }
#abouteventmain .L-Next::before { background-image: url("../image/blue_sprite.png"); background-position: -112px -190px; content: " "; padding: 12px 8px; position: absolute; right: 6px; top: 7px; }
#testimonialsmain .testimonialinnerbox li .testimonialtext .testiiconone { background: url(../image/testimonialleft-wb.png) no-repeat top left; content:""; display:inline-block; margin-right:5px; width:34px; height:25px}
#testimonialsmain .testimonialinnerbox li .testimonialtext .testiicontwo { background: url(../image/testimonialright-wb.png) no-repeat bottom right; content:""; display:inline-block; margin-left:5px; width:34px; height:25px}

#faq li .yellow-bullet li:before { background-image: url('../image/bullet-b.png'); }

/*New Css*/
header .light { color: #36404b }
header .topnav li a { color: #456ab0; text-decoration: none; border-right: 1px solid #456ab0; }
header .topnav li a:hover{ color: #203d75; }
.nav-item:hover, #navigator > ul > li.active{ background-color: #203d75; }
header .light a{ color: #87a1d1; }
.nav-item:hover, #navigator > ul > li.active{ background-color: #456ab0; }

.btn-silver-tilted-reverse { background:#e6e6e6; }
.btn-brn-tilted-reverse, .preintro div:hover { color: #fff; background:#456ab0;}
.btn-brn-tilted { color: #fff; background-color:#456ab0;}
.btn-brn-tilted:hover { background:#203d75;}
/*New CSS---*/
@media handheld, screen and (max-width: 800px) {
    .abrir_menu span {background-position: 2px 2px; border-radius: 2px; box-shadow: 0 7px 3px -7px #373435; cursor: pointer; display: block; height: 15px; position: absolute; right: 15px; top: 20px; width: 34px; z-index: 99; }

    /*New Css*/
    header .light, header .dark a, header .dark a:hover { color: #fff }
}
@media screen and (min-width:768px) {
    /*     .pickacar .data .detail { box-shadow: -7px -7px 0 #203d75; } */
    .overviewright .data .detail { box-shadow: -7px -7px 0 #203d75, 2px 0 5px rgba(0,0,0,0.34); }
    .overviewtable thead tr, .overviewtable tbody tr, .pricetable thead tr, .pricetable tbody tr { border: 1px solid #203d75; }
    .pricetable th, .overviewtable th { background: #203d75; }
    .overviewtable2 th { color: #87a1d1 }
}
@media screen and (min-width:1023px) {
    /*.compare .shadow { box-shadow: 4px -4px 0 #456ab0; }*/
    .pickacar #owl-pickcar .owl-item, .pickacar #owl-pickcar .owl-wrapper-outer { background-color: #1e1e1e }
    #navigator > ul > li:hover, .nav-submenu li:hover { background-color: #203d75; }
    footer .connecttext .connecttitle { color: #87a1d1; }

    .newarrival .morecategory li.gsc-ta-active{background-color: #456ab0;}
}

/*New Used Car-Used Car Detail-Outlet Page */
.nubtn, .nulistingbtn .nubtn:hover, .newusedcartab li a, .newoutbtn,  .numoredetail .rowtitle.active, .usedcardetail .gscr_lSPrev:hover, .usedcardetail .gscr_lSNext:hover,
.nout-btn1:hover, .nout-btn2:hover, .mobi-outbtn, .nout-viewbtn, .nco-sublinks li a:hover, .nformwrap .nbook-btn, .newoutr-title, .nearcity_morebtn, .nbook-pickupradio input[type="radio"]:checked + label span:after, .nco-sublinks li a:hover, .ncon-calldealer:hover, .ncon-calldealer:focus, .specoffer .offer-viewbtn:hover, .specoffer .offer-viewbtn.active, .soffer-des .offer-viewbtn, .spoffer-result a.soffer-selectbtn, .soffer-des .soff-close:hover, .specoffer .cobrobtnwrap a, .cobrowselisting input[type="radio"]:checked + label span:after{background-color: #456ab0;}
.nucarname a, .nusedlisting:hover .nuprice, .nuprice:hover, .nuviewlink:hover, .nout-btn2, .nout-dealerdes .nout-type, .mobiout-view, .clicktoadd-review, .nout-right a, .nco-sublinks li a, .newarrival .morecategory li.gsc-ta-active, .soffer_top h3 a:hover, .newolistr-column li a { color: #456ab0; }
.nubtn:hover, .nulistingbtn .nubtn, .newusedcartab li a.active, .newusedcartab li a:hover, .newoutbtn:hover, .nout-btn1, .mobi-outbtn:hover,  .nout-viewbtn:hover,  .nformwrap .nbook-btn:hover, .ncon-calldealer:hover, .ncon-calldealer:focus, .nearcity_morebtn:hover { background: #456ab0; }
.ucd-media li:hover .imgsec, .nout-btn2, .nout-right a, .nco-sublinks li a  { border-color:#456ab0; }
.nucarname a:hover, .nulistingbtn a, .nview a, .nlistwrap a, .changoutlet, .nusedsimilarcar .titlepanel a, .media-body a, .nusedtitle, .mobiout-view:hover, .clicktoadd-review:hover, 
.nearcity_cityname a{color:#456ab0}
.nucarname a:hover, .nusedlisting:hover .nucarname a, .nview a:hover, .nlistwrap a:hover, .changoutlet:hover, .nusedsimilarcar .titlepanel a:hover,
.media-body a:hover, .ucd-media li:hover h2 a, .newolistr-column .vmoreclick{ color: #456ab0; }






 /* New themes color */
 .nout-viewbtn.gspp_Element, .overviewtab li.active, .overviewtab li .tab-box span:hover, .overviewtab li.active .tab-box span,
 #picturpop .tabpart li:hover, #picturpop .tabpart li.active, .accessories td a
 {
  color: #456ab0;
 }
 .mainfeatures .mini, .welcome .intro .button, .sectncontainer .bestcompanies .subitem .button, .carscards .beatcars .button, .carscards .beatcars .test-ride.button,
 .OutletButton .OutletPhn a:hover, .button3wrap, .primaryButton,.nout-viewbtn.gspp_Element:hover, #navigator > ul > li:hover,
 #navigator > ul > li:hover, #navigator > ul > li.active, #navigator ul li > ul, header .navright li:first-child a:hover, .tabbutton li:hover, .tabbutton li.active:hover, .tabbutton li.active, #navigator > ul > li:hover > a, header .navrightblock .socialmedia, header .navrightblock > div:hover, .button:hover, .button:focus, .cardmodeldetail .rightpanle .bntsection .getonroad, #carmodelgallery .owl-item .item:hover, #carmodelgallery .owl-item .item.active, #carmodelgallery .owl-controls .owl-buttons div:hover, .testimonialslider .owl-item .item.active, .testimonialslider .owl-controls .owl-buttons div:hover, #usedcardetail .right .getonroad, .stickyicons, .holder4:before, .homewelcmblock li a:hover, #locateus, .usedcar, .button:hover, .button:focus{
  background: #456ab0;
 }
 .popupwrap .button:hover, .OutletButton .OutletPhn a:hover, .nout-viewbtn.gspp_Element{
  border: solid 2px #456ab0;
}
#picturpop .tabpart li:hover, #picturpop .tabpart li.active{
  border-bottom: solid 2px #456ab0;
}


@media screen and (max-width:768px) {
  .brchr-txt, .overviewtab h3.overviewheading a, .overviewtab h3.overviewheading .vtabtitle{
    color: #456ab0;
  }
  .overviewcontent .overviewheading .vtabtitle .tabarrow{
    background: #456ab0;
  }
}

@media handheld, screen and (min-width: 1007px) {
  #navigator ul li ul li:hover{background: #000;}
}
.sectncontainer .bestcompanies .detail-btn .btn-brn-tilted, .carscards .beatcars .button{
  background: #fff;
}
#carmodelgallery .owl-item .item:hover, #carmodelgallery .owl-item .item.active, #carmodelgallery .owl-controls .owl-buttons div:hover, .testimonialslider .owl-controls .owl-buttons div:hover, .homewelcmblock li a, .button {border:2px solid #456ab0;}
.inputvalue input[type="radio"]:checked + label span, input[type="radio"]:checked + label span {
  border: 8px double #456ab0 !important;
}

/* Input Border Color */
input.errorfield, .select-wrapper.errorfield, .feature li, #select_a_car .item.slick-center, #select_a_car .owl-next:hover, #select_a_car .owl-prev:hover, .select-button:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, .select-wrapper:hover, .select-wrapper:focus, .newcars .carbox:hover .carimgbox, textarea:hover, #sell_car #insurance input[type="radio"]:checked + label span, .popupwrap .inputvalue input[type="radio"]:checked + label span, #sell_car input[type="radio"]:checked + label span, #online input[type="radio"]:checked + label span, #sell_car .page .newcar li:hover, #online .online_radio textarea:hover, #online .online_input textarea:hover, .page .searchused a.button:hover, .page .searchused a.button, #sell_car input[type="radio"] + label span, #online input[type="radio"] + label span, .select-wrapper:hover, .select-wrapper:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover 
{ border-color:#456ab0; }
#navigator > ul > li:hover > a, #navigator > ul > li.active > a, #carmodelgallery .owl-item .item:hover, #carmodelgallery .owl-item .item.active, .hometestimonial .button:hover,    .newcarwrap .new-car li .quickviews:hover, .button:hover, .button:focus  { color:#fff; }
h1, h2, h3, h4{
  color: #24272c;
}
.nbook-pickupradio input[type="radio"]:checked + label span, .cobrowselisting input[type="radio"]:checked + label span {border: 2px solid #456ab0 !important;}
footer .footertop a:hover, .accestable .pric, #picture .tabbutton li.tabnavactive a, #breadcrumb a:hover, .cardmodeldetail .rightpanle .bntsection .comparebnt:hover, .hometestimonial .button, .newcarwrap .new-car li .modelname a:hover, .newcarwrap .new-car li a:hover, .sitemap .sitemapheading a:hover, .contactdetail p a:hover, #page.error li a:hover, .Phoneno li a:hover, .button, .accestable .pric, button.button2:hover, .otppopup .dintreceive a, .modelpage .accestable table td:first-child a { color: #456ab0 }
.primaryBlackBtn{
    background: #24272c; 
  }
  .primaryButton:hover{
    background: #203d75;
  }
  .varient-overview .overviewright button:hover{
    background: #456ab0 !important;
  }