html { overflow: scroll; }
html, input, textarea, select, button {
  -webkit-font-smoothing: antialiased;
}
#header div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

body,ul,div,a,td,h1,h2,h3,select { margin:0px; padding:0px; -webkit-text-size-adjust: 100%; }
div, ul, li, a, input { box-sizing: border-box; }
sup, sub { font-size:0.7em ;line-height: 0.8; }
.uppercase { text-transform: uppercase; }
body { width: 100%; padding:0px; font-family: 'SuisseIntlCond', Arial, Helvetica, sans-serif; font-size: 1rem; color: #1C1F33; overflow: hidden;  }
body.fixed { position: fixed; }
.mainBody.blur { filter: blur(5px); }
input, textarea, select, label { font-family: inherit; font-size: inherit; }
.mainBody { margin: 0px; width: 100%; padding:0px; overflow: hidden;  }
.mainBody.thinheader {  }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
h1 { font-weight: 600; color: #1C1F33; font-size: 1rem; clear: both;}
h1 span.unbold { font-weight: inherit; }

.dctsacookiespolicy .break { display: block; clear: both; padding: 5px 0px; }

body > div.loading { 
    position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 10000000; 
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_loading.svg); background-repeat: no-repeat; background-position: center center; 
    background-size: 20% auto;
}

.line-dot-overlay { position: relative; }
.line-dot-overlay .dot { position: absolute; top: 0px; right: 0px; background: #000; opacity: 0.15; width: 50%; height: 50%; }
.line-dot-overlay .line { position: absolute; bottom: 0px; left: 0px; background: #000; opacity: 0.15; width: 50%; height: 50%; }

.contact-btn:before { content: "Contact"; color: #fff; left: 12px; top: 10px; z-index: 1; position: absolute; font-weight: 300; font-size: 0.9rem;  }
.de-DE .contact-btn:before, .de-CH .contact-btn:before, .de-AT .contact-btn:before { content: "Kontakt"; }

.contact-btn { 
    display: none;
    position: fixed; right: 16px; bottom: 20px;    
    width: 90px; height: 38px;
    z-index: 1;    
    cursor: pointer;    
}
body.home .contact-btn, body.car .contact-btn, body.catalog .contact-btn { display: block; }
body.home .contact-btn { bottom: 64.6vh; transition: bottom 0.4s cubic-bezier(0.68, -0.15, 0.265, 1.15); }
body .contact-btn.moving { 
    position: absolute;
}
body .contact-btn.bottomed { bottom: 20px !important; }
body.car .contact-btn.bottomed { bottom: 83px !important; top: initial; !important; position: fixed; transition: all 0.3s ease-out; }
body.car .contact-btn.topped { top: 220px !important; bottom: 100vh !important; position: absolute; transition: all 0.3s ease-out; }

body .contact-btn .btn-bg, body .contact-btn-inline .btn-bg {
    width: 90px; height: 38px; border-radius: 50px;
    background-color: #00B453; opacity: 1; 
    position: absolute; z-index: 0; top: 0px; left: 0px;
    box-shadow: 0px 4px 3px rgba(0,0,0,0.2)
}

body .contact-btn .btn-icon, .contact-btn-inline .btn-icon {
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_call-white-fill.svg) no-repeat 6px 2px;
    background-size: 32px auto;
    width: 38px; height: 38px;
    position: absolute; top:  0px; right:  0px;
    z-index: 1;
    border-radius: 38px;        
}
body .contact-btn .btn-icon.bg-sales-person, .contact-btn-inline .btn-icon.bg-sales-person { background-size: 32px auto; background-position: 4px 3px; }

.infoable { position: relative; }
.infoable .infoicon {
	width: 20px; height: 20px; position: absolute; top: 0px; right: -30px; z-index: 1;
	background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_info.svg) center center no-repeat;
	background-size: 20px auto; cursor: pointer;
}
.infoable.dispo .infoicon { background-size: 12px; top: 6px; right: -20px; }
.carpage .infoable.dispo .infoicon { position: static; display: inline-block; }
.infoable.reference .infoicon { background-size: 14px; top: 0px; right: -20px; }
.count .infoable.reference .infoicon { background-size: 12px; right: -25px; }

.section.infoable.dispo .infoicon { left: 68px; top: 0px; background-size: 12px; }
[lang=de] .section.infoable.dispo .infoicon { left: 105px; }

.title .infoable.comment .infoicon { background-size: 16px; right: -22px; top: -1px; }

.short.noleasing .totalPrice.infoable .infoicon { right: initial; left: 50%; top: -5px; margin-left: 40px; background-size: 12px; }
.short.noleasing .discount.infoable .infoicon { right: initial; left: 50%; top: -5px;  margin-left: 30px;  background-size: 12px; }

.short .totalPrice.infoable .infoicon { right: initial; left: initial; right: -23px; top: -5px; margin-left: 40px; background-size: 12px; }
.short .monthly.infoable .infoicon { right: initial; left: initial; right: -3px; top: -12px;  margin-left: 25px; background-size: 12px; }
.short .discount.infoable .infoicon { right: initial; left: initial; right: -23px; top: -5px;  margin-left: 30px;  background-size: 12px; }

.line.optionsPrice .label.infoable .infoicon { right: initial; left: 54px; background-size: 16px; }
.de-DE .line.optionsPrice .label.infoable .infoicon, .de-CH .line.optionsPrice .label.infoable .infoicon, .de-AT .line.optionsPrice .label.infoable .infoicon { left: 134px;  }

.list .item .price .monthly.infoable .infoicon { background-size: 10px; top: -10px; left: initial; right: -5px; }

.CO2WLTP .infoable .infoicon { left: 70px; right: initial; top: 1px; }

.keyvalues .Charging .infoicon { 
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_info.svg) center center no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    cursor: pointer;
	position: relative;
	left: 120px;
	bottom: 18px;
}

.keyvalues .Charging .hours { margin: 5px 0px 5px 0px; }

.filter-popup { 
    display: none; font-size: 1rem; position: fixed; z-index: 10000; top: 0px; left: 0px; width: 100%; height: 100vh; min-height: 100vh; padding: 0px 24px 0px 24px; 
    transition: all 0.3s ease-out; 
}
.filter-popup.beforeshow { top: 500px; }
.filter-popup.aftershow { top: 500px; }
.search.filter-popup { background-color: #1C1F33; }

.filter-popup .popup-content { width: 100%; float: left; background: transparent; height: 100vh; min-height: 100vh; overflow-y: scroll; position: relative; z-index: 1; padding: 0px 0px 20px 0px; }
.filter-popup .popup-content .header { position: fixed; top: 0px; left: 0px; z-index: 10001; width: 100%; background: #fff; padding: 17px 24px; margin: 0px; border-bottom: 1px solid #f0f0f0; }            
.filter-popup .popup-content .header .title { float: left; font-weight: 600;  }            
.filter-popup .popup-content .header .title .comment { font-weight: 300; font-size: 0.8rem; color: #999; }
.filter-popup .popup-content .header .close-btn { 
    float: right; font-size: 0.8rem; color: #999; font-weight: 300; padding-top: 4px;
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_close.svg);
    background-repeat: no-repeat; background-position: right center; padding-right: 22px;
}            
       
.filter-popup .popup-content .scrollable { float: left; margin-top: 70px; width: 100%; background: #fff; padding-bottom: 120px; }
.filter-popup form.popup-content .scrollable { padding: 10px 24px 150px 24px; }

.mobile .selectedFilters h1 span.make { background: none; padding-left: 0px; min-height: initial; }
.catalog h1 { font-weight: 600 !important; color: #1C1F33 !important; font-size: 1rem; clear: both; padding: 0px 0px 5px 0px; text-align: center; text-transform: uppercase; }
.catalog h1 .count { display: block; font-size: 1rem; font-weight: 300; text-transform: initial; clear: both; float: left; }
.catalog h1 .count .reference { font-size: 1rem; }
.selectedFilters h1 {
	font-size: 1.12rem !important;
    text-align: left;
    width: calc(100% - 100px);
    margin: 0px; padding: 0px 0px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-weight: 600 !important;
}
.selectedFilters h1 .main { float: left; width: 100%; clear: both; overflow: hidden; text-overflow: ellipsis; }

h1 a, h1 a:hover, h1 a:visited { color: inherit; font-weight: inherit; text-decoration: inherit; font-size: inherit; }

div.left { float: left; }
div.right { float: right; }
.margin-left { margin-left: 0.5em; }

div#content div#main { float: left; width: 100%; }


.clientPrice, .totalPrice, .emv { white-space: nowrap; }

.decimalPercents {
	font-size: 1rem;
	font-weight: 300;
	padding-left: 0px;
	padding-right: 3px;
	letter-spacing: 0px;
	line-height: 0.5em;
}
.priceHundreds, .priceCurrency {
    font-size: 0.7rem;
    font-weight: 300;
    padding-left: 0px;
    padding-right: 0px;
    letter-spacing: 0px;
    line-height: 0.5em;
}
.priceHundreds { padding-right: 2px; }

form#search { 
    display: none; width: 100%; 
    position: absolute; top: 40px; left: 0; padding: 40px 20px 1000px 20px;
    box-sizing: border-box; background: #fff; background: linear-gradient(rgb(247,247,247), rgba(247,247,247,0.95), rgba(247,247,247)); z-index: 1000;
}
.mainBody form#search { top: 56px; }


input[type=search], form#search input { 
    background: white;
    font-size: 1rem;
    font-family: inherit;
    font-weight: normal;
    width: 100%;
    padding: 10px 10px 10px 24px;
    outline: 1px solid #ccc;
    border: none;
}
input[type=search]:focus, form#search input:focus { outline-color: #1759E8; }

span.highlight { color: #1759E8; }
span.normal { font-weight: normal; }
span.light { font-weight: 300; }

a.make.highlight { border-color: #1C1F33 !important; font-weight: 400 !important; }

.block { display: block; }

.nowrap { white-space: nowrap; }

#breadcrumb { display: none; }

#content { width: 100%; margin: 0px auto; position:relative; }
#header { height: auto; float: left; width: 100%; background: #fff; position: relative; z-index: 2; transition: all 0.1s ease-out; top: 0px; }
#header .head .title { 
	width: 50%; min-height: 40px; margin: 0px; 
	float: left; text-align: center; font-size: 1rem; font-weight: 600;
}
#header .head { 
    width: 100%; float: left; white-space: nowrap; 
    background: url(https://secure.delta-car.ch/img/websites/int/logos/dct_auto-dealer-com_logo_1759E8.svg) 24px center no-repeat; 
    background-size: 160px auto; height: 56px; padding-top: 3px; padding-right: 6px;
}

#header .tagline-text { display: none; }
#header .head .menu {
    width: 50px;
    height: 50px;
    cursor: pointer;
    float: right;
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_menu_1759E8.svg) center center no-repeat;
}
#header .head .search {
    width: 50px;
    height: 50px;
    cursor: pointer;
    float: right;
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_search_1759E8.svg) center center no-repeat;
    background-size: 20px;
    transition: all 0.1s ease-out;
}
#header .head .search.on {
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_close_1759E8.svg);
    transform: rotate(90deg);
    transition: all 0.1s ease-out;
}

#header .head .menu.on {
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_close_1759E8.svg);
    background-size: 20px;    
    transition: all 0.1s ease-out;
}

.beforefixed { top: -20px !important; }
#header.fixed { position: fixed !important; top: 0px; left: 0px; z-index: 1000 !important; top: 0px; }
#content.fixed { margin-top: 100px; }

#content { z-index: 1;}
#footer { width: 100%; float: left; background: #1C1F33; color: #fff; font-weight: 300; font-size: 0.8rem; padding: 80px 24px 40px 24px; margin: 20px 0px 0px 0px; border-top: 1px solid #eee; position: relative; }
#footer .logo { 
    background: url(https://secure.delta-car.ch/img/websites/int/logos/dct_auto-dealer-com_logo_ffffff.svg) left center no-repeat; width: 160px; height: 40px; background-size: 160px auto; 
    position: absolute; top: 20px; left: 24px;
}
#footer.fixed { position: fixed; bottom: 0px; left: 0px; }
#footer .block { float: left; width: 100%; margin: 0px 0px 30px 0px; line-height: 1.2rem; }
#footer .block div { float: left; width: 100%; padding: 10px 0px 10px 0px; font-size: 1rem; }
#footer .block .title { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 1rem; }
#footer .block .title.auto-dealer { display: none; }
#footer .block .text .light { color: #fff; }
#footer .block .link { color: inherit; }
#footer .block .link a { color: inherit; text-decoration: none; }
#footer .block .link a:hover { color: inherit; text-decoration: underline; }
#footer .block .link a:visited { color: inherit; }
#footer .block .link a.facebook { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_facebook.svg) left center no-repeat; background-size: 10px auto; padding: 10px 0px 10px 16px; }
#footer .copyright { color: #fff; margin: 20px 0px 0px 0px; float: left; width: 100%; }
#footer .markets { width: 100%; float: left; font-size: 1rem; color: #fff; margin: 10px 0px 10px 0px; border-top: 1px solid #fff; padding-top: 16px; }
#footer .markets a, #footer .markets a:hover, #footer .markets a:visited { color: #fff; text-decoration: none; font-weight: 300; float: left; }
#footer .markets a.selected { font-weight: 600; color: #fff; }
#footer .markets span.delimiter { float: left; margin: 0px 5px 0px 5px; }

#footer .socialmedialinks { float: left; width: 100%; margin: 20px 0px 10px -24px; }
#footer .socialmedialinks a { padding: 4px; margin: 0px 0px 0px 20px; }

#gotop { position: fixed; opacity: 0.7; right: 16px; bottom: 90px; width: 38px; height: 38px; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_pull-up.svg) 0px 0px no-repeat; background-size: 100%; z-index: 2000; transition: all 0.3s ease-out; }
#gotop.car { bottom: 135px; }

/* content */
#content { background-color: transparent; float: left; }

.head .menu { width: 50px; height: 50px; cursor: pointer; float: right; background: url(https://secure.delta-car.ch/img/websites/int/pictos/menu-btn-black.png) center center no-repeat; }
.head .menu .lock { display: none; position: absolute; top: 0px; left: 0px; background: rgba(50,50,50,0); width: 2000px; height: 2000px; }
.head .menu ul { 
	display: block;
    visibility: hidden;
	list-style-type: none;
    padding: 24px 24px 24px 24px;
    margin: 70px 0px 0px 0px;
    position: fixed;
    top: 0px;
    right: -400px;
    width: 100%;
    box-sizing: border-box;
    height: calc(100% - 70px);
    background: #1C1F33;
    box-shadow: 0px 0px 10px 0px #333;
    z-index: 1000000;    
    transition: right 0.2s ease-out, visibility 0.1s;
} 
.head .menu ul.shown { display: block; visibility: visible; right: 0px; transition: visibility 0s, right 0.2s ease-out; opacity: 1; }
.head .menu ul .message { display: none; }
.fr-FR .head .menu ul .message { font-size: 0.9rem; }
.head .menu ul .close-btn {
	display: none;
}
.head .menu li { 
	font-size: 1rem; color: white;
	font-weight: normal; padding: 0; 
	display: block; float: left; clear: both;
	width: 100%;
}
.head .menu li.current a { 
	text-decoration: none; float: left; cursor: default; width: 100%;
	font-weight: 600 !important;
	color: #fff; 
	background: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_white_right_1px.svg) no-repeat 0px center; 
	background-size: 6px auto;	
} 
.head .menu li.current a:hover { text-decoration: none; } 
.head .menu li.current {  }
.head .menu li a { color: #fff; font-weight: normal; text-decoration: none; font-size: 1rem; display: block; padding: 12px 0px 12px 12px; float: left; margin: auto;}
.head .menu li a:hover { text-decoration: none; }
.head .menu li a:visited {  }
.head .menu ul .markets { position: absolute; bottom: 30px; width: 100%; float: left; display: block;  }
.head .menu ul .markets .delimiter { float: left; font-size: 1rem; font-weight: 300; padding: 0px; color: #fff; margin: 0px 0px 0px 5px; width: auto; max-width: 10px; }
.head .menu ul .markets li.market:first-child { margin: 0px; }
.head .menu ul .markets li.market { float: left; clear: none; width: auto; margin: 0px 0px 0px 5px; }
.head .menu ul .markets li.market a { font-size: 1rem; padding: 0px; color: #ddd; font-weight: 300; }
.head .menu ul .markets li.market.current a { font-weight: bold; color: #fff; background: none; }
.head .menu ul .contactcall { 
    position: absolute; bottom: 80px; width: 100%; float: left; color: #fff; font-size: 0.9rem; line-height: 1.6em; font-weight: 300; 
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_support_fff.svg) no-repeat left center; background-size: 30px;
    padding-left: 50px;
}
.head .menu ul .contactcall .phonetitle { float: left; width: 100%; }
.head .menu ul .contactcall a.phone { color: #fff; font-weight: bold; float: left;  }
.head .menu ul .contactcall a.contact { font-weight: bold; }
.head .menu ul .contactcall .hours { width: 100%; float: left; }

@media screen and (max-height: 400px) {
	.head .menu ul { padding-top: 20px; }
	.head .menu li a { color: white; font-weight: normal; text-decoration: none; font-size: 1rem; display: block; padding: 6px 0px 6px 0px; float: left; margin: auto;}
	.head .menu ul .close-btn { top: 10px; right: 10px; }
}
@media screen and (max-width: 330px) {
	.head .menu ul .markets li.market a { font-size: 1rem;  }
	.head .menu ul .markets .delimiter { font-size: 1rem;  }
    #header .head { background-size: 140px auto; }
}

#footer .col-five { width: 20%; float: left; box-sizing: border-box; font-size: 1rem; font-weight: 300; }
#footer .col-five a { color: white; font-size: 1rem; font-weight: 300; width: 100%; height: 40px; text-align: center; overflow: hidden; display: inline-block; padding: 0.9em 0em 0em 0em; }

#footer .col-four { width: 25%; float: left; box-sizing: border-box; font-size: 1rem; font-weight: 300; }
#footer .col-four a { color: white; font-size: 1rem; font-weight: 300; width: 100%; height: 40px; text-align: center; overflow: hidden; display: inline-block; padding: 0.9em 0em 0em 0em; }
#footer .submenu > div { display: none; float: left; width: 100%; }
#footer .submenu { float: left; display: block; clear: both; width: 100%; background: #606061;   }
#footer .submenu .link a { 
	float: left; width: 100%; color: white; font-size: 1rem; padding: 10px 0px 10px 10px; font-weight: 300; text-decoration: none; 
	border-bottom: 1px solid #333;
}

div.legal { float: left; width: 100%; clear: both; font-size: 1rem; color: #666; }


.price-popup, .dispo-popup, .options-popup, .mandat-popup, .leasing-popup, .migrate-popup, .contact-popup, .echarge-popup { display: none; position: fixed; background: rgba(0,0,0,0.6); width: 100%; height: 100vh; top: 0px; left: 0px; z-index: 100000; padding: 15vh 24px 20px 24px; }

.leasing-popup { padding: 2vh 24px 20px 24px; }

.contact-popup { padding-top: 70px; }
.popup-header { 
    width: 100%; height: 56px; float: left; white-space: nowrap; 
    background: url(https://secure.delta-car.ch/img/websites/int/logos/dct_auto-dealer-com_logo_1759E8.svg) 24px center no-repeat; 
    background-size: 160px auto;  padding-top: 3px; padding-right: 6px;
    position: fixed; top: 0px; left: 0px; background-color: #fff;
}
.popup-header .close-btn {
    position: absolute; top: 9px; right: 14px; width: 40px; height: 40px; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_close.svg) no-repeat center center; 
    border-radius: 40px; background-size: 20px;
    z-index: 10;
}
.contact-popup .popup-content { position: relative; }
.contact-popup .popup-content .sales-contact { float: left; width: 100%; }
.contact-popup .popup-content .title, .sales-contact .title { 
    padding: 30px 20px 0px 120px; font-size: 1.4rem; line-height: 1.1em; 
    background: url(https://secure.delta-car.ch/img/websites/int/photos/sale-person-1.png) no-repeat 20px 20px; background-size: 80px;
    min-height: 110px; font-weight: bold;
}
.sales-contact .title { padding: 10px 0px 0px 100px; background-position: 0px 0px; }
.contact-popup .popup-content .text { padding: 20px; }

.catalog .list .sales-contact { 
    float: left; width: 100%; padding: 24px; 
    background: url(/pages/salesphoto) no-repeat;
    background-size: 80px; background-position: 13% center; padding: 24px 24px 24px calc(40% + 24px);
    min-height: 50px; font-size: 1rem; margin: 10px 0px;    
    background-color: #EDEDED;
    margin: 0px 0px 5px -24px;
    width: calc(100% + 48px);
}
.catalog .list .sales-contact .contact-btn-inline, .carpage .sales-contact .contact-btn-inline { 
    float: left; position: static;
    clear: both;
    background:  url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_right_00B453.svg) no-repeat right center;
    color:  #00B453; font-weight: 600;
    width: auto; height: auto;
    padding-right: 40px; margin-top: 7px;
}

.bg-sales-person { background-image: url(/pages/salesphoto) !important; }

.catalog .list .sales-contact .title { font-size: 1rem; font-weight: bold; width: 100%; background: none; padding: 0px; min-height: initial; }
.catalog .list .sales-contact .text { font-weight: normal; line-height: 1.2em; width: 100%; float: left; padding: 0px; margin-top: 10px; }
.contact-popup .popup-content .contactcall, .sales-contact .contactcall {  }
.contact-popup .popup-content .phonetitle { display: none; }
.contact-popup .popup-content .hours, .contact-popup .popup-content .comment, .sales-contact .hours, .sales-contact .text .comment { font-size: 1rem !important; line-height: 1.2em !important; margin: 0px 0px 20px 0px !important; padding: 0px !important; }
.contact-popup .popup-content a.whatsapp, .sales-contact a.whatsapp { display: block; width: 100%; color: #1759E8; font-weight: 600; background: url(https://secure.delta-car.ch/img/websites/int/icons/whatsapp-social-media.svg) no-repeat left center; background-size: 24px; background-position-x: 20px; border: 1px solid; border-radius: 40px; padding: 10px 0px 10px 60px; }
.contact-popup .popup-content .contact-whatsapp, .sales-contact .contact-whatsapp { margin-bottom: 15px; }
.contact-popup .popup-content a.phone, .sales-contact a.phone { display: block; width: 100%; color: #1759E8; font-weight: 600; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_call_1759E8.svg) no-repeat left center; background-size: 30px; background-position-x: 20px; border: 1px solid; border-radius: 40px; padding: 10px 0px 10px 60px; }
.contact-popup .popup-content .contactemail, .sales-contact .contactemail { margin-top: 15px; }
.contact-popup .popup-content a.email, .sales-contact a.email { display: block; width: 100%; color: #1759E8; font-weight: 600; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_email_1759E8.svg) no-repeat left center; background-size: 24px; background-position-x: 20px; border: 1px solid; border-radius: 40px; padding: 10px 0px 10px 60px; }

.sales-contact .contactcall .hours, .sales-contact .contactemail .comment { font-weight: normal !important; }

.price-popup .popup-content, .dispo-popup .popup-content, .mandat-popup .popup-content, .price-popup .popup-content, .options-popup .popup-content, .leasing-popup .popup-content, .migrate-popup .popup-content, .contact-popup .popup-content, .echarge-popup .popup-content  { width: 100%; background: #fff; padding: 20px 10px; float: left;  }
.price-popup .price { width: 100%; background: #fff; padding: 10px; float: left; font-size: 1rem; font-weight: 300; }
.price-popup .price .line { width: 100%; padding: 4px 0px 4px 0px; float: left; font-size: 1rem; border-bottom: 1px solid #ddd; }
.price-popup .price .line.header { font-weight: 600; border-bottom: 1px solid #333; }
.price-popup .price .line .label { width: 70%; float: left; font-size: 1rem; color: #555; }
.price-popup .price .line .value { width: 30%; float: left; text-align: right; font-size: 1rem; font-weight: normal; color: #1C1F33; }
.price-popup .price .line.optionsPrice { border-bottom: none; }
.price-popup .price .line.totalPrice { border-bottom: none; border-top: 1px solid #333; }
.price-popup .price .line.totalPrice .label { font-weight: 300; color: #1C1F33; }
.price-popup .price .line.totalPrice .value { font-weight: 300; color: #1C1F33; }
.price-popup .price .line .value span { width: 100%; }
.price-popup .price .line img.crossout { display: none; }
.price-popup .reference { float: left; width: 100%; font-size: 0.8rem;  font-weight: 300; color: #666; padding: 10px; margin-bottom: 20px; }
.price-popup .ok-btn, .dispo-popup .ok-btn, .mandat-popup .ok-btn, .leasing-popup .ok-btn, .price-popup .ok-btn, .options-popup .ok-btn, .migrate-popup .ok-btn, .contact-popup .ok-btn, .options-popup .cancel-btn, .echarge-popup .ok-btn { 
    width: 90px; display: block; overflow: hidden; 
    text-align: center; margin: 10px auto 30px auto; 
    padding: 10px; box-sizing: border-box; color: #1759E8; 
    font-size: 1rem; font-weight: 300;  
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_check_1759E8.svg); 
    background-repeat: no-repeat; background-position: left center;
    background-size: 26px; font-size: 1rem;
    cursor: pointer;
    float: none;
}

.mandat-popup .subtitle, .leasing-popup .subtitle { font-weight: normal; margin: 0px 0px 20px 0px; }

.dispo-popup .popup-content, .mandat-popup .popup-content, .leasing-popup .popup-content, .echarge-popup .popup-content { padding: 0px; border-radius: 5px; }
.dispo-popup .header, .mandat-popup .header, .leasing-popup .header, .echarge-popup .header { 
    font-weight: 600; font-size: 1rem; float: left; width: 100%; padding: 30px 20px 30px 40px;
    background-color: #F2F2F2; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.dispo-popup ul, .mandat-popup .text, .leasing-popup .text, .contact-popup .text { font-weight: 300; font-size: 1rem; padding: 20px 40px 20px 40px; float: left; width: 100%; list-style: none; max-height: 70vh; min-height: 100px; overflow: auto; }
.dispo-popup ul li { float: left; width: 100%; padding: 10px 0px 10px 0px; }
.dispo-popup ul li span { font-size: 1rem; padding-left: 28px; color: #666; font-weight: 300; float: left; width: 100%; box-sizing: border-box; }

.dispo-popup span.dispo { position: initial; float: left; display: block; width: 100%; font-weight: 600; font-size: 1rem; color: #1C1F33; padding-left: 28px; }
.dispo-popup span.dispo.configurable { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_configurable_colored.svg) left center no-repeat; background-size: 18px; }
.dispo-popup span.dispo.stock { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_stock.svg) left center no-repeat; background-size: 18px; }
.dispo-popup span.dispo.arrival { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_arrival.svg) left center no-repeat; background-size: 18px; }

.options-popup { 
    padding: 0px; height: auto; bottom: 5px; top: initial; background: none; 
    width: 96%; left: 2%; 
}
.options-popup .header { width: 100%; border-bottom: 1px solid white; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_warning_white.svg) no-repeat center top; background-size: 30px; padding: 10px 0px 40px 0px; }
.options-popup .popup-content { padding: 20px 20px 0px 20px; font-weight: 300; color: #fff; background: rgba(28,31,51,0.95); border-radius: 5px; }
.options-popup .message { padding: 20px 10px 0px 10px; text-align: center; }
.options-popup .buttons { margin: 0 auto; overflow: hidden; float: none; width: 300px; }
.options-popup .ok-btn, .options-popup .cancel-btn { width: 100px; float: left; margin-top: 20px; margin-bottom: 30px; border-color: #fff; color: #fff; cursor: pointer; }
.options-popup .ok-btn { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_check_white.svg); background-size: 24px; margin-left: 40px; }
.options-popup .cancel-btn { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_trash_white.svg); margin-left: 0px; float: right; background-size: 24px; margin-right: 40px; }

.migrate-popup { 
    padding: 0px; height: auto; bottom: 5px; top: initial; background: none; 
    width: 96%; left: 2%; 
}
.migrate-popup .header { width: 100%; border-bottom: 1px solid white; padding: 0px 0px 25px 0px; font-size: 20px; text-align: center; }
.migrate-popup .popup-content { padding: 20px 20px 0px 20px; font-weight: 300; color: #fff; background: rgba(28,31,51,0.95); border-radius: 5px; }
.migrate-popup .message { padding: 20px 10px 0px 10px; text-align: center; }
.migrate-popup .buttons { margin: 0 auto; overflow: hidden; float: none; width: 300px; }
.migrate-popup .ok-btn { width: 100px; margin-top: 20px; margin-bottom: 30px; border-color: #fff; color: #fff; cursor: pointer; background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_check_white.svg); background-size: 24px; margin-left: calc(50% - 40px); }

.leasing-popup .popup-content { position: relative; min-height: 150px; }
.leasing-popup .loading { 
    position: absolute; z-index: 2; width: 50px; height: 50px;     
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_loading.svg); background-repeat: no-repeat; background-position: center center; 
    background-size: 50px auto;
    left: calc(50% - 30px);
    top: 150px;
}
.leasing-popup .text { min-height: 70vh; }
.leasing-popup .text .legaltext { font-size: 1rem; font-weight: 300; float: left; width: 100%; } 
.leasing-popup .text .legaltext .ExempleFinancementLitteraireLOA { font-weight: 600; }
.leasing-popup .text .legaltext .ExempleFinancementLitteraireLOA strong { font-weight: 600; }
.leasing-popup .text .legaltext strong, .leasing-popup .text .legaltext b { font-weight: normal; }
.leasing-popup .text .legaltext big { font-size: inherit; }
.leasing-popup .text .legaltext p { padding: 0px; margin: 0.5rem 0px 0.5rem 0px; width: 100%; float: left;  }
.leasing-popup .text .legaltext table { margin: 0 auto; max-width: 100%; }
.leasing-popup .text .legaltext table td { min-width: 50px; padding: 2px 0px 2px 0px; }
.leasing-popup .text .legaltext table td:first-child strong { font-weight: 300; } 
.leasing-popup .text .legaltext table caption { font-weight: 600; text-align: left; margin-top: 1rem; margin-bottom: 5px; }
.leasing-popup .text .legaltext a { color: inherit; text-decoration: underline; font-size: inherit; font-weight: inherit; }
.leasing-popup .overlay { position: absolute; z-index: 1; width: 100%; bottom: 65px; left: 0px; height: 50px; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); }

.echarge-popup { padding: 20px 24px 20px 24px; overflow: auto; }
.echarge-popup .popup-content .header { padding: 30px 40px 30px 40px; }
.echarge-popup .popup-content .close {
	float: right;
	background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_close.svg) no-repeat center center;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.echarge-popup .popupbody { padding: 105px 20px 0px 20px; }
.echarge-popup .popupbody .subtitle { font-weight: 600; padding: 15px 15px 10px 15px; background-color: #F2F2F2; border-radius: 2px; }
.echarge-popup .popupbody .subtitle .mode4 {
	background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_mode-4.svg) no-repeat;
    background-size: contain;
    height: 50px;
	margin-top: 5px;
}
.echarge-popup .popupbody .subtitle .mode3 {
	background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_mode-3.svg) no-repeat;
    background-size: contain;
    height: 60px;
	margin-top: 5px;
}
.echarge-popup .popupbody .subtitle .mode2 {
	background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_mode-2.svg) no-repeat;
    background-size: contain;
    height: 40px;
	margin-top: 5px;
}
.echarge-popup .popupbody .content {
	padding: 15px 0px 20px 55px;
	max-width: 270px;
	background-repeat: no-repeat;
	background-position: 0px 15px;
}
.echarge-popup .popupbody .content.mode4 { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_plug-css.svg); }
.echarge-popup .popupbody .content.mode3, .echarge-popup .popupbody .content.mode2 { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_plug-type-2.svg); }
.echarge-popup .popupbody .content.mode2 { padding-bottom: 0px; }
.echarge-popup .popupbody .text { padding: 0px 0px 20px 0px; }
.echarge-popup .popupbody .bold { font-weight: 600; }


/* --------------------------------------------------------------------- */

.catalog .usps { 
    width: 100%; background: #1C1F33; font-weight: normal; color: #fff; font-size: 0.95rem; text-align: center; 
    height: 48px; overflow: hidden; white-space: nowrap; transition: opacity 0.5s ease-out;
} 
.catalog .usps .usp-container { width: 100%; height: 48px; display: block; transition: margin 0.7s ease-out; }
.catalog .usps .usp { 
    width: auto; margin: 0 auto; display: inline-block; background-repeat: no-repeat;  padding: 14px 0px 14px 30px; background-position: left center; 
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_checkmark_00B453.svg); background-size: 14px auto;
}
.catalog .usps.moving {  }
.catalog .usps .usp.current { display: inline-block; }
.catalog .usps .usp a, #main .usp a:visited, #main .usp a:hover { font-weight: inherit; font-size: inherit; color: inherit; }
.catalog .usps .usp.usp-price {  }
.catalog .usps .usp.usp-choice { }
.catalog .usps .usp.usp-advice {  }
.catalog .usps .usp.usp-local { }

.catalog .list .usps { margin: 0px 0px 0px -24px; width: calc(100% + 48px); }
.catalog .list .usps .usp-container {  }
.catalog .list .usps .usp {  }

.catalog .list .infoblock { 
    float: left; width: calc(100% + 48px); background-color: #1C1F33; padding: 0px 0px 0px 0px; color: #ffffff; margin: 0px 0px 5px -24px;     
    position: relative; 
    font-size: 1rem; 
}
.catalog .list .infoblock.full { 
    padding: 0px 0px 24px 0px; 
    background-image: none !important;
}

.catalog .list .infoblock > .ill { 
    background-image: url(https://secure.delta-car.ch/img/websites/int/ills/auto-dealer_reading_guy.jpg); width: 40%; height: 150px; float: left;
    background-repeat: repeat-y; background-position: center center; background-size: 160% auto;  
}
.catalog .list .infoblock.steps .content .step { float: left; width: 280px; margin-right: 24px;  }
.catalog .list .infoblock.steps .content .step.step-1 { margin-left: 24px; }
.catalog .list .infoblock.steps .content .step.step-3 {  }
.catalog .list .infoblock .step .ill { width: 100%; height: 120px; float: left; background-repeat: no-repeat; background-position: center top; }
.catalog .list .infoblock .step .text { padding: 24px 24px 24px 24px; width: 100%; float: left; background: #ffffff; color: #1C1F33; }
.catalog .list .infoblock .step .text b { color: #1759E8; }
.catalog .list .infoblock .step.step-1 .ill { background-image: url(https://secure.delta-car.ch/img/websites/int/ills/auto-dealer_reading_guy.jpg); background-size: 100%; }
.catalog .list .infoblock .step.step-2 .ill { background-image: url(https://secure.delta-car.ch/img/websites/int/ills/auto-dealer_calling_guy.jpg); background-size: 100%;  }
.catalog .list .infoblock .step.step-3 .ill { background-image: url(https://secure.delta-car.ch/img/websites/int/ills/auto-dealer_garage_wheeling.jpg); background-size: 100%; }

.catalog .list .infoblock.warranty {  }
.catalog .list .infoblock.warranty > .ill { background-image: url(https://secure.delta-car.ch/img/websites/int/ills/auto-dealer_garage_woman.jpg);  background-position: right center; }
.catalog .list .infoblock.warranty .field { float: left; padding: 0px 0px 10px 0px; width: 400px; }
.catalog .list .infoblock.warranty .field select {
    background: no-repeat calc(100% - 24px) 17px; background-repeat: no-repeat;
    background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_dropdown_closed_white.svg); background-size: 12px;
    background-color: #1759E8; 
    width: 100%; outline: none; border: none; color: white; font-size: inherit; font-weight: 600; font-family: inherit; padding: 10px 10px 10px 24px; margin-top: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 20px;
    cursor: pointer;
}
.catalog .list .infoblock.warranty .field select option { background: #fff; color: #1C1F33; }
.catalog .list .infoblock.warranty .field .answers { float: left; width: 100%; font-size: 1rem; min-height: 1.9rem; font-weight: 600; }
.catalog .list .infoblock.warranty .field .answers .answer { display: none; padding: 8px 0px 0px 24px; transition: opacity ease-out 0.5s, padding ease-out 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }

.catalog .list .infoblock.warranty.full .content { display: block; width: 100%; padding: 0px 24px 0px 24px; }
.catalog .list .infoblock.warranty.full .content > div { float: left; width: 100%; }
.catalog .list .infoblock.warranty.full .content .label { display: none; }

.catalog .list .infoblock.quote > .ill, .catalog .list .infoblock.quote.full .content > .ill { background-color: #1759E8; background-image: url(https://secure.delta-car.ch/img/websites/int/photos/auto-dealer.com_campaign_01/ill_as_info_how-it-works@2xb.png);  background-position: 70% -50%; background-size: auto 120%; background-repeat: no-repeat; }
.catalog .list .infoblock.quote.full .content { font-weight: 600; display: block; padding: 0px 24px 0px 24px; width: 100%; }
.catalog .list .infoblock.quote.full .content > .ill { height: 170px; background-position: 55% -50%; }
.catalog .list .infoblock.quote.full .quote-steps { color: black; background-color: white; padding: 30px 25px; }
.catalog .list .infoblock.quote.full .quote-steps > div { padding: 10px 20px 10px 40px; }
.catalog .list .infoblock.quote.full .quote-steps > div > span { color: #1759E8; }
.catalog .list .infoblock.quote.full .quote-steps .quote-step-1 { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_download.svg) no-repeat left center; background-size: 27px; }
.catalog .list .infoblock.quote.full .quote-steps .quote-step-2 { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_download.svg) no-repeat left center; background-size: 27px; }
.catalog .list .infoblock.quote.full .quote-steps .quote-step-3 { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_download.svg) no-repeat left center; background-size: 27px; }
.catalog .list .infoblock.quote.full .content .show-more { 
	padding: 15px 35px 0px 0px;
    float: right;
    color: #00B453;
    background: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_right_00B453.svg) no-repeat right 17px;
}

.catalog .list .infoblock.full > .ill { display: none; }
.catalog .list .infoblock.warranty.full > .ill { display: block; }
.catalog .list .infoblock .preview { width: 60%; float: left; padding: 24px 24px 0px 24px; }
.catalog .list .infoblock.full .preview { width: 100%; }
.catalog .list .infoblock.warranty.full .preview { width: 60%; }
.catalog .list .infoblock .content { display: none; float: left; width: auto; margin: 24px 0px 0px 0px; }
.catalog .list .infoblock.full .container { overflow-x: scroll; width: 100%; }
.catalog .list .infoblock.full .content { display: flex; }
.catalog .list .infoblock .more-details, .catalog .list .infoblock .send-quote { 
    color: #00B453; background: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_down_00B453.svg) no-repeat right center; 
    background-size: 18px;
    font-weight: normal; padding: 0px 28px 0px 24px; font-size: 1rem; margin-top: 10px;
    float: left;
    transition: background 0.2s ease-out;
}
.catalog .list .infoblock .send-quote { background: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_right_00B453.svg) no-repeat right center; }
.catalog .list .infoblock.quote span.email { display: none; }
.catalog .list .infoblock.quote.full span.email { display: inline; font-weight: normal; }
.catalog .list .infoblock.quote.full .send-quote { min-width: 280px; font-weight: 600; }
.catalog .list .infoblock.quote .more-details { color: white; }
.catalog .list .infoblock.full .more-details { top: 40px; transition: background 0.2s ease-out; background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_up_00B453.svg); }


.selectedFilters { 
	font-size: 1rem; float: left; width: 100%; height: 72px;
    background: white;
    margin: 0px;
    padding: 12px 24px 16px 56px; 
    position: relative;
    display: block;
    top: 0px;    
    border-bottom: 1px solid #ddd;
}
.selectedFilters .main { width: 100%; float: left; }
.selectedFilters .back-btn, .carpage .title .back-btn, .client .close { 
	position: absolute; width: 40px; height: 40px; 
	background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_left_1759E8.svg);
    background-repeat: no-repeat;
    background-position: 6px center; background-size: 18px;
    top: 14px; left: 14px; z-index: 1;
}
.carpage .title .back-btn { left: -6px; top: -8px; }
.selectedFilters.fixed { 
	position: fixed;
    top: 56px;
    left: 0px;
    z-index: 1000;    
    margin: 0px;    
    transition: all 0.3s ease-out;
}
.selectedFilters.expanded { height: 350px; }
.selectedFilters .selectedFilter { 
	float: left;	
	color: #1C1F33;
	font-weight: normal;
	padding: 1px 4px 1px 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0px 5px 4px 0px;
	background: #ededed;	
	cursor: pointer;
}
.selectedFilters .selectedFilter .text { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; display: inline-block; }
.selectedFilters .main .vline { display: none; }
.filters-btn { float: left; margin-top: 5px; } 
.filters-btn a.action { 
	font-size: 1rem; color: #828282; text-decoration: none; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_filter.svg) no-repeat 0px center; padding: 0px 0px 0px 26px; 
	background-size: 19px auto;
}
.filters-btn.right { 
    display: block; position: absolute; right: 24px; top: 13px; z-index: 1; margin: 0px 0px 0px 20px;
}
.filters-btn.right a { 
	width: 100%; float: left; font-weight: 600 !important;		
	color: #1759E8; font-weight: normal;
    border:  1px solid #1759E8; background: #fff;
    padding: 10px 30px;
}
.filters-btn.wide { display: block; float: left; width: 100%; text-align: center; }
.filters-btn.wide a { float: left; width: 100%; }

.catalog .values.selection {
    float: left; width: 100%; display: flex; text-align: center;
}
.catalog .values.selection a.choice { flex: 1; font-size: 0.9rem; color: #666; font-weight: 300; }

.catalog .toolbar { 
    width: 100%; height: 42px; float: left; padding: 6px 0px 6px 0px; display: flex; justify-content: center; position: relative; transition: all 0.4s ease-out; 
    background: #f2f2f2; 
}
.catalog .toolbar.fixed { 
    position: fixed;
    top: 98px;
    left: 0px;
    z-index: 999;    
    margin: 0px;      
    transition: all 0.4s ease-out;     
}
.toolbar .advancedview-btn,
.toolbar .simpleview-btn,
.toolbar .sort-btn {
	float: none; width: 35px; height: 30px;
	background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_condensed-view_off.svg) no-repeat center center;
	background-size: 20px auto;	    
}
.toolbar .advancedview-btn { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_extended-view_off.svg) }
.toolbar .advancedview-btn.selected { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_extended-view_on.svg) }
.toolbar .simpleview-btn.selected { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_condensed-view_on.svg) }
.toolbar .sort-btn { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_sort_on.svg); position: absolute; top: 6px; left: 8px; z-index: 1; }
.toolbar .sort-btn.clientprice { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_sort-euro.svg); }
.fr-CH .toolbar .sort-btn.clientprice, .de-CH .toolbar .sort-btn.clientprice { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_sort-chf.svg); }
.toolbar .sort-btn.\!clientdiscount { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_sort-discount.svg); }
.toolbar .sort-btn select { 
	width: 100%; float: left; background: transparent; border: none;  
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	appearance: none; 
	outline: none;	
	opacity: 0; color: #f2f2f2;
}
.toolbar .sort-btn select option { color: #1C1F33; opacity: 1; }


/* ---------------------------------- */


form.clientForm { float: left; width: 100%; }
form.clientForm .input { width: 100%; float: left; text-align: center; margin: 2px 0px 2px 0px; } 
form.clientForm .input label { float: left; text-align: left; color: #777; font-size: 1rem; width: 100%; }
form.clientForm .input label.radio { color: #1C1F33; } 
form.clientForm input { width: 97%; padding: 1px 0px 1px 4px; font-size: 1rem; }
form.clientForm.edit input { background-color: #F3F3F4; font-weight: bolder; }
form.clientForm input.error, form.clientForm textarea.error, form.clientForm select.error { border: 1px solid #f99; }
form.clientForm input[type=checkbox] { width: 15px; float: left; }
form.clientForm input[type=submit] { width: 100%; background: #71B854; color: white; font-weight: 600; font-size: 1rem; padding: 2px 0px 4px 0px; border: 1px outset #71B854; cursor: pointer; border-radius: 4px;  }
form.clientForm input[type=submit]:hover { border: 1px solid #71B854; }
form.clientForm .submit { width: 100%; float: left; text-align: center; margin: 5px 0px 5px 0px; } 
form.clientForm .register { width: 100%; float: left; cursor: pointer; text-align: center; margin: 5px 0px 5px 0px; } 
form.clientForm .register a { font-size: 1rem; }
form.clientForm .facebook { float: left; text-align: center; cursor: pointer; width: 100%; margin: 5px 0px 5px 0px; }
form.clientForm .hline { border: 1px dashed #dfdfdf; width: 100%; float: left; }
form.clientForm div.error { font-size: 1rem; color: #ff0000; padding: 0px 0px 4px 0px; font-weight: normal; width: 500px; text-align: left; }

img.filterBg.small { position:absolute; top:-9px; left:-10px; z-index:-1000; display: block; display: none; }
img.filterBg.big { position:absolute; top:-5px; left:-9px; z-index:-1000; display: block; display: none; }

input, select { 
	border:1px solid #aaa; background-color: #fff;  
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  
}
input[type=checkbox], input[type=radio] { 
	border: 1px solid #666; background: #fff;
}
input[type=checkbox]:checked, input[type=radio]:checked {
	 
}
input[type=radio] { 
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;   
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaaaad;
    font-weight: 300;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #aaaaad;
    font-weight: 300;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aaaaad;
    font-weight: 300;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #aaaaad;
    font-weight: 300;
}
input.placeholdersjs, .search.filters .fields input.placeholdersjs, .search.filters.left .fields input.placeholdersjs { color: #aaaaad; font-weight: 300;	}

.catalog { float: left; width: 100%; }


.offer-btn, .testdrive-btn, .search-result-message, .client .submit input, form#search .search-btn  {
	width: 100%; height: 64px;
    float: left;    
    padding: 12px 20px 12px 20px;    
    border: 10px solid #fff;
    cursor: pointer;    
    transition: all 0.5s ease-out;	
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 600;
    position: fixed; bottom: 0px; left: 0px; z-index: 1000;
	color: white; text-align: center; background: #1759E8; float: left;
    background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/ico_arrow_white.svg);
    background-repeat: no-repeat; background-position: calc(100% - 24px) center;
}
form#search .search-btn { position: initial; border: none; height: 44px; }
.client .submit input { 
	border: none !important; outline: none !important;
	background-color: #1759E8 !important; color: white;
	height: 50px; position: initial; padding: 15px 20px;
}
.search-result-message { border-color: #1C1F33; border-right-width: 24px; border-left-width: 24px; }

.search.filters .fields .field { width: 100%; float: left; clear: both; position: relative; }
.search.filters .fields label { 
	display: none;
	position: absolute; top: 2px; left: 24px; z-index: 2;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 300; font-size: 0.7rem; color: #999; 
	text-align: left;
	box-sizing: border-box;
	padding: 3px 10px 0px 0px; float: left;
}
.search.filters .fields .field.showlabel label { display: block; left: 60px; }
.search.filters .fields .field.showlabel select { padding-top: 14px; }
.search.filters .fields .field.showlabel.selected label { display: block; left: 60px; }
.search.filters .fields input, .search.filters .fields select {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-appearance: none;
	appearance: none; 
	outline: none;	
	font-size: 1rem; font-weight: 400; width: 100%; height: 44px;
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 24px; color: #1C1F33;	
	border: none;	
	background-color: #f2f2f2;
}
.search.filters .fields input {  }
.search.filters .fields .Price { position: relative; }

.search.filters .fields .Price:before { 
    content: "Prix à";     
    position: absolute; top: 5px;
    left: 28px; font-size: 0.7rem;
    color: #999; font-weight: 300;
    z-index: 1;
}
.search.filters .fields .Price:first-child:before { 
    content: "Prix de";     
}
.search.filters .fields .Price:after { 
    content: "€"; 
    position: absolute; top: 18px;
    left: 8px; font-size: 18px;
    color: #ccc; font-weight: 300;
    z-index: 1;
}
.search.filters .fields .Price input { padding-left: 28px; padding-top: 15px; }

.search.filters .fields .one select {
    background-image: none;
}
.search.filters .fields select {
	background: no-repeat calc(100% - 24px) 18px;
	background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_dropdown_closed_1C1F33.svg); background-size: 12px;
    background-position: right 24px top 20px;
    background-color: #f2f2f2;
	padding: 0px 0px 0px 24px; height: 46px;
    margin: 0px 0px 10px 0px;
}
.search.filters .fields .field[name=sort] select { font-weight: bold; }
.search.filters .fields select.selected {
	padding-left: 60px; font-weight: bold;
}
.search.filters .fields .remove-filter-btn {
	position: absolute; top: 1px; left: -1px; z-index: 1;
	width: 44px; height: 44px; float: left; margin-left: 2px; cursor: pointer;	
	background: center center no-repeat;
	background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_cancel.svg); 
	background-size: 100% auto;
}
@media screen and (max-width: 310px) {
	.search.filters .fields .remove-filter-btn { display: none; }
	.search.filters .fields label { width: 41%; }
	.search.filters .fields input, .search.filters .fields select { width: 54%; }
}
.search.filters .fields > * { }
.search.filters .fields > .section { 
    width: 100%; float: left; font-size: 0.75rem; font-weight: normal; padding: 10px 0px 4px 0px; color: #1759E8; 
    border-bottom: 1px solid #1C1F33; margin-bottom: 6px; margin-top: 10px; background-repeat: no-repeat; background-position: left center;
}
.search.filters .fields > .section.budget {  }
.search.filters .fields > .section.budget.selected { text-transform: none; font-size: 1rem; color: #1C1F33; font-weight: normal; border-bottom-color: #ddd; padding: 10px 0px 12px 16px; padding-left: 60px; }

.search.filters .fields select.highlighted {
	height:26px; border: 1px solid #99a;
}
.search.filters.left .fields select.toselect { color: #1C1F33; font-weight: normal; }

.search.filters .fields select option[default] { color: #ccc; font-weight: normal; }
.search.filters .fields select[disabled] { 
    color: #bbb; font-weight: 300;  border: 1px solid #f5f5f5; background-color: #fcfcfc; 
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_lock.svg); background-repeat: no-repeat;
    background-size: 44px auto; background-position: -1px -1px; padding-left: 60px;
}
.search.filters .fields select option { 
    color: #1C1F33; 
    font-weight: 300; 
    font-size: 1.1rem;
}

.search.filters .fields .label { color: #666; }
.search.filters .submit { float:left; padding-left:1px; vertical-align: middle;}
.search.filters .submit input { cursor:pointer; width:170px; height:26px; border:0px; background: url(https://secure.delta-car.ch/img/websites/french/btn_rechercher_02a_big_off.png) center right no-repeat; }
.search.filters.left .submit input { width:147px; height:26px; margin-top: 6px; background: url(https://secure.delta-car.ch/img/websites/french/btn_rechercher_02a_small_147px_off.png) center center no-repeat; }
.search.filters .searchResult { padding-top: 3px; padding-left: 400px; clear:both; font-size: 1rem; color: #0E3E9E; font-weight: 600; }

.catalog .emptyListMessage { 
    font-size: 1rem; font-weight: normal; float: left; clear: both; padding: 20px; 
}
.catalog .emptyListMessage a { font-size: 1rem; }

.search.filters .header { display: block;  }
.search.filters .fields [name="tag"] { 
	display: none; 
}
.search.filters .fields .special [name="tag"] { display: block; }
.search.filters .fields #gsearch { display: none; }
.search.filters [type=submit] { display: none; }
.search.filters [name=co2], .search.filters [name=consumption], .search.filters [name=EngineLiters]  { display: none; }
.search.filters .priceinput,
.search.filters .monthlyinput { display: none; }

.search.filters .price,
.search.filters .monthly { 
    display: block; float: left;
    padding: 10px 20px 30px 20px;
    width: 100%; position: relative;
}
.search.filters .price .remove-filter-btn,
.search.filters .monthly .remove-filter-btn { top: -50px; }
.search.filters .price .rangeslider,
.search.filters .monthly .rangeslider {
    float: left; width: 100%; 
    padding: 20px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
}

.search.filters .header .advancedSearch { float: right; margin: 0px 20px 0px 20px;  }
.search.filters .header a.reset { 
	float: left; font-size: 0.8rem; color: #00B453; font-weight: 300; padding: 4px 25px 0px 4px; 	
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_reset_00B453.svg) right center no-repeat;
	background-size: 17px;
}


.inner-input-label { font-weight: 600; font-size: 0.6rem; text-transform: uppercase; position: absolute; z-index: 1; top: 4px; left: 24px; }
input.with-inner-input-label { padding: 16px 10px 4px 24px !important; }

.budgettabs { float: left; width: 100%;  }
.budgettabs .tabbtns { float: left; width: 100%; display: flex; padding: 0px 0px; }
.budgettabs .tabbtns .tab { 
    flex: 1; font-size: 1rem; color: #1C1F33; font-weight: 300; border-bottom: 1px solid #ddd; cursor: pointer; 
    padding: 0px 0px 5px 10px; transition: border-bottom 0.3s ease-out;
}
.budgettabs .tabbtns .tab.current { border-bottom: 1px solid #1759E8; color: #1C1F33; font-weight: normal; }

.budgettabs .tabcontent { float: left; width: 100%; overflow: visible; padding: 0px 0px 0px 0px; }
.budgettabs .tabcontent .content { float: left; width: 100%; display: none; }
.budgettabs .tabcontent .content.current { display: block; }

.filters .budgettabs { width: 100%; float: left; margin: 15px 0px 0px 0px; position: relative;  }
.filters .fields .budgettabs .remove-filter-btn { 
    display: none; 
    position: absolute; top: -18px; left: -2px; z-index: 1;
    width: 44px; height: 44px; float: left; margin-left: 2px; cursor: pointer;  
    background: center center no-repeat;
    background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_cancel.svg); 
    background-size: 100% auto;
}
.filters .fields .budgettabs .tabcontent .remove-filter-btn { display: none; }
.filters .budgettabs .tabcontent { padding: 10px 0px 0px 0px; }
.filters .budgettabs .tabbtns { float: left; width: 100%; display: flex; padding: 0px 0px; }
.filters .budgettabs.filtered .tabbtns { width: calc(100% - 44px); float: right; }
.filters .budgettabs .tabbtns .tab { padding: 0px 0px 5px 16px; }
.filters .budgettabs .tabbtns .tab:nth-child(2) { padding-left: 16px; }
.filters .budgettabs .section { display: none; }

/* slider */
.rangeslider .irs--flat .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 2px;
    left: 0px;    
    width: 22px;
    height: 22px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #1759E8;
}

.rangeslider .irs--flat .irs-bar {
    top: 36px;
    height: 1px;
    background-color: transparent;
}
.selected .rangeslider .irs--flat .irs-bar { background-color: #1759E8; transition: all 0.1s ease-out; }

.rangeslider .irs--flat .irs-line {
    top: 31px;
    height: 10px;
    background-color: #f2f2f2;
    border-radius: 5px;
}

.rangeslider .irs { font-family: 'SuisseIntlCond'; font-size: 16px; }
.rangeslider .irs--flat .irs-handle {  }
.rangeslider .irs.irs--flat .irs-min, .irs.irs--flat .irs-max { 
    font-family: inherit; font-size: 14px; font-weight: 300; color: #ccc; 
    background: none; padding: 0px; top: -3px; 
}            

.rangeslider .irs--flat .irs-from, .rangeslider .irs--flat .irs-to, .rangeslider .irs--flat .irs-single {
    font-size: 1rem; background: none; color: #1C1F33; 
    border-radius: 0px;
    top: -20px;
    padding: 4px 6px;
    border-bottom: 1px solid #ccc;
}
.rangeslider .irs--flat .irs-from:before, .rangeslider .irs--flat .irs-to:before, .rangeslider .irs--flat .irs-single:before { border-top-color: #ccc; border-width: 5px; margin-left: -5px; bottom: -11px; }

.selected .rangeslider .irs--flat .irs-from, 
.selected .rangeslider .irs--flat .irs-to, 
.selected .rangeslider .irs--flat .irs-single { font-weight: 600; border-bottom-color: #1759E8; transition: left 0.1s ease-out; }

.selected .rangeslider .irs--flat .irs-from:before, 
.selected .rangeslider .irs--flat .irs-to:before, 
.selected .rangeslider .irs--flat .irs-single:before { border-top-color: #1759E8; transition: left 0.2s ease-out; }

.rangeslider .irs--flat .irs-handle.to > i:first-child { left: -2px; background-color: #fff; color: #1C1F33; }
.rangeslider .irs--flat .irs-handle.from > i:first-child { left: -3px; background-color: #fff; color: #1C1F33; }

.selected .rangeslider .irs--flat .irs-handle.to > i:first-child { 
    left: -2px; background-color: #1759E8; color: #fff; 
    
}
.selected .rangeslider .irs--flat .irs-handle.from > i:first-child { 
    left: -3px; background-color: #1759E8; color: #fff; 
    
}

.rangeslider .irs--flat .irs-handle > i:first-child {  background-color: #fff; }
.rangeslider .irs--flat .irs-handle.to > i:first-child {  }

.irs-disabled .irs-from, .irs-disabled .irs-to { visibility: hidden !important; }

/* ---------------------------------- */
.list { 
	background-color: #ffffff; padding: 0px; width:100%; border: none; float: left; 	
	padding: 4px 24px 12px 24px;
}

.catalog .list { padding: 12px 24px 12px 24px; }

.list .hline { width: 100%; border-top: 1px solid #ccc; height: 4px; float: left; clear: both; }


.sort-bar {
	float: left;
	width: 100%;
	font-size: 1rem;	
	margin: 0px 0px 2px 0px;
}
.sort-bar a.action { font-weight: 300; font-size: inherit; }
.sort-bar .highlight a.action { color: #1C1F33; }
.sort-bar .type {
	float: right;
	margin-left: 8px;
}

.list .sort { 
	background: #E7E7E8; padding: 4px 5px 4px 5px; border: none; display: none;
	font-size: 1rem; color: #1C1F33; float: left; width: 100%; margin: 0px 0px 5px 0px; box-sizing: border-box;
} 
.list .sort.stock { color: #ff9900; background: none; border-bottom: 3px solid #ffad33; padding-left: 0px; margin-bottom: 5px; }
.list .sort.configurable { color: #919284; background: none; border-bottom: 3px solid #b7b8ab; padding-left: 0px; margin-bottom: 5px; }

.list .sort form { padding: 0px; margin: 0px; float: left; position: absolute; }
.list .sort select { width: 150px; border: 1px solid #ccc; font-size: 1rem; }
.list .sort div.title { float: left; padding: 0px 0px 0px 2px; font-size: 1rem; line-height: 22px; width: 100%; font-weight: 300; }

.list .sort.stock div.title { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_stock.svg) 0px 3px no-repeat; padding-left: 20px; background-size: 15px; }
.list .sort.configurable div.title { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_configurable.svg) 0px 3px no-repeat; padding-left: 20px; background-size: 18px; }

.list .header { 
	height: 35px; clear: both; border-bottom: 1px #ccc solid; 
	color: #666; font-size: 1rem; float: left; 
	width: 100%; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; 
	font-weight: 300;
}
.list .header .highlight, .sort-bar .highlight { 
	font-weight: 600; color: #1C1F33; padding-left: 14px; 
	box-sizing: border-box;
	background: url(https://secure.delta-car.ch/img/websites/int/pictos/picto_sort_triangle_t_01.svg) 0px 5px no-repeat; 
	background-size: 12px 12px;
}
.list .header .highlight.desc, .sort-bar .highlight.desc { 
	background: url(https://secure.delta-car.ch/img/websites/int/pictos/picto_sort_triangle_b_01.svg) 0px 5px no-repeat; 
	background-size: 12px 12px;
}
.sort-bar .highlight, .sort-bar .highlight.desc { background-position: 0px 4px; }

.list .item { 
	clear: both; display: block; float: left;
	min-height: 95px; width: 100%;
	background: white; border-bottom: 1px solid #ddd; 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;	
	overflow: hidden; 
	position: relative;	
}
.list .item.noborder { border-bottom: none; }
.list.advanced .item { padding: 10px 20px 20px 20px;  }

.list .item > a { float: left; width: 100%; }
.list .item a, .list .item div a { text-decoration: none; color: inherit; font-size: inherit; font-weight: inherit; }
.list .item a:hover { text-decoration: underline; }
.list .item a:visited { color: inherit; }
.list .item > div, .list .header > div { padding: 0px 4px 0px 0px;}

.list .header .sortable { cursor: pointer; }

.list .title { width: 188px; float: left; }

.list .item .photo { float: left; overflow: hidden; width: 40%; max-width: 300px; min-height: 70px; padding: 34px 24px 0px 0px; }
.list .item .photo.examplecar { filter: grayscale(1); opacity: 0.5; position: relative; overflow: visible; }
.list .item .photo.examplecar:before { position: absolute; bottom: -20px; left: 0px; z-index: 1; width: 90%; background-color: rgba(255,255,255,0.6); content: "Photo de couleur bientôt disponible"; font-weight: 300; color: #1C1F33; font-size: 0.6rem; line-height: 1em; text-align: center; }
[lang=de] .list .item .photo.examplecar:before { content: "Fotos in Wagenfarbe bald verfügbar"; }
.list.advanced .item .photo.examplecar:before { top: 165px; width: 100%; }
.list.advanced .item .photo { width: 100%; max-width: 100%; min-height: 20vh; }
.list .item .photo img { width: 100%; } 
.list.advanced .item .photo img { width: 100%; max-width: 200px; float: none; margin: 0px auto; display: block; } 

.list .item .electricicon { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_electric.svg) no-repeat; background-size: cover; width: 25px; height: 25px; position: absolute; }
.header .media .electricicon { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_electric.svg) no-repeat; background-size: cover; width: 25px; height: 25px; position: absolute; top: 30px; left: -2px; }

.list.advanced .item .fuelBlock { display: block; float: left; width: 100%; }

.catalog .list .reference { font-size: 0.9rem; font-weight: 300; float: left; width: 100%; margin: 10px 0px 0px 0px; color: #666; }

.list .item .fuelBlock { 
    float: left; width: 100%; font-size: 0.9rem; white-space: nowrap; overflow: hidden; margin-top: 1px; display: block; font-weight: 300;
}
.list .item .fuelBlock > div { float: left; white-space: nowrap; max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
.list .item .fuelBlock .co2 { background: url(https://secure.delta-car.ch/img/websites/int/labels/label_energy_grey.svg) 4px 4px no-repeat; background-size: 22px auto; padding-left: 36px; position: relative; }
.list .item .fuelBlock .co2 .lbl { position: absolute; left: 0px; top: 3px; width: 26px; text-align: center; z-index: 1; font-size: 0.65rem; text-transform: uppercase; color: #fff; }

.list .item .description { width: 60%; float: left; display: block; box-sizing: border-box; padding: 30px 0px 0px 0px; position: relative; }
.list.advanced .item .description { width: 100%; }
.list.advanced .item .description { position: initial; }
.list.conf .item .description { width: 100%; }
.list .item .price { 
	font-size: 1rem; float: left; display: block; margin-top: 10px; width: 100%; 
	position: relative; height: auto; float: right; width: 60%; display: block;    
    padding-top: 4px;
}
.list .item .price.long { height: auto;  }
.fr-FR .list .item .price { padding-bottom: 24px; }
.list.advanced .item .price { width: 100%; float: left; margin: 20px 0px 10px 0px; display: block; }
.list .item .price .discount { 
	font-size: 1.2rem; color: #00B453; font-weight: bold; display: inline-block; float: left; width: 40px; text-align: right; margin-left: 43px;    
}
.list.advanced .item .price .discount { float: left; margin-left: 20px; text-align: right; font-size: 1.2rem; }
.list .item .price img.crossout { position: absolute; top: 4px; left: 26px; }
.list .item .price .emv { 
	font-size: 1rem; color: #999; font-weight: 300; white-space: nowrap;
	position: absolute; left: 0px; top: 0px; width: 75px; text-align: right;
}
.list .item .price .clientPrice { 
	font-size: 1.2rem; color: #1C1F33; font-weight: bold; white-space: nowrap; float: left; width: 60px;
}
.list.advanced .item .price .clientPrice { font-size: 1.2rem; }
.list .item .price .clientPrice .comment { font-size: 1rem; color: #1C1F33; font-weight: 300; clear: both; line-height: 1em; }

.list .item .price .monthly { 
    font-size: 1rem; font-weight: normal; white-space: nowrap; float: left; flex: 1; width: auto; text-align: center; position: absolute; left: 0px; bottom: 0px;
}
.list.advanced .item .price .monthly { font-size: 1rem; font-weight: normal; top: 0px; bottom: initial; }
.list .item .price .monthly .ref { font-weight: 300; font-size: 0.85rem;  }
.list .item .price .monthly .preref { font-weight: 300; font-size: 0.85rem;  }
.list .item .price .monthly.empty { 
    font-weight: 300;
    font-size: 0.85rem;
    max-width: 120px;
    white-space: initial;
    text-align: left;    
}
@media screen and (max-width: 350px) { 
    .list .item .photo { width: 30%; }    
    .catalog .list .infoblock .ill { width: 30%; }
    .catalog .list .infoblock .preview { width: 70%; }
    .list .item .description { width: 70%; }
    .list .item .price { width: 70%; }
}

.list.advanced .item .price .clientPrice { width: auto; flex: none; }
.list.advanced .item .price .discount { width: auto; flex: none; margin-left: 20px; }
.list.advanced .item .price .monthly { width: auto; flex: none; margin-left: 5px; }


.list .item .price .selectedOptions { 
	display: none;
	font-size: 0.8rem; color: #666; font-weight: 300; clear: both; 
}
.list .item .price .selectedOptions.user { display: block; }
.list.advanced .item .price .selectedOptions { display: block; }
.list .item .price .line { display: none; }

.list .item .make { position: absolute; top: 5px; right: 5px; width: 40px; height: 30px; background-size: 30px; background-position: top right; }

.list .item .availability { 
	position: absolute; z-index: 500; font-size: 0.8rem; font-weight: normal; text-transform: none; 
    top: 0px; left: 0px;
    color: #1C1F33; 
}
.list.advanced .item .availability { top: -3px; left: 16px; }
.list .item .availability img { float: left; margin: 2px 4px 0px 0px; }
.list .item .availability br { display: none; }
.list .item .energyLevel { position: absolute; top: 6px; right: 0px; background: no-repeat; background-position: top right; width: 30px; height: 30px; background-size: 25px auto; display: none; }
.list.advanced .item .description > .energyLevel { display: none; }
.list.advanced .item .description .fuelBlock .energyLevel { 
	display: block; position: initial; 
	background-position: 3px center; background-size: auto 10px; height: 20px;
	margin: 0px 10px 0px 0px; width: 22px;
}
.list.advanced .item .description .fuelBlock > div { float: left; font-size: 0.9rem; color: #666; font-weight: 300; }
.list .item .energyLevel.A { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-A.svg); }
.list .item .energyLevel.A\+ { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/co2_int_level_A+_02a.svg); }
.list .item .energyLevel.B { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-B.svg); }
.list .item .energyLevel.C { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-C.svg); }
.list .item .energyLevel.D { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-D.svg); }
.list .item .energyLevel.E { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-E.svg); }
.list .item .energyLevel.F { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-F.svg); }
.list .item .energyLevel.G { background-image: url(https://secure.delta-car.ch/img/websites/int/co2/ico_energy-G.svg); }
.avl.picto { display: block; float: left; width: auto; padding: 4px 0px 0px 24px; }

.list .avl.picto { height: 25px;  }
.avl.picto.configurable { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_configurable_colored.svg) 0px center no-repeat; background-size: 14px; }
.avl.picto.stock { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_stock.svg) left center no-repeat; background-size: 14px; }
.avl.picto.arrival { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_avl_arrival.svg) left center no-repeat; background-size: 14px; }


.favorite-btn-animation {
    position: absolute; z-index: 10000;
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_wishlist_filled_1759E8.svg) no-repeat left top;
    width: 30px; height: 30px; background-size: 30px;
}

.favorite-list-btn { 
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_wishlist_outlined_1759E8.svg) no-repeat center center;    
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 50px;
    opacity: 1;
    display: none;
    top: 3px;
    right: 110px;
    background-size: 24px auto;
}

.favorite-list-btn span { 
    position: absolute;
    font-size: 10px;
    color: #1759E8;
    background: #fff;
    border-radius: 8px;
    padding: 0px;
    left: 28px;
    top: 16px;
    width: 22px;
    height: 13px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #1759E8;
    display: block;
    line-height: 11px;
}

.favorite-btn { 
    position: absolute; z-index: 1; top: 0px; right: 0px; width: 40px; height: 40px; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_wishlist_outlined.svg) no-repeat right 15px; 
    background-size: 20px auto;
    opacity: 0.8;
}
.catalog .list .favorite-btn { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_wishlist_outlined.svg); }
.catalog .list .item .more-btn { display: none; }
.favorite-btn.added { background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_wishlist_filled_1759E8.svg) !important; opacity: 0.8;  }
.carpage .favorite-btn { opacity: 1; right: 15px; top: 17px; background-position: center center; background-image: url(https://secure.delta-car.ch/img/websites/int/icons/ico_wishlist_outlined.svg); }
.carpage .favorite-btn span { display: none; }

.carpage .download-btn { 
    color: #1759E8; font-weight: 300; width: 50%; float: left; 
    font-size: 1rem; 
    background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_download-blue.svg) left center no-repeat; 
    background-size: 18px auto;
    padding: 10px 0px 10px 30px; 
    text-decoration: none;
}


.list .item .mm { float: left; font-size: 1rem; line-height: 1em; display: block; clear: both; color: #1C1F33; font-weight: 600; width: 100%; margin: 0px 0px 5px 0px; }
.list .item .engine { font-size: 0.9rem; line-height: 1.1em; color: #828282; font-weight: 300; float: left; display: inline-block; margin-right: 5px; clear: left; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list .item .version { font-size: 0.9rem; line-height: 1.1em; color: #828282; font-weight: 300; float: left; display: inline-block; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } 

.list .item .price .options { float: left; position: absolute; right: 0px; bottom: 20px; max-width: 50%; }
.list .item .color { 
	width: 100%; float: left;
}
.list.advanced .jatocolor { width: 13px !important; height: 13px !important; }

.list .item .keyvalues { display: block; font-size: 0.9rem; float: left; width: 100%; font-weight: 300; margin: 12px 0px 2px 0px; overflow: hidden; white-space: nowrap; }
.list .item .keyvalues > div { text-transform: capitalize; display: inline-block; float: left; }
.list .item .keyvalues > div.gear { text-transform: initial; }

.list .item .keyvalues > div { max-width: 95px; overflow: hidden; text-overflow: ellipsis; }
.list .item .keyvalues .energy { float: left; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_engine.svg) no-repeat 0px 2px; background-size: 23px; padding-left: 32px; }
.list .item .keyvalues .gear { float: left; }
.list .item .keyvalues .power { display: none; }

.list .item .keyvalues .range { float: left; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_erange.svg) no-repeat 0px -1px; background-size: 20px; padding-left: 25px; text-transform: none; }
.list .item .keyvalues .charging { float: left; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_charging-time.svg) no-repeat 0px 1px; background-size: 22px; padding-left: 25px; text-transform: none; max-width: 105px; }

.list.advanced .item .keyvalues { display: block; color: #666; }
.list.advanced .item .keyvalues .power { display: block; }
.list .item .delimiter { display: inline-block; float: left; margin: 0px 6px 0px 6px; }
.list .item .options { display: none; } 
.list.advanced .item .options { 
	display: block; 
	width: 100%; float: left;
	margin: 10px 0px 0px 0px;
	font-size: 0.9rem; font-weight: 300; color: #666;
} 
.list.advanced .item .options.tochoose { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_color.svg) left center no-repeat; background-size: 14px auto; padding-left: 20px; }



.list .tag { width: 40px; float: left; padding: 0px; }
.list .item > .tag { height: 20px; margin-top: 1px; }
.list .item > .tag > .tag { background-position: center top; height: 25px; text-align: center; text-transform: uppercase; }
.list .item > .tag > .tag > div { margin: 22px 0px 0px 0px; font-size: 1rem; line-height: 10px; font-weight: lighter; }

.list .item span.comment { font-weight: 300; }


a.large { font-size: 1rem; font-weight: 600; color: #1C1F33; text-decoration: underline; }
a.normal { font-size: 1rem; font-weight: 600; color: #1C1F33; text-decoration: underline; }

.namevalue td { border-bottom: 1px solid #ccc; width:70%;  }
.namevalue td.label { width:30%; color:#666; vertical-align: top; }

input[type=text], textarea { width: 100%; }


.listcount { font-size: 1rem; padding: 0px 0px 0px 24px !important; text-align: right; float: right; }
.listcount b { color: Red; }

.listpages { font-size: 1rem; padding: 0px 24px 0px 0px; text-align: right; float: right; font-weight: normal; color: #666; }
.listpages > div { float: left; margin: 0px 4px 0px 4px; }
.listpages a { color: #ccc; font-weight: 300; float: left; margin: 0px 3px 0px 3px; padding: 0px 3px 0px 3px; letter-spacing: -1px; }
.listpages a.page.current { color: #1759E8; font-weight: normal; font-size: 1rem; cursor: default; margin-top: 0px; letter-spacing: 0px; }
.listpages a.page.current:hover { text-decoration: none; }
.listpages a:hover { text-decoration: underline; }
.listpages a.next, 
.listpages a.prev { width: 30px; color: transparent; background: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_left_1759E8.svg) no-repeat center 1px; }
.listpages a.next { background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_right_1759E8.svg) }



/* TABS */
.tab_container { width: 100%; position: relative; }
.tab-buttons-panel { width: 100%; overflow: hidden; float: left; background: white; white-space: nowrap;   }
.tab-buttons-panel.fixed { max-width: 1020px; width: calc(100% - 32px); position: fixed; top: 0px; z-index: 100000; border-bottom: 5px solid white; }
.tab-buttons-panel ul { margin: 0; padding: 0px; list-style: none; display: flex; width: 100%; overflow: hidden; float: left; }
/*.tab-buttons-panel.fixed { top: 0px; left: 0px; position: fixed; z-index: 100; }
.tab-buttons-panel.fixed li { border-bottom: 1px solid #666; padding: 2px 0px; };*/
.tab-buttons-panel li { flex: 1; }

.tab_container .leftBorder { 
	display: none;
}
.tab_container .rightBorder { 
	display: none;
}

.tab-buttons-panel li {
    float: left;    
    font-size: 0.85rem;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    border: none;
    background: #fff; font-weight: normal;
    overflow: hidden; box-sizing: border-box;
    text-transform: capitalize;
    transition: background 0.2s ease-out;
    position: relative;
}
.tab-buttons-panel li:first-child { flex: 1; margin-left: 0px; min-width: 35px; }
.tab-buttons-panel li:after { content: " "; position: absolute; width: 90%; border-bottom: 2px solid #1C1F33; bottom: 0px; left: 5%; }

@media screen and (min-width: 500px) { 
    .tab-buttons-panel li { flex: 1; }
}

.tab-buttons-panel li.right {
	float: right;
    margin-right: 0px;	
}

.tab-buttons-panel li span {
	float: left;
	height: auto;	
}

.tab-buttons-panel li span.left { 	
	width: 0px;
}

.tab-buttons-panel li span.right { 
	width: 0px;
}

.tab-buttons-panel li span.center {
    width: 100%; padding: 8px 0px 8px 0px; box-sizing: border-box;
    text-overflow: ellipsis; white-space: nowrap;
    overflow: hidden; text-align: center;
}
@media (max-width: 350px) {
    .tab-buttons-panel li span.center { padding: 8px 0px 8px 0px; max-width: 95px; }
}
.tab-buttons-panel li.tab-show span.center {  }
.tab-buttons-panel li.tab-show:after { border-color: #1759E8; }

.tab-buttons-panel li.left span.left {
	
}
.tab-buttons-panel li.right span.right {
	
}

.tab-buttons-panel li.right.tab-show span.right {
	
}
.tab-buttons-panel li.left.tab-show span.left {
	
}

.tab-buttons-panel li.tab-show span.left { 
	
}

.tab-buttons-panel li.tab-show span.right { 
	
}
.tab-buttons-panel li.tab-show span.center {
    
}
.tab-buttons-panel li.tab-show { background: #fff; color: #1759E8; }

.tab-content 
{
	clear:both;
    border: none;
    background: white;    
    display: none;
    padding: 20px 0px 0px 0px;
    padding-bottom: 0px;
}

.tab-content-show {
    display: block;
    overflow: hidden;
}

.tab-content-panel-border {
    margin: 0px;
    overflow: hidden;
}

.tab-content-panel {
    padding: 0px;
    background-color: white;    
    overflow: hidden;
}
/* ---------------------------- */

div > h1 { display: inherit !important; font-size: inherit !important; margin: initial !important; padding: initial !important; font-weight: inherit !important; font-family: inherit !important; color: inherit !important; clear: inherit !important; }
div > h2 { display: inherit!important; font-size: inherit !important; margin: initial !important; padding: initial !important; font-weight: inherit !important; font-family: inherit !important; color: inherit !important; clear: inherit !important; }
div.title.why-choose > h2 { margin: 0; }
div.title.standard > h1 { margin:0; }

.head .menu .close-button {
	width: 50px;
	height: 50px;
}
.head .menu li.aboutus {
	padding: 12px 0px 12px 12px;
    background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_dropdown_closed_BDBDBD.svg);
    background-repeat: no-repeat;
    background-position: 40% center;
    background-size: 10px 10px;
	transition: background 0.2s ease-out;

}
.head .menu li.aboutus.tight { background-position: 24% center; }
.head .menu li.aboutus.closed { background-image: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_dropdown_right_BDBDBD.svg); }
.head .menu li[data-aboutus="true"] { margin-left: 35px; }
.head .menu li[data-aboutus="true"] a { font-weight: 100; }
.head .menu li[data-aboutus="true"].collapsed { display: none; }