html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'open sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Light-webfont.svg#open_sans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Semibold-webfont.svg#open_sans') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'open sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold-webfont.svg#open_sans') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Satisfy';
    src: url('../fonts/Satisfy.eot');
    src: url('../fonts/Satisfy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Satisfy.woff') format('woff'),
    url('../fonts/Satisfy.ttf') format('truetype'),
    url('../fonts/Satisfy.svg#Satisfy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?3sfv');
    src:    url('../fonts/icomoon.eot?3sfv#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3sfv') format('truetype'),
    url('../fonts/icomoon.woff?3sfv') format('woff'),
    url('../fonts/icomoon.svg?3sfv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-tick-circle:before,
.h2-success:before {
    content: "\e9bc";
}
.icon-arrow-box:before {
    content: "\e900";
}
.icon-reload:before {
    content: "\e901";
}
.icon-tag:before {
    content: "\e902";
}
.icon-book:before {
    content: "\e903";
}
.icon-building:before {
    content: "\e904";
}
.icon-tie:before {
    content: "\e905";
}
.icon-money-bag:before {
    content: "\e906";
}
.icon-calendar-dots:before {
    content: "\e907";
}
.icon-hierarchy:before {
    content: "\e908";
}
.icon-chevron-right-circle:before {
    content: "\e909";
}
.icon-chevron-down:before,
.select-like:after,
.my-auctions-toggler button:after,
.front-side-nav .sub-toggler:after {
    content: "\e90a";
}
.icon-hourglass:before {
    content: "\e90b";
}
.icon-co2:before {
    content: "\e90c";
}
.icon-trash:before {
    content: "\e90d";
}
.icon-discount:before {
    content: "\e90e";
}
.icon-pencil:before {
    content: "\e90f";
}
.icon-folder:before {
    content: "\e910";
}
.icon-money-hand:before {
    content: "\e911";
}
.icon-cogs:before {
    content: "\e912";
}
.icon-connect:before {
    content: "\e913";
}
.icon-triangle-down:before {
    content: "\e914";
}
.icon-meters:before {
    content: "\e915";
}
.icon-search:before {
    content: "\e916";
}
.icon-eye-off:before {
    content: "\e917";
}
.icon-document-5:before {
    content: "\e918";
}
.icon-eye:before {
    content: "\e919";
}
.icon-user-mic:before {
    content: "\e91a";
}
.icon-phone-call:before {
    content: "\e91b";
}
.icon-cross:before,
.popup .mfp-close:before {
    content: "\e91c";
}
.icon-ribbon:before {
    content: "\e91d";
}
.icon-plus:before {
    content: "\e91e";
}
.icon-thumb-down:before {
    content: "\e91f";
}
.icon-thumb-up:before {
    content: "\e920";
}
.icon-warning-sign:before {
    content: "\e921";
}
.icon-star:before,
.vehicles-list-grouped-item .actions .selection.active:before,
.vehicles-list-grid-item .actions .selection.active:before,
.vehicles-list-grouped-item .actions .selection:hover:before,
.vehicles-list-grid-item .actions .selection:hover:before,
.vehicle-bottom-actions .selection.active .icon:before {
    content: "\e922";
}
.icon-envelope-open:before {
    content: "\e923";
}
.icon-menu:before {
    content: "\e924";
}
.icon-phone:before {
    content: "\e925";
}
.icon-mallet:before {
    content: "\e926";
}
.icon-cog:before {
    content: "\e927";
}
.icon-gauge:before {
    content: "\e928";
}
.icon-vehicles:before {
    content: "\e929";
}
.icon-roads:before {
    content: "\e92a";
}
.icon-envelope:before {
    content: "\e92b";
}
.icon-wrench:before {
    content: "\e92c";
}
.icon-cars:before {
    content: "\e92d";
}
.icon-car-wrench:before {
    content: "\e92e";
}
.icon-discuss:before {
    content: "\e92f";
}
.icon-document-3:before {
    content: "\e930";
}
.icon-euro:before {
    content: "\e931";
}
.icon-car-forbidden:before {
    content: "\e932";
}
.icon-fuel:before {
    content: "\e933";
}
.icon-wrench-cog:before {
    content: "\e934";
}
.icon-car-search:before,
.vehicles-list-item .photo:after {
    content: "\e935";
}
.icon-management:before {
    content: "\e936";
}
.icon-marker:before {
    content: "\e937";
}
.icon-calendar-lines:before {
    content: "\e938";
}
.icon-painter-palette:before {
    content: "\e939";
}
.icon-speedometer:before {
    content: "\e93a";
}
.icon-star-empty:before,
.vehicles-list-grouped-item .actions .selection:before,
.vehicles-list-grid-item .actions .selection:before,
.vehicles-list-grouped-item .actions .selection.active:hover:before,
.vehicles-list-grid-item .actions .selection.active:hover:before,
.vehicle-bottom-actions .selection .icon:before {
    content: "\e93b";
}
.icon-car-cog:before {
    content: "\e93c";
}
.icon-transport:before {
    content: "\e93d";
}
.icon-car:before {
    content: "\e93e";
}
.icon-menu-button:before {
    content: "\e93f";
}
.icon-cross-thin:before,
body .select2-container-multi .select2-search-choice-close:before {
    content: "\e940";
}
.icon-chevron-up:before,
.my-auctions-list-container.my-auctions-list-open .my-auctions-toggler button:after,
.front-side-nav .has-sub-open .sub-toggler:after {
    content: "\e941";
}
.icon-chevron-right:before,
.breadcrumb li:before,
.front-side-nav .regions-departments-cities .sub > ul > li > a:after {
    content: "\e942";
}
.icon-airplane:before {
    content: "\e943";
}
.icon-fast-train:before {
    content: "\e944";
}
.icon-key:before {
    content: "\e945";
}
.icon-quality:before {
    content: "\e946";
}
.icon-wheel:before {
    content: "\e947";
}
.icon-form:before {
    content: "\e948";
}
.icon-money:before {
    content: "\e949";
}
.icon-talk:before {
    content: "\e94a";
}
.icon-user:before {
    content: "\e94b";
}
.icon-clock:before {
    content: "\e94c";
}
.icon-grey-card:before {
    content: "\e94d";
}
.icon-logout:before {
    content: "\e94e";
}
.icon-grid:before {
    content: "\e94f";
}
.icon-list:before {
    content: "\e950";
}

.icon-fake-circle {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14b994+0,189277+100 */
    background: #189176; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(20,185,148,1) 0%, rgba(24,145,118,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(20,185,148,1) 0%,rgba(24,145,118,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(20,185,148,1) 0%,rgba(24,145,118,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* Basic HTML
------------------------------------------------------------------------*/
body {
    font: 12px/1.5 'open sans', sans-serif;
    min-width: 320px;
    overflow-x: hidden;
    color: #333;
    background: url('../img/bg-pattern.png') 50% 0;
}
body.nobg {
    background: none;
}
p, h1, h2, h3, h4, h5, h6, ul, ol {
    margin: 0 0 20px;
}
h1 {
    color: #e04e39;
    font-size: 16px;
    text-transform: uppercase;
}
h2 {
    color: #00a3e0;
    font-size: 14px;
    text-transform: uppercase;
}
body.front h1 {
    text-transform: none;
}
body.front h2 {
    color: #e04e39;
    text-transform: none;
    font-size: 20px;
}
body.front h3 {
    color: #00a3e0;
    font-weight: 600;
    font-size: 16px;
}
.h2-border {
    text-align: center;
    margin-bottom: 35px;
}
body.front .h2-border {
    line-height: 1.5;
}
.h2-border:after {
    content: '';
    display: block;
    width: 100%;
    max-width: 490px;
    border-top: 1px solid currentColor;
    margin: 10px auto 0;
}
body.front .h2-success {
    color: #e04e39;
}
.h2-success:before {
    /* See content at top */
    display: inline-block;
    margin-right: 10px;
    color: #00a3e0;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.title-with-icon {
    color: #333;
    font-size: 16px;
}
.title-with-icon [class^="icon-"],
.title-with-icon [class*=" icon-"] {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 5px;
    color: #e04e39;
}
.title-grey {
    color: #333;
}
a {
    color: #00a3e0;
    text-decoration: underline;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    color: #117da4;
    text-decoration: none;
}
ol {
	list-style: decimal;
	padding: 0 0 0 35px;
}
ul {
	list-style: disc;
	padding: 0 0 0 35px;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	border: 0 #b4b4b4 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
    margin: 30px 0;
}
table {
    width: 100%;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="button"],
input[type="reset"],
input[type="submit"],
button,
textarea {
    font: 12px/1.5 'open sans', sans-serif;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;

    box-shadow: none;
	outline: 0;
    opacity: 1;
}
textarea {
	overflow: auto;
    resize: none;
    margin: 0;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button {
    cursor: pointer;
}
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0
}

html { box-sizing: border-box; }
*, *:before, *:after {
    box-sizing: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

.nodisplay,
.hiddenField {
    display: none;
}

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.wrapper {
	padding: 0 10px;
	margin: 0 auto;
    max-width: 1270px;
}
.wrapper:before {
    content: '';
    display: table;
}
.wrapper:after {
    content: '';
    display: table;
    clear: both;
}

.img-frame {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
}

.img-left,
.img-right {
    display: block;
    margin: 0 auto 20px;
}

.rte {
    overflow: hidden;
    margin: 0 -10px;
    font-size: 0;
}
.rte .col {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
}


/* Forms
------------------------------------------------------------------------*/

.form-row {
    margin: 0 0 20px;
}
.control-label {
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.control-label em {
    font-style: normal;
    font-weight: 300;
    text-transform: none;
}
.control-label.control-label-light {
    font-weight: normal;
    text-transform: none;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border: 1px solid #b4b4b4;
    color: #333;
    padding: 9px;
    height: 45px;
    line-height: 25px;
}
textarea {
    height: 100px;
}

.form-row.disabled {
    opacity: 0.3;
}

.select-like {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    background: #fff;
    border: 1px solid #b4b4b4;
    color: #333;
}
.select-like span {
    position: relative;
    display: block;
    height: 43px;
    padding: 9px 35px 9px 9px;
    line-height: 23px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.select-like:after {
    /* See content at top */
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 10px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #00a3e0;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.select-like select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 2;
}
.form-row.disabled .select-like,
.form-row.disabled .select-like select {
    cursor: default;
}

.radioGroupField,
.checkboxGroupField {
    margin-bottom: 10px;
}
.radioGroupField .field,
.checkboxGroupField .field {
    margin-bottom: 10px;
}

.slider-range-field .controls {
    padding: 10px 0 4px;
}
.slider-range {
    margin: 0 10px;
}
.slider-range.ui-slider-horizontal {
    background: #fff;
    border-radius: 2px;
    height: 5px;
    border: 0;
}
.slider-range .ui-slider-range {
    background: #00a3e0;
}
.slider-range.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    margin-left: -8px;
    background: #fff;
    border: 2px solid #00a3e0;
    width: 20px;
    height: 20px;
    border-radius: 50%;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.slider-range-value {
    font-weight: normal;
    display: block;
    text-align: center;
    padding-top: 4px;
    text-transform: uppercase;
}

.form-required {
    text-align: right;
    font-style: italic;
}
.submit {
    margin: -10px 0 20px;
    text-align: center;
    overflow: hidden;
}
.submit > span {
    margin-top: 10px;
    display: block;
}

.form-row.upload .controls {
    height: 45px;
    position: relative;
}
.form-row.upload .controls:before {
    content: '';
    display: block;
    background: #fff;
    border: 1px solid #b4b4b4;
    color: #333;
    padding: 9px;
    height: 45px;
    line-height: 25px;
    border-radius: 4px;
}
.form-row.upload .controls:after {
    content: 'Télécharger';
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 19px 11px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    text-align: center;

    background: #00a3e0;

    border: 1px solid #117da4;
    border-radius: 4px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.form-row.upload .controls:hover:after {
    background-color: #117da4;
}

.form-row.upload .controls input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 45px;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.error input[type="text"],
.error input[type="password"],
.error input[type="datetime"],
.error input[type="datetime-local"],
.error input[type="date"],
.error input[type="month"],
.error input[type="time"],
.error input[type="week"],
.error input[type="number"],
.error input[type="email"],
.error input[type="url"],
.error input[type="search"],
.error input[type="tel"],
.error input[type="color"],
.error textarea,
.error .select-like span {
    border-color: #e3411f;
}
.error .control-label {
    color: #e3411f;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background: none;
    padding: 12px 19px 13px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    text-align: center;

    background: #00a3e0;
    border: 1px solid #117da4;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.btn {
    text-decoration: none;
}
a.btn:hover {
    color: #fff;
    text-decoration: none;
}
.btn:hover {
    background-color: #117da4;
}
.btn.btn-large {
    padding-top: 14px;
    padding-bottom: 14px;
}
.btn.btn-blue {
    background-color: #00a3e0;
    border: 1px solid #117da4;
}
.btn.btn-blue:hover {
    background-color: #117da4;
}
.btn.btn-red {
    background-color: #f67b38;
    border: 1px solid #e3411f;
}
.btn.btn-red:hover {
    background-color: #e04e39;
}

.btn-text {
    display: inline-block;
    vertical-align: middle;
    background: none;
    border: 0;
    width: 100%;
    padding: 12px 19px 13px;
    margin: 0;
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-text:hover {
    color: #333;
}

.btn [class^="icon-"],
.btn [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 15px;
}
.btn .icon-at-right {
    margin-right: 0;
    margin-left: 5px;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
    font-size: 25px;
}
.btn.btn-large .btn-icon-nosize {
    font-size: inherit;
}

.front .btn.btn-large {
    font-size: 16px;
    letter-spacing: 1px;
}

.btn-link {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    display: inline;
    width: auto;
    color: #00a3de;
    text-decoration: underline;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-link:hover {
    color: #117da4;
    text-decoration: none;
}

.form-notes {
    color: #888;
    font-size: 10px;
}

.alert {
    padding: 20px;
    margin: 0 0 20px;
    border: 1px solid;
    border-radius: 4px;
    background: #fff;
}
.alert * {
    margin-bottom: 0;
}
.alert-success {
    color: #00bc92;
    border-color: #00bc92;
}
.alert-warning {
    color: #f29527;
    border-color: #f29527;
}
.alert-danger {
    color: #e73300;
    border-color: #e73300;
}
.alert-caps {
    text-transform: uppercase;
}

/* Select2
----------------------------------*/
body .select2-container {
    display: block;
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
}
body .select2-container ::-webkit-input-placeholder {
    opacity: 1;
}
body .select2-container :-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}
body .select2-container ::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
}
body .select2-container :-ms-input-placeholder {
    opacity: 1;
}
/* Fix <= IE9 placeholder */
body .select2-container .placeholder {
    opacity: 1;
}
body .select2-container-multi .select2-choices {
    display: block;
    border: 0;
    background: none;
    min-height: 43px;
    color: #333;
    padding: 0 5px 5px 0;
    line-height: 33px;
}
body .select2-container-multi .select2-choices .select2-search-choice {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 33px;
    line-height: 33px;
    margin: 5px 0 0 5px;
    padding: 0 30px 0 10px;

    background: #00a3e0;


    filter: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
body .select2-container-multi .select2-choices .select2-search-choice-focus {
    background-color: #117da4;
}

body .select2-container-multi .select2-search-choice-close {
    left: auto;
    background: none !important;
    width: 10px;
    height: 10px;
    top: 10px;
    right: 10px;
    line-height: 10px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}
body .select2-container-multi .select2-search-choice-close:before {
    /* See content at top */

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .select2-container-multi .select2-choices .select2-search-field input {
    color: #333;
    height: 38px;
    padding-bottom: 0;
    margin: 0;
    padding-left: 9px;
    font: 12px/1.5 'open sans', sans-serif;
}
body .select2-default {
    color: #333 !important;
}
body .select2-container-multi.select2-container-active .select2-choices,
body .select2-container-active .select2-choice,
body .select2-container-active .select2-choices {
    border: 0;
    box-shadow: none;
}
div.select2-drop,
div.select2-drop-active {
    border: 1px solid #b4b4b4;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    margin-top: -4px;
}
ul.select2-results .select2-highlighted {
    background: #117da4; /* Old browsers */
}
body .select2-container-multi.select2-container-disabled .select2-choices {
    border: 0;
    background: none;
}
body .select2-container-multi.select2-container-disabled {
    opacity: 0.3;
}
body .select2-container-multi.select2-container-disabled .select2-choices .select2-search-field input {
    color: #b4b4b4 !important;
}
body .select2-results .select2-no-results,
body .select2-results .select2-searching,
body .select2-results .select2-ajax-error,
body .select2-results .select2-selection-limit {
    background: none;
    padding-top: 5px;
    padding-bottom: 5px;
}


/* Layout
------------------------------------------------------------------------*/
html,
body,
.website-wrapper {
    height: 100%;
}
.website-wrapper {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
}
body.front .website-wrapper {
    -webkit-transform: translateX(-250px);
    -moz-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    -o-transform: translateX(-250px);
    transform: translateX(-250px);
}
.side-nav-open .website-wrapper,
body.front-side-nav-open .website-wrapper {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.main-wrapper {
    height: 100%;
    width: 100%;
    margin-left: 100px;
    /* Having this is quite buggy, let's try removing it... */
    /*overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
}
body.front .main-wrapper {
    margin-left: 250px;
}
.side-nav-open .main-wrapper,
.front-side-nav-open .main-wrapper {
    overflow: hidden;
}
.main {
    min-height: calc(100% - 120px - 70px);
}
.side-nav,
.front-side-nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
}
.front-side-nav {
    width: 250px;
}
.content {
    position: relative;
}
.footer {
    height: 120px;
}

body .mfp-bg {
    opacity: 0.6;
}
body .mfp-container {
    min-width: 320px;
    padding: 0 10px;
}
.popup {
    display: block;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    padding: 20px 20px 0;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.popup-large {
    max-width: 980px;
}
.popup-small-wrapper {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}
.popup-header {
    padding-right: 30px;
}
.popup-header-centered {
    padding-left: 30px;
    text-align: center;
}
.popup .mfp-close,
.mfp-close-btn-in .popup .mfp-close {
    opacity: 1;
    text-indent: -9999em;
    top: 10px;
    right: 10px;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #00a3e0;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.popup .mfp-close:hover,
.mfp-close-btn-in .popup .mfp-close:hover {
    color: #117da4;
}
.popup .mfp-close:before {
    /* See content at top */
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin: auto;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Side
------------------------------------------------------------------------*/
.side-nav {
    background: #555;
    overflow: auto;
}
.front-side-nav {
    background: #fff;
    overflow: auto;
}
.side-nav .logo {
    height: 70px;
    background: #e04e39;
    position: relative;
}
.side-nav .logo h1 {
    margin: 0;
}
.side-nav .logo img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.side-nav-inner,
.front-side-nav-inner {
    padding-top: 10px;
}
.side-nav-inner ul,
.front-side-nav-inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.side-nav-inner li,
.front-side-nav-inner li {
    padding: 20px 0;
}
.side-nav-inner a,
.front-side-nav-inner a,
.front-side-nav-inner > ul > li > .li-inner > span {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 600;
    color: #b4b4b4;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.front-side-nav-inner a,
.front-side-nav-inner > ul > li > .li-inner > span {
    color: #333;
}
.side-nav-inner [class^="icon-"],
.side-nav-inner [class*=" icon-"] {
    display: block;
    font-size: 20px;
    text-align: center;
    margin: 0 0 10px;
}
.side-nav-inner a:hover,
.side-nav-inner .active > a {
    color: #fff;
    text-decoration: none;
}
.front-side-nav-inner a:hover,
.front-side-nav-inner .active > a,
.front-side-nav-inner .active > span,
.front-side-nav-inner .active > .li-inner > a,
.front-side-nav-inner .active > .li-inner > span {
    color: #e04e39;
    text-decoration: none;
}
.side-nav-inner .active > a {
    font-weight: 600;
}
.side-nav-inner .active [class^="icon-"],
.side-nav-inner .active [class*=" icon-"] {
    font-size: 24px;
}
.front-side-nav .login {
    display: none;
}
.side-nav .pill {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 10px;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
    font-weight: normal;
    background: #e04e39;
    color: #fff;
    border-radius: 50%;
}

.front-side-nav .has-sub {
    position: relative;
}
.front-side-nav .sub-toggler {
    position: absolute;
    top: 8px;
    right: 15px;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: -9999em;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
.front-side-nav .sub-toggler:hover {
    color: #e04e39;
}
.front-side-nav .sub-toggler:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    font-size: 12px;
    text-align: center;
    text-indent: 0;
}
.front-side-nav li .sub {
    display: none;
    overflow: hidden;
}
.front-side-nav li .sub .all {
    display: none;
}
.front-side-nav .has-sub-open .sub {
    display: block;
}
.front-side-nav-inner > ul > li {
    padding: 0;
}
.front-side-nav-inner > ul > li > .li-inner > a,
.front-side-nav-inner > ul > li > .li-inner > span {
    padding: 10px 50px;
    font-size: 12px;
}
.front-side-nav-inner br {
    display: none;
}
.front-side-nav-inner > ul > li > .sub {
    margin: 0 0 10px;
    padding-top: 20px;
    background: #eee;
}
.front-side-nav-inner > ul > li > .sub a {
    padding: 0;
    font-weight: 300;
    text-transform: none;
    font-size: inherit;
}
.front-side-nav .brands .sub > ul,
.front-side-nav .vehicle-types .sub > ul {
    font-size: 0;
    margin: 0;
}
.front-side-nav .brands .sub > ul > li,
.front-side-nav .vehicle-types .sub > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px;
    font-size: 12px;
    margin: 0 0 20px;
}
.front-side-nav-inner > ul > .recovery {
    padding: 0 10px;
    margin: 0 0 10px;
}
.front-side-nav-inner > ul > .recovery > .li-inner > a {
    font-size: 12px;
    padding: 11px 19px 11px;
    color: #fff;
    background: #00a3e0;
    border: 1px solid #117da4;
    text-align: center;
}
.front-side-nav-inner > ul > .recovery > .li-inner > a:hover {
    background-color: #117da4;
}
.front-side-nav .brands .sub .img,
.front-side-nav .vehicle-types .sub .img {
    display: none;
}
.front-side-nav .brands .sub .img img,
.front-side-nav .vehicle-types .sub .img img {
    display: block;
}
.front-side-nav .regions-departments-cities > .sub {
    padding-top: 5px;
}
.front-side-nav .regions-departments-cities > .sub > ul > li {
    padding: 0 10px;
    font-size: 12px;
}
.front-side-nav .regions-departments-cities > .sub > ul > li > a {
    padding: 5px 0;
    font-weight: bold;
}
.front-side-nav .regions-departments-cities .sub > ul > li > a:after {
    display: none;
}
.front-side-nav .regions-departments-cities .sub-departments > ul {
    font-size: 0;
    margin: 0 -10px;
}
.front-side-nav .regions-departments-cities .sub-departments > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
    font-size: 12px;
    margin: 0 0 10px;
}
.front-side-nav .regions-departments-cities .sub-departments > ul > li > a {
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
    text-align: left;
}
.front-side-nav .regions-departments-cities .sub-cities > ul {
    font-size: 0;
    margin: 0 -10px;
}
.front-side-nav .regions-departments-cities .sub-cities > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px;
    font-size: 12px;
    margin: 0 0 5px;
}
.front-side-nav .regions-departments-cities .sub-cities > ul > li > a {
    text-align: left;
}

/* Header
------------------------------------------------------------------------*/
.top-bar {
    height: 70px;
    background: #fff;
    overflow: hidden;
}
.front-top-bar {
    height: 70px;
    overflow: hidden;
    background: #fff;
}
.top-bar .side-nav-toggler,
.front-top-bar .front-side-nav-toggler {
    float: left;
    margin-left: -10px;
    border: 0;
    background: #e04e39;
    width: 70px;
    height: 70px;
}
.front-top-bar .front-top-login {
    float: right;
    margin-right: -10px;
    border: 0;
    width: 70px;
    height: 70px;
    position: relative;
}
.top-bar .side-nav-toggler [class^="icon-"],
.top-bar .side-nav-toggler [class*=" icon-"],
.front-top-bar .front-side-nav-toggler [class^="icon-"],
.front-top-bar .front-side-nav-toggler [class*=" icon-"],
.front-top-bar .front-top-login [class^="icon-"],
.front-top-bar .front-top-login [class*=" icon-"] {
    font-size: 30px;
    color: #fff;
}
.front-top-bar .front-top-login [class^="icon-"],
.front-top-bar .front-top-login [class*=" icon-"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    color: #e04e39;
}
.top-bar .header-download {
    display: none;
}
.top-nav {
    float: left;
    margin: 0 0 0 20px;
}
.top-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.top-nav li {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    text-align: center;
    padding: 0 10px;
}
.top-nav .account {
    display: none;
}
.top-nav a {
    display: block;
    line-height: 70px;
}
.top-nav .label {
    display: none;
}
.top-nav [class^="icon-"],
.top-nav [class*=" icon-"] {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #00a3e0;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.top-nav .counter-icon {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative;
}
.top-nav .counter-icon [class^="icon-"],
.top-nav .counter-icon [class*=" icon-"] {
    display: block;
}
.top-nav .counter-icon .counter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 10px;
}
.top-nav a:hover [class^="icon-"],
.top-nav a:hover [class*=" icon-"] {
    color: #117da4;
}

.front-top-bar .front-logo {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
    text-align: center;
}
.front-top-bar .front-logo img {
    max-width: 100px; /* TODO Proper image size ? */
}

/* Content
------------------------------------------------------------------------*/
.help-slideshow-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.help-slideshow ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.help-slideshow li {
    display: none;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.help-slideshow li:first-child {
    display: inline-block;
}
.help-slideshow li .text {
    font-size: 14px;
    padding-top: 20px;
}
.content-inner {
    margin-top: 20px;
}
.content-white-bg {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 20px;
}
.content-section {
    padding-top: 40px;
    padding-bottom: 20px;
}
.content-image-bg {
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
    color: #fff;
    text-align: center;
}
.content-image-bg .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.content-image-bg .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.content-image-bg .bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(224, 78, 57, 0.9);
}
.content-image-bg > .wrapper {
    position: relative;
    font-size: 14px;
}
.content-image-bg .link {
    text-align: center;
    margin-top: 30px;
}

.link-back {
    margin-bottom: 20px;
}
.link-back a {
    color: #00a3e0;
    font-weight: bold;
    text-transform: uppercase;
}
.link-back a [class^="icon-"],
.link-back a [class*=" icon-"] {
    margin-right: 5px;
}
.link-back a:hover {
    color: #117da4;
}

.std-intro {
    background: #fff;
    padding: 20px 10px 10px;
    text-align: center;
    margin: 0 0 30px;

    -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
}
.std-intro:after {
    content: '';
    display: table;
    clear: both;
}
.std-intro h1,
.std-intro h2 {
    color: #fff;
}
.std-intro h1 {
    text-align: center;
    line-height: 1.2;
}
.std-intro h1 strong {
    display: block;
}
.std-intro p {
    margin-bottom: 10px;
}
.std-intro .caps {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.bg-intro {
    background: url('../img/intro-bg_640.jpg') no-repeat 50%;
    background-size: cover;
    color: #fff;
}
.bg-intro .caps {
    font-weight: 600;
}

.price-hidden .hidable-price-block {
    visibility: hidden;
}

.std-intro .rte .col p{
    font-size: 14px;
}

.std-intro .rte .col .caps {
    font-size: 16px;
}

.front-top-image {
    position: relative;
    overflow: hidden;
    margin-top: -20px;
    background: #1d2336;
}
.front-top-image > img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    opacity: 0.3;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.front-top-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+43 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.front-top-image .text {
    position: relative;
    font-size: 0;
    z-index: 1;

    text-align: center;
}
.front-top-image .text:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.front-top-image .text-inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 12px;
}
.front-top-image h1 {
    margin-top: 125px;
    margin-bottom: 125px;
    color: #fff;
    font-size: 30px;
}
.front-top-image-pull h1 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.front-top-recovery h1 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.front-top-recovery-form {
    margin: 0 0 50px;
}
.recovery-first-line-step label {
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.registration-form .controls {
    padding: 0 30px;
    background: #016 url('../img/starsOfEurope.svg')no-repeat 10px 8px/12px 12px;
    border-radius: 0.5rem;
    position: relative;
}
.registration-form .controls::before {
    content: "F";
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    width: 2rem;
    text-align: center;
    font-size: .75rem;
    color: #fff;
}

.recovery-first-line {
    margin-bottom: 20px;
}

.recovery-first-line .registration-form input {
    height: 60px;
}
.recovery-first-line .select-like span {
    height: 60px;
    line-height: 40px;
}
.steps-cols-background-white {
    padding: 20px 20px 0;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(134, 148, 156, 0.3);
    margin: 0 0 30px;
}
.recovery-validation .btn {
    min-width: 15%;
}
.front-top-recovery-form .recovery-first-line-step label {
    color: rgb(255, 255, 255);
}
.front-top-recovery-form .recovery-first-line-or {
    color: #fff;
    margin-bottom: 16px;
}
.recovery-first-line-or {
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
    text-align: center;
}
.front-top-title-narrow {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.front-intro {
    text-align: center;
}
.front-intro-highlight {
    font-size: 14px;
    font-weight: 600;
}

.text-highlighted {
    color: #e04e39;
    font-weight: bold;
}

.tabs {
    margin: 0 0 20px;
}
.tabs-nav {
    display: none;
    border-bottom: 2px solid #00a3e0;
}
.tabs-nav-scrollable {
    overflow: auto;
    overflow-y: hidden;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.tabs-nav-scrollable .tabs-nav {
    display: block;
}
.tabs-nav ul {
    list-style: none;
    padding: 0;
    margin: 0 0 -2px;
    font-size: 0;
}
.tabs-nav-scrollable .tabs-nav ul {
    white-space: nowrap;
}
.tabs-nav li {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}
.tabs-nav-scrollable .tabs-nav li {
    width: auto;
}
.tabs-nav a {
    display: block;
    position: relative;
    padding: 15px 10px 12px;
    font-size: 14px;
    text-transform: uppercase;
    background: #fff;
    border-bottom: 2px solid #00a3e0;
    text-align: center;
    font-weight: bold;
    color: #555;
    text-decoration: none;
}
.tabs-nav a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 1px solid #eee;
}
.tabs-nav li:first-child a:before {
    content: none;
}
.tabs-nav-scrollable .tabs-nav a {
    padding-left: 20px;
    padding-right: 20px;
}
.tabs-nav a:hover {
    border-bottom-color: #fff;
}
.tabs-nav .active a {
    border-bottom-color: #00a3e0;
    background: #00a3e0;
    color: #fff;
}

.tab-header {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 10px 12px;
    background: #fff;
    cursor: pointer;
    border-bottom: 2px solid #00a3e0;
    color: #555;
}
.tab .tab-header:hover {
    border-bottom-color: #fff;
}
.tab.active .tab-header {
    background: #00a3e0;
    color: #fff;
    border-bottom-color: #00a3e0;
}
.tab-body {
    display: none;
}
.tab.active .tab-body {
    display: block;
}
.tab-body-inner {
    background: #fff;
    padding: 20px 20px 0;
    overflow: hidden;
    margin: 0 0 10px;
}

.advice-top-details {
    color: #888;
}

.breadcrumb {
    margin: -20px 0 20px;
}
.breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}
.breadcrumb li {
    display: inline;
}
.breadcrumb li:before {
    /* See content at top */
    color: #00a3e0;
    font-size: 8px;
    margin: 0 5px;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumb li:first-child:before {
    content: none;
}
.text-center {
    text-align: center;
}

/* Home
------------------------------------------------------------------------*/
.recoveries {
    background: #1d2336;
}
.recoveries-city {
    margin: 0 -10px;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}
.recoveries-city-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.recoveries-city-bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.recoveries-city-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(224, 78, 57, 0.8);
}
.recoveries-city-inner {
    position: relative;
    color: #fff;
    padding: 50px 0 30px;
}
body.front .recoveries h2,
body.front .recoveries h3,
body.front .recoveries a {
    color: #fff;
}
.recoveries h2 {
    text-align: center;
}
.recoveries .h2-border:after {
    max-width: 180px;
}
.recoveries h3 {
    margin-bottom: 30px;
}
.recoveries-city-inner h3 a:hover {
    text-decoration: none;
}
.recoveries-city-inner > ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    font-size: 0;
}
.recoveries-city-inner > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 50%;
    margin: 0 0 20px;
    font-size: 12px;
}
.recoveries-city-inner .dpt {
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    margin-right: 20px;
    font-size: 14px;
    letter-spacing: 2px;
}
.recoveries-city-inner .dpt a {
    display: block;
    text-decoration: none;
}
.recoveries-city-inner .dpt [class^="icon-"],
.recoveries-city-inner .dpt [class*=" icon-"] {
    float: right;
    margin-top: 2px;
}
.recoveries-city-inner ul ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
}
.recoveries-city-inner ul ul li {
    margin: 0 0 10px;
}
.recoveries-city-inner ul ul a {
    text-decoration: none;
}
.recoveries-city-inner ul ul a:hover {
    text-decoration: underline;
}

.recoveries-brand {
    margin: 0 -10px;
    color: #fff;
    padding: 50px 10px 30px;
}
.recoveries-brand ul {
    list-style: none;
    padding: 0;
    margin: 0 -8px 15px;
    font-size: 0;
}
.recoveries-brand ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    font-size: 12px;
    border-right: 1px solid #fff;
    margin: 0 0 5px;
}
.recoveries-brand ul li:last-child {
    border-right: 0;
}
.recoveries-brand ul a {
    text-decoration: none;
}
.recoveries-brand ul a:hover {
    text-decoration: underline;
}

.advices {
    margin: 0 0 40px;
}
.advices-list {
    max-width: 380px;
    margin: 0 auto;
}
.advices-list ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    font-size: 0;
}
.advices-list li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
    margin: 0 0 20px;
}
.advices-list a {
    display: block;
    text-decoration: none;
    -webkit-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.advices-list .img img {
    display: block;
}
.advices-list .text {
    position: relative;
    background: #fff;
    text-align: center;
    padding: 25px 20px 12px;
    border-bottom: 3px solid #fff;
    line-height: 70px;
    min-height: 110px;
    font-size: 14px;

    -webkit-transition: border-bottom-color 0.3s;
    -moz-transition: border-bottom-color 0.3s;
    -o-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s;
}
.advices-list a:hover .text {
    border-bottom-color: #00a3e0;
}
.advices-list .text .category {
    position: absolute;
    top: -17px;
    left: 50%;
    background: #e04e39;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.5;
    padding: 7px 15px;
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.advices-list .text h3 {
    color: #333;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    margin: 0;
}
.advices-list-loader {
    text-align: center;
}
.advices .link {
    font-weight: bold;
}
.advices .link a [class^="icon-"],
.advices .link a [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

body.front .last-recoveries h2 {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}
.last-recoveries ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.last-recoveries li {
    margin: 0 0 20px;
}
.vehicle a {
    display: block;
    padding-left: 150px;
    position: relative;
    text-decoration: none;
}
.vehicle .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    bottom: 0;
    overflow: hidden;
}
.vehicle .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100px;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vehicle .text {
    background: #fff;
    padding: 5px 10px;
    min-height: 94px;
    font-size: 12px;
    border-bottom: 3px solid #fff;
    margin: 0;
    -webkit-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.vehicle a:hover .text {
    border-bottom-color: #00a3e0;
}
.vehicle .text .brand-model,
.vehicle .text .finition {
    display: block;
    text-transform: uppercase;
}
.vehicle .text .brand-model {
    font-size: 14px;
    font-weight: 300;
}
.vehicle .text .brand {
    color: #e04e39;
}
.vehicle .text .model {
    color: #00a3e0;
}
.vehicle .text .finition {
    font-weight: 600;
    color: #333;
}

/* Recovery
------------------------------------------------------------------------*/
.recovery-progress {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 10px;
    right: 10px;
    background: #fff;
    height: 10px;
    display: none;
}
.recovery-progress.fixed {
    position: fixed;
}
.recovery-progress-bar {
    display: block;
    text-indent: -9999em;
    height: 10px;
    background: #00a3e0;
}

.recovery .step-inactive {
    opacity: 0.4;
    position: relative;
}
.recovery .step-inactive:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.recovery .step-inactive .step-inactive {
    opacity: 1;
}
.recovery .error-msg {
    display: none;
}
.recovery .fatal-error .error-msg {
    display: block;
}

.recovery .brand-step {
    max-width: 280px;
    margin: 0 auto 30px;
}
.recovery .brand-step .control-label {
    color: #00a3e0;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}

.recovery-hr {
    border-top-color: #888;
    width: 100%;
    max-width: 880px;
    margin: 20px auto;
}
.recovery .hint {
    font-weight: 300;
    font-style: italic;
    color: #555;
    margin-top: -15px;
}

.recovery-stepper-container {
    position: relative;
    margin: auto 50px 40px;
}

.recovery-stepper-steps {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 20px;
}

.recovery-stepper-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 2;
    text-align: center;
}

.recovery-stepper-step-number {
    font-size: 1.1em;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 3px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    background-color: white;
    margin-bottom: 15px;
}

.recovery-stepper-step.is-active .recovery-stepper-step-number {
    border: 4px solid #00a3e0;
    color: #00a3e0;
}

.recovery-step-separator{
    margin-top: 30px;
    width: 100%;
    border-top: 5px dotted #ccc;
    flex: 2;
}

.recovery-step-separator.is-active {
    border-top: 5px dotted #00a3e0;
}

.recovery-stepper-step-title {
    color: #ccc;
    font-weight: bold;
}

.recovery-stepper-step.is-active .recovery-stepper-step-title {
    color: #00a3e0;
}

.recovery-step.step-center {
    text-align: center;
}

.recovery-stepper-nav-container {
    display: flex;
    justify-content: center;
}

.recovery-stepper-nav-container .btn {
    margin: auto 15px;
    min-width: 20%;
}

.recovery-loading-overlay-bg {
    display: none;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    align-items: center;
    justify-content: center;
}

.recovery-loading-overlay-bg.is-active {
    display: flex;
}

.recovery-loading-inner-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.recovery-loading-inner-wrapper span {
    font-size: 1.2em;
    color: #00a3e0;
    font-weight: bold;
}

.recovery-loading-animation-container {
    width: 200px;
}

.img-fluid {
    width: 100%;
    height: auto;
}
.list-choices .controls {
    margin: 0 -10px;
    font-size: 0;
}
.list-choices .controls .field {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px;
    font-size: 12px;
    position: relative;
}
.list-choices-4c .controls .field {
    width: 100%;
}
.list-choices .controls .field label {
    display: block;
    background: #fff;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;

    -webkit-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
}
.list-choices .controls .field label:hover {
    color: #00a3de;
}
.list-choices .controls .field input {
    position: absolute;
    left: -9999em;
}
.list-choices .controls .field input:checked + label {
    background: #00a3e0;
    color: #fff;
    font-weight: 600;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.list-choices-vertical .controls .field {
    width: 100%;
}
.list-choices-vertical .controls .field label {
    text-align: left;
}

.list-colors .controls .field label {
    background: none;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.list-colors .controls .field input:checked + label {
    color: inherit;
    background: none;
}
.list-colors .controls .field label .color {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px;

    -webkit-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
    box-shadow:  2px 2px 6px rgba(205, 205, 205, 0.6);
}
.list-colors .controls .field input:checked + label .color {
    border: 2px solid #00a3e0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.list-colors .controls .field label .color-multicolor {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff00+0,8a138a+50,ff9c00+100 */
    background: none; /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,255,0,1) 0%, rgba(138,19,138,1) 50%, rgba(255,156,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,0,1) 0%,rgba(138,19,138,1) 50%,rgba(255,156,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,0,1) 0%,rgba(138,19,138,1) 50%,rgba(255,156,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.recovery-bottom {
    clear: both;
}

.recovery-box {
    background: #fff;
    padding: 20px 20px 0;
    overflow: hidden;
    -webkit-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    margin: 0 auto 40px;
    max-width: 980px;
    width: 100%;
}
.recovery-contact-form .coords {
    background: #eee;
    padding: 20px 20px 0;
    overflow: hidden;
    margin: 0 0 20px;
}
.recovery-contact-form .coords a {
    color: inherit;
}
.recovery-contact-form .coords a.link {
    color: #00a3e0;
    font-weight: bold;
}
.recovery-contact-form .contact .label {
    font-weight: bold;
    text-transform: uppercase;
}
.recovery-contact-form .contact .btn [class^="icon-"],
.recovery-contact-form .contact .btn [class*=" icon-"] {
    margin-right: 10px;
}

.recovery-check {
    font-family: 'Satisfy', cursive;
    font-size: 14px;
    line-height: 28px;
    background: #eee;
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
}
.recovery-check p {
    margin-bottom: 0;
}
.recovery-check p .label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #333;
    margin-right: 10px;
}
.recovery-check-logo {
    margin: 0 0 20px;
}
.recovery-check-logo img {
    display: block;
}
.recovery-check-lines {
    height: 28px;
    background: linear-gradient(to bottom, transparent 24px, #b4b4b4 24px, transparent 25px);
    background-size: 100% 28px;
    background-repeat: repeat;
}
.recovery-check-lines-2 {
    height: 56px;
}
.recovery-check-info,
.recovery-check-location-date,
.recovery-check-signature {
    display: none;
}
.recovery-check-amount {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
    color: #e04e39;
    background: #fff;
    border: 2px solid #b4b4b4;
    position: absolute;
    top: 20px;
    margin-top: 9px;
    right: 10px;
    width: 120px;
    text-align: center;
}
.recovery-check-note {
    color: #888;
    font-size: 10px;
    font-style: italic;
    margin-top: -15px;
}
.recovery-check-actions > span {
    display: block;
    margin: 0 0 20px;
}
.recovery-check-actions .btn-border {
    background: none;
    color: #888;
    border-color: #888;
}
.recovery-check-actions .btn-border:hover {
    color: #555;
    border-color: #555;
}
.recovery-check-actions .btn span {
    display: block;
    text-transform: none;
}

.recovery-popup-no .control-label,
.recovery-popup-yes .control-label {
    color: #555;
}
.recovery-popup-no .radioGroupField {
    margin-bottom: 0;
}
.recovery-popup-no .field {
    margin-bottom: 20px;
}
.recovery-popup-no .field input:checked + label {
    color: #00a3e0;
    font-weight: bold;
}
.recovery-popup-no .form-row {
    position: relative;
}
.recovery-popup-no .form-row .unit {
    position: absolute;
    bottom: 16px;
    right: 10px;
    color: #888;
    font-weight: 300;
    line-height: 1;
}
.recovery-popup-no .form-submit,
.recovery-popup-yes .form-submit {
    display: block;
    margin: 0 0 20px;
    text-align: center;
}
.recovery-popup-no .form-submit.nodisplay,
.recovery-popup-yes .form-submit.nodisplay {
    display: none;
}
.recovery-popup-yes .contact {
    text-align: center;
}
.recovery-popup-yes .contact .tel {
    color: #e04e39;
    font-weight: 300;
}
.recovery-popup-google img {
    vertical-align: middle;
}

/* Brands, models, vehicles
------------------------------------------------------------------------*/
.list-items-simple ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    font-size: 0;
    text-align: center;
}
.list-items-simple li {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    padding: 0 10px;
    font-size: 12px;
}
.list-items-simple a {
    display: block;
    text-decoration: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.list-items-simple .img {
    height: 150px;
    background: #fff;
    -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
}
.list-brands .img {
    padding: 20px;
}
.list-items-simple .img img {
    display: block;
    margin: 0 auto;

    /*noinspection CssInvalidPropertyValue*/
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */

    -webkit-transition: filter 0.3s;
    -moz-transition: filter 0.3s;
    -o-transition: filter 0.3s;
    transition: filter 0.3s;
}
.list-items-simple a:hover .img img {
    -webkit-filter: none;
    filter: none;
}
.list-items-simple .text {
    padding: 20px 0;
    text-align: center;
}
.list-items-simple .text h3 {
    color: #555;
    font-weight: bold;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.list-items-simple a:hover .text h3 {
    color: #00a3e0;
}

/* Vehicle detail
------------------------------------------------------------------------*/
.vehicle-proposition-header {
    background: #eee;
    color: #555;
    overflow: hidden;
    margin: 0 0 40px;
    display: table;
    width: 100%;
}
.vehicle-proposition-header .infos {
    float: left;
    width: 50%;
    padding: 20px;
    font-weight: 300;
}
.vehicle-proposition-header .customer-part {
    margin-left: 50%;
    padding: 20px;
    font-weight: 300;
}
.vehicle-proposition-header .infos .name,
.vehicle-proposition-header .customer-part .name {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
.vehicle-proposition-header .logo {
    max-width: 160px;
    margin: 0 0 10px;
}
.vehicle-proposition-summary {
    font-size: 14px;
    padding: 10px;
    width: 50%;
    margin: 0 auto 20px;
}
.vehicle-proposition-summary tr {
    border: 1px solid #eee;
}
.vehicle-proposition-summary tr > td:first-child {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
}
.vehicle-proposition-summary tr > td {
    text-align: right;
    padding: 5px;
}
.vehicle-proposition-summary tr > td.total {
    text-align: right;
    text-transform: none;
    color: #e04e39;
    font-weight: bold;
    font-size: 16px;
}
.vehicle-main {
    background: #fff;
    padding: 10px;
    position: relative;
    margin: 0 0 20px;

    -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
}
.vehicle-name {
    margin-bottom: 10px;
}
body.front .vehicle-name {
    text-transform: uppercase;
}
.vehicle-name .brand {
    color: #e04e39;
}
.vehicle-name .model {
    color: #00a3e0;
}
.vehicle-name .finition {
    display: block;
    color: #333;
    font-weight: 600;
}
.vehicle-price-block-container {
    position: relative;
    margin: 0 0 20px;
}
.vehicle-price-block-container img {
    display: block;
}

.vehicle-price-block-container .banner {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.vehicle-price-block-container .banner span {
    display: block;
    background: #00a3e0;
    padding: 5px 10px 5px 5px;
    height: 28px;
    position: relative;
    z-index: 1;
}
.vehicle-price-block-container .banner:before,
.vehicle-price-block-container .banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: -14px;
    background: #00a3e0;
    width: 28px;
    height: 28px;

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;

    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    transform: skewX(30deg);
}
.vehicle-price-block-container .banner:after {
    top: auto;
    bottom: 0;

    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;

    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.vehicle-price-block-container .banner-blue span,
.vehicle-price-block-container .banner-blue:before,
.vehicle-price-block-container .banner-blue:after {
    background-color: #00a3de;
}
.vehicle-price-block-container .banner-orange span,
.vehicle-price-block-container .banner-orange:before,
.vehicle-price-block-container .banner-orange:after {
    background-color: #00a3e0;
}

.vehicle-price-block-container .price-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    text-align: right;
}
.vehicle-price-block-container .price-block .price-display {
    display: inline-block;
    direction: rtl;
}
.vehicle-auction-detail .vehicle-price-block-container .price-block .price-display {
    direction: ltr;
}
.vehicle-price-block-container .price-block .price-main,
.vehicle-price-block-container .price-block .price-best-bid {
    display: inline-block;
    color: #e04e39;
    font-weight: bold;
    font-size: 16px;
    direction: ltr;
}
.vehicle-price-block-container .price-block .price-best-bid {
    display: block;
}
.vehicle-price-block-container .price-block .price-old,
.vehicle-price-block-container .price-block .price-immediate {
    display: inline-block;
    color: #00a3e0;
    direction: ltr;
}
.vehicle-price-block-container .price-block .price-old {
    text-decoration: line-through;
}
.vehicle-price-block-container .price-block .nb-bids {
    color: #888;
    display: block;
}
.vehicle-auction-detail .vehicle-price-block-container .price-block {
    position: static;
    background: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.vehicle-auction-data {
    display: block;
    padding-top: 10px;
    margin-bottom: -10px;
}
.vehicle-auction-data .item {
    display: inline-block;
    background: #eee;
    color: #e04e39;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.vehicle-auction-data .item [class^="icon-"],
.vehicle-auction-data .item [class*=" icon-"] {
    color: #888;
    margin-right: 5px;
}
.vehicle-recommended-price {
    text-align: right;
    color: #888;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.vehicle-recommended-price .price {
    color: #179377;
    font-weight: bold;
}

.no-prices .vehicle-price-block-container .price-block,
.no-prices .vehicle-recommended-price {
    display: none;
}

.no-prices .custom-search-vehicle .vehicle-price-block-container .price-block {
    display: block;
}
.no-prices .custom-search-vehicle .vehicle-price-block-container .price-block .price-display {
    display: none;
}

.vehicle-proposition-form {
    position: relative;
    overflow: hidden;
}
.vehicle-proposition-form p {
    margin-bottom: 10px;
}
.no-prices .vehicle-proposition-form .proposition-recommended-price-label {
    display: none;
}
.vehicle-proposition-form .form-row {
    margin-right: 215px;
    margin-bottom: 20px;
    position: relative;
}
.vehicle-proposition-form .form-row input {
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 35px;
}
.vehicle-proposition-form .form-row .unit {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 35px;
    color: #b4b4b4;
}
.vehicle-proposition-form .form-submit {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 205px;
    margin-bottom: 20px;
}
.vehicle-proposition-form .form-submit .btn {
    padding: 7px 5px 8px;
}

.vehicle-main-data ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    font-size: 0;
}
.vehicle-main-data li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px;
    color: #888;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px;
}
.no-prices .vehicle-main-data .costs {
    display: none;
}
.vehicle-main-data li [class^="icon-"],
.vehicle-main-data li [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
}

.vehicle-photos {
    display: none;
    width: 100%;
    max-width: 620px;
    margin: 0 auto 20px;
}
.vehicle-photos .outer-wrap {
    position: relative;
}

.vehicle-photos .banner {
    display: block;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: -10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.vehicle-photos .banner span {
    display: block;
    background: #00a3e0;
    padding: 5px 20px 5px 10px;
    height: 30px;
    position: relative;
    z-index: 1;
}
.vehicle-photos .banner:before,
.vehicle-photos .banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    background: #00a3e0;
    width: 30px;
    height: 30px;

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;

    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    transform: skewX(30deg);
}
.vehicle-photos .banner:after {
    top: auto;
    bottom: 0;

    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;

    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.vehicle-photos .banner-blue span,
.vehicle-photos .banner-blue:before,
.vehicle-photos .banner-blue:after {
    background-color: #00a3de;
}
.vehicle-photos .banner-orange span,
.vehicle-photos .banner-orange:before,
.vehicle-photos .banner-orange:after {
    background-color: #00a3e0;
}

.vehicle-photos .wrap {
    position: relative;
    overflow: hidden;
    padding-top: 75%; /* 454 / 680 */
}
.vehicle-photos .wrap ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.vehicle-photos .wrap li {
    display: none;
    background: #fff;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.vehicle-photos .wrap li:first-child {
    display: block;
}
.vehicle-photos .wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vehicle-photos .thumbs ul {
    list-style: none;
    padding: 10px 0;
    margin: 0 -10px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 0;
}
.vehicle-photos .thumbs li {
    display: inline-block;
    vertical-align: middle;
    width: 16.666666%;
    padding: 0 10px;
    overflow: hidden;
    cursor: pointer;
}
.vehicle-photos .thumbs img {
    display: block;
    border: 2px solid rgba(224, 78, 57, 0);

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.vehicle-photos .thumbs .active img {
    border-color: rgba(224, 78, 57, 1);
}

.vehicle-data {
    margin: 0 0 20px;
}
.vehicle-data ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.vehicle-data li {
    padding: 5px 0 0;
    margin: 0 0 5px;
    overflow: hidden;
    text-transform: uppercase;
    border-top: 1px solid #b4b4b4;
}
.vehicle-data li:first-child {
    border-top: 0;
}
.vehicle-data .first-alt {
    border-top-color: #189176;
}
.vehicle-data .label {
    float: left;
    width: 50%;
    padding-right: 10px;
}
.vehicle-data .value {
    display: block;
    margin-left: 50%;
    padding-left: 10px;
    font-weight: bold;
    color: #e04e39;
}
.vehicle-data .lower {
    text-transform: none;
}
.vehicle-data .alt .value {
    color: #00a3e0;
}

.vehicle-auction-actions {
    margin-bottom: 10px;
}
.vehicle-auction-actions .btn {
    margin-bottom: 10px;
}
.vehicle-auction-actions .action-text {
    text-align: center;
    display: block;
    margin: 0 0 10px;
}
.vehicle-auction-actions .action-text .price {
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #e04e39;
}
.no-prices .vehicle-auction-actions .action-text {
    display: none;
}

.vehicle-section {
    background: #fff;
    margin: 0 0 20px;

    -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
}
.vehicle-section-header {
    padding: 16px 10px;
    cursor: pointer;
}
.vehicle-section-header h2 {
    margin: 0;
}
body.front .vehicle-section-header h2 {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
}
.vehicle-section-body {
    display: block;
    padding: 0 10px;

    height: 0;
    overflow: hidden;
}
.vehicle-proposition .vehicle-section-body,
.vehicle-section-body.visible {
    height: auto;
}
.vehicle-section-body .inner {
    overflow: hidden;
}
.vehicle-features ul,
.vehicle-equipments ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.vehicle-features li,
.vehicle-equipments li {
    overflow: hidden;
    margin: 0 0 5px;
}
.vehicle-features .label {
    float: left;
    width: 60%;
    padding-right: 10px;
}
.vehicle-features .value {
    display: block;
    margin-left: 60%;
    padding-left: 10px;
    font-weight: bold;
}
.vehicle-equipments li [class^="icon-"],
.vehicle-equipments li [class*=" icon-"] {
    color: #00a3e0;
    margin-right: 5px;
    font-size: 9px;
}

.vehicle-bottom {
    background: #fff;
    padding: 20px 10px 0;
    overflow: hidden;
    margin: 0 0 20px;

    -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
}
.vehicle-bottom .form-row {
    position: relative;
}
.vehicle-bottom .form-row input {
    padding-right: 50px;
}
.vehicle-bottom .form-row .unit {
    position: absolute;
    bottom: 0;
    right: 10px;
    line-height: 45px;
    color: #b4b4b4;
}
.vehicle-commercial {
    text-transform: uppercase;
    color: #888;
    margin: 0 0 20px;
}
.vehicle-commercial * {
    margin: 0;
}
.vehicle-commercial h2 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0 0 10px;
}
.vehicle-commercial h2 [class^="icon-"],
.vehicle-commercial h2 [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #e04e39;
    margin-right: 5px;
}
.vehicle-commercial .contacts {
    overflow: hidden;
}
.vehicle-commercial .contacts .column:first-child {
    padding-left: 0;
    padding-right: 10px;
}
.vehicle-commercial .contacts .column {
    float: left;
    width: 50%;
    padding-left: 10px;
}
.vehicle-bottom-actions > span {
    display: block;
    margin-bottom: 20px;
}

.vehicle-bottom-actions .selection .icon {
    /* See content at top */

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    /*noinspection CssUnknownProperty*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.vehicle-public-actions.vehicle-bottom .hiddenField {
    display: none;
}

.decline-submit {
    border-top: 1px solid #b4b4b4;
    padding: 15px 0;
    text-align: center;
}
.decline-submit a {
    color: #b4b4b4;
    text-decoration: none;
    font-size: 14px;
}
.decline-submit a:hover {
    text-decoration: underline;
}

.honour-certification .checkboxGroupField {
    font-weight: bold;
    color: #00a3e0;
    font-size: 16px;
}

/* Contact
------------------------------------------------------------------------*/
.front-top-image-contact {
    position: relative;
    overflow: hidden;
    margin-top: -20px;
    margin-bottom: 40px;
}
.front-top-image-contact > img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.front-top-image-contact:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+43 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.front-top-image-contact div.text {
    position: relative;
    font-size: 0;
    z-index: 1;
}
.front-top-image-contact div.text:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.front-top-image-contact .text-inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 12px;
}
.front-top-image-contact h1 {
    margin: 125px 0;
    color: #fff;
    font-size: 30px;
}
.front-top-image-contact + .content-white-bg {
    margin-top: -40px;
    padding-top: 40px;
}

.front-top-decoration-contact {
    background: #1d2336;
}
.front-top-decoration-contact:before {
    content: '';
    position: absolute;
    top: 50%;
    background: url('../img/bg-decoration-c.png') no-repeat 50%;
    width: 1600px;
    height: 1579px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -2140px;
    margin-top: -530px;
}
.front-top-decoration-contact:after {
    content: none;
}
.front-top-decoration-contact div.text {
    text-align: right;
}
.front-top-decoration-contact h1 {
    margin-top: 65px;
    margin-bottom: 65px;
}
.front-top-contact {
    text-align: left;
}
.front-top-contact .info {
    margin: 0 auto 65px;
    font-size: 14px;
    color: #fff;
}
.front-top-contact .info p {
    margin-bottom: 10px;
}
.front-top-contact .info strong {
    font-weight: 600;
}
.front-top-contact .info [class^="icon-"],
.front-top-contact .info [class*=" icon-"] {
    color: #00a3e0;
    margin-right: 6px;
}
.front-top-contact .info .schedules {
    padding-left: 20px;
}

.front-contact-form {
    font-size: 12px;
}
.front-contact-map {
    margin: 60px auto 20px;
    width: 100%;
    max-width: 640px;
}
.front-contact-map a,
.front-contact-map img {
    display: block;
}
.front-contact-access {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
}
.front-contact-access .access {
    float: left;
    width: 50%;
    padding-left: 0;
    text-align: center;
}
.front-contact-access .access:first-child {
    padding-right: 10px;
    padding-left: 0;
}
.front-contact-access [class^="icon-"],
.front-contact-access [class*=" icon-"] {
    display: block;
    font-size: 80px;
    color: #00a3e0;
}

/* SEO Footer
------------------------------------------------------------------------*/
.footer-seo-top,
.footer-seo-bottom {
    padding-top: 40px;
    padding-bottom: 20px;
    color: #fff;
}
body.front .footer-seo-top h3,
body.front .footer-seo-bottom h3 {
    color: #fff;
}
.footer-seo-top {
    background: #1d2336;
}

.footer-seo-top .logo {
    margin: 0 0 20px;
}
.footer-seo-top .logo img {
    display: block;
    margin: 0 auto;
}
.footer-seo-vehicles ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    white-space: nowrap;
    overflow: auto;
}
.footer-seo-vehicles li {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    max-width: 90%;
    padding: 0 10px;
    margin: 0 0 20px;
    white-space: normal;
}
.footer-seo-vehicles .vehicle .text {
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.footer-seo-bottom {
    background: #00a3e0;
}
.footer-seo-advices {
    text-align: center;
}
.footer-seo-advices-list {
    margin: 0 -10px;
}
.footer-seo-advices ul {
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: auto;
}
.footer-seo-advices li {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    max-width: 90%;
    padding: 0 10px;
    margin: 0 0 20px;
    white-space: normal;
}
.footer-seo-advices a {
    display: block;
    text-decoration: none;
    -webkit-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.footer-seo-advices .img img {
    display: block;
}
.footer-seo-advices .text {
    background: #fff;
    text-align: center;
    padding: 6px 10px 4px;
    border-bottom: 3px solid #fff;
    line-height: 42px;
    height: 55px;
    overflow: hidden;

    -webkit-transition: border-bottom-color 0.3s;
    -moz-transition: border-bottom-color 0.3s;
    -o-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s;
}
.footer-seo-advices a:hover .text {
    border-bottom-color: #00a3e0;
}
.footer-seo-advices .text p {
    color: #333;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}
.footer-seo-bottom .footer-links {
    text-align: center;
}
.footer-seo-bottom .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}
.footer-seo-bottom .footer-links .two-cols {
    columns: 2;
    column-gap: 20px;
}
.footer-seo-bottom .footer-links li {
    margin: 0 0 10px;
}
.footer-seo-bottom .footer-links a {
    text-decoration: none;
    color: #fff;
}
.footer-seo-bottom .footer-links a:hover {
    text-decoration: underline;
}
.footer-google {
    text-align: center;
    background: #fff;
    padding: 20px 20px 0;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow:  2px 2px 6px rgba(0, 0, 0, 0.2);
}
.footer-google-title {
    margin-bottom: 10px;
}
.footer-google-title img {
    display: block;
    margin: 0 auto;
}
.footer-google .rating {
    margin: 0 0 20px;
}
.footer-google .rating-value {
    display: inline-block;
    vertical-align: middle;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #e7711b;
    padding-right: 5px;
}
.footer-google .rating-bar {
    position: relative;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 110px;
    background: url('../img/star-empty.png') repeat-x;
    background-size: 22px 16px;
}
.footer-google .rating-bar-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: url('../img/star-full.png') repeat-x;
    background-size: 22px 16px;
}

/* Footer
------------------------------------------------------------------------*/
.front-footer-last-vehicles {
    padding: 50px 0 30px;
    margin-bottom: -10px;
}
.front-footer-last-vehicles .right {
    padding-top: 30px;
}
body.front .front-footer-last-vehicles h3 {
    color: #00a3e0;
}
.footer {
    font-size: 0;
    background: #1d2336;
    color: #fff;
    text-align: center;
    padding: 15px 0 0;
    overflow: hidden;
}
.footer:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.footer > .wrapper {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.footer a {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
.footer img {
    vertical-align: middle;
}

/* Tarteaucitron JS
------------------------------------------------------------------------*/

#tarteaucitronRoot #tarteaucitronAlertBig:before,
#tarteaucitronRoot #tarteaucitronServices #tarteaucitronMainLineOffset:before {
    content: '';
    display: block;
    margin: 0 auto 20px;
    width: 280px;
    height: 100px;
    background: url('../img/logo-appro-cookies.png') no-repeat 0 0 / 280px 100px;
}
@media
screen and (min-resolution: 1.5dppx),
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) {
    #tarteaucitronRoot #tarteaucitronAlertBig:before,
    #tarteaucitronRoot #tarteaucitronServices #tarteaucitronMainLineOffset:before {
        background-image: url('../img/logo-appro-cookies.png');
    }
}

@media (min-width: 640px) {

    /* Basic HTML
    ------------------------------------------------------------------------*/
    body {
        font-size: 14px;
    }

    body.front {
        font-size: 16px;
    }

    body.front-smaller {
        font-size: 14px; /* lol */
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    body.front h2 {
        font-size: 35px;
        line-height: 40px;
    }

    body.front h3 {
        font-size: 20px;
    }

    .title-with-icon {
        font-size: 25px;
    }

    .front .btn.btn-large {
        font-size: 18px;
        padding-top: 13px;
        padding-bottom: 12px;
    }

    .img-left {
        float: left;
        margin: 0 20px 20px 0;
        max-width: 50%;
    }

    .img-right {
        float: right;
        margin: 0 0 20px 20px;
        max-width: 50%;
    }

    .rte .col {
        font-size: 14px;
    }
    body.front .rte .col {
        font-size: 16px;
    }
    body.front-smaller .rte .col {
        font-size: 14px;
    }

    .disposition_1-1 .col {
        width: 50%;
    }

    /* Forms
    ------------------------------------------------------------------------*/
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    button,
    textarea {
        font-size: 14px;
    }

    .submit {
        margin-left: -10px;
        margin-right: -10px;
        text-align: left;
    }

    .submit-center {
        text-align: center;
    }

    .submit > span {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
    }

    .submit > span:first-child {
        margin-left: 0;
    }

    .slider-range-value {
        font-size: 12px;
    }

    .btn,
    .btn-text {
        width: auto;
        font-size: 14px;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .btn.btn-large {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .form-notes {
        font-size: 12px;
    }

    /* Select2
    ----------------------------------*/
    body .select2-container-multi .select2-choices .select2-search-choice {
        font-size: 14px;
    }

    body .select2-container-multi .select2-choices .select2-search-field input {
        font-size: 14px;
    }

    body .select2Field .controls {
        position: relative;
        height: 45px;
    }

    body .select2-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    body .select2-container:after {
        content: attr(data-count);
        position: absolute;
        top: 0;
        right: 0;
        background: #b4b4b4;
        color: #fff;
        margin: 5px 5px 0 0;
        padding: 0 6px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        border-radius: 10px;
    }

    body .select2-container-multi .select2-choices {
        padding-right: 30px;
        height: 43px !important;
        overflow: hidden;
    }

    body .select2-container-multi.select2-container-active .select2-choices,
    body .select2-container-active .select2-choice,
    body .select2-container-active .select2-choices,
    body .select2-container-multi.select2-dropdown-open .select2-choices,
    body .select2-dropdown-open .select2-choice,
    body .select2-dropdown-open .select2-choices,
    body .select2-container-multi.select2-fix-focus .select2-choices,
    body .select2-fix-focus .select2-choice,
    body .select2-fix-focus .select2-choices {
        height: auto !important;
    }

    /* Content
    ------------------------------------------------------------------------*/
    .std-intro {
        padding: 30px 20px 20px;
    }

    .std-intro .caps {
        font-size: 16px;
    }

    .bg-intro {
        background-image: url('../img/intro-bg_960.jpg');
    }

    .popup-steps-actions {
        overflow: hidden;
    }

    .popup-steps-dont-show-again {
        float: left;
        line-height: 45px;
    }

    .popup-steps-submit {
        float: right;
    }

    .front-intro-highlight {
        font-size: 18px;
    }

    .content-image-bg > .wrapper {
        font-size: 18px;
    }

    /* Layout
    ------------------------------------------------------------------------*/
    .main {
        min-height: calc(100% - 70px - 70px);
    }

    .footer {
        height: 70px;
    }

    /* Content
    ------------------------------------------------------------------------*/

    .front-top-image h1 {
        font-size: 40px;
        line-height: 54px;
    }

    .recovery-first-line-cols {
        display: flex;
        flex-direction: row;
    }
    .recovery-first-line-cols.recovery-first-line-cols-center {
        justify-content: center;
    }
    .recovery-first-line-col-1 {
        width: 8.3333333%;
    }
    .recovery-first-line-col-2 {
        width: 16.66666667%;
    }
    .recovery-first-line-col-3 {
        width: 25%;
    }
    .recovery-first-line-col-4 {
        width: 33.33333333%;
    }
    .recovery-first-line-col-5 {
        width: 41.66666667%;
    }
    .recovery-first-line-col-6 {
        width: 50%;
    }
    .recovery-first-line-col-7 {
        width: 58.33333333%;
    }
    .recovery-first-line-col-8 {
        width: 66.66666667%;
    }
    .recovery-first-line-col-9 {
        width: 75%;
    }
    .recovery-first-line-col-10 {
        width: 83.33333333%;
    }
    .recovery-first-line-col-11 {
        width: 91.66666667%;
    }
    .recovery-first-line-col-12 {
        width: 100%;
    }
    .recovery-first-line-or {
        padding-top: 45px;
    }
    .tabs-nav {
        display: block;
    }
    .tab-header {
        display: none;
    }

    .breadcrumb ul {
        font-size: 14px;
    }

    /* Home
    ------------------------------------------------------------------------*/
    body.front .last-recoveries h2 {
        font-size: 20px;
    }

    .recoveries-wrap {
        margin: 0 -10px;
    }
    .recoveries-city {
        float: left;
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
    .recoveries-brand {
        margin-left: 50%;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .advices-list {
        max-width: 780px;
    }
    .advices-list li {
        width: 50%;
    }
    .advices .link {
        font-size: 14px;
        text-align: right;
    }

    .last-recoveries ul {
        margin: 0 -10px;
        font-size: 0;
        text-align: center;
    }
    .last-recoveries li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 10px;
        font-size: 14px;
        text-align: left;
    }
    .vehicle .text .brand-model {
        font-size: 18px;
    }

    /* Recovery
    ------------------------------------------------------------------------*/
    .recovery .brand-step .control-label {
        font-size: 20px;
    }
    .list-choices .controls .field {
        font-size: 14px;
    }
    .list-choices-3c .controls .field {
        width: 33.333333%;
    }
    .list-choices-4c .controls .field {
        width: 100%;
    }
    .steps-cols {
        margin: 0 -10px;
        font-size: 0;
    }
    .recovery-step {
        font-size: 14px;
    }
    .steps-cols .recovery-step {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 10px;
    }
    .steps-cols .recovery-step.nodisplay {
        display: none;
    }
    .recovery .mileage-step .submit {
        padding: 0 10px;
        text-align: right;
    }

    .recovery-coords .cols {
        overflow: hidden;
        margin: 0 -10px;
        /* Let's align to the bottom for compatible browsers */
        display: flex;
        align-items: flex-end;
    }
    .recovery-coords .col {
        float: left;
        width: 33.333333%;
        padding: 0 10px;
    }
    .recovery-bottom {
        text-align: center;
    }

    .recovery-contact-form {
        font-size: 0;
        margin: 0 -10px;
        text-align: center;
    }
    .recovery-contact-form .btn {
        width: 100%;
    }
    .recovery-contact-form .coords {
        display: inline-block;
        vertical-align: top;
        width: 280px;
        font-size: 16px;
        margin-right: 10px;
        text-align: left;
    }
    .recovery-contact-form .coords a.link {
        font-size: 14px;
    }
    .recovery-contact-form .contact {
        display: inline-block;
        vertical-align: top;
        width: 180px;
        font-size: 16px;
        margin-left: 10px;
        text-align: left;
    }
    .recovery-check-container {
        width: 580px;
        margin: 0 auto;
    }
    .recovery-check-container-right {
        font-size: 14px;
    }
    .recovery-check {
        overflow: hidden;
        font-size: 20px;
        line-height: 36px;
    }
    .recovery-check p .label {
        font-size: 16px;
    }
    .recovery-check-lines {
        height: 36px;
        background: linear-gradient(to bottom, transparent 32px, #b4b4b4 32px, transparent 33px);
        background-size: 100% 36px;
        background-repeat: repeat;
    }
    .recovery-check-lines-2 {
        height: 72px;
    }
    .recovery-check-left {
        float: left;
        width: 300px;
    }
    .recovery-check-info {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 1.5;
        text-transform: uppercase;
        margin-top: 20px;
        padding-left: 120px;
        position: relative;
    }
    .recovery-check-info:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100px;
        border: 1px solid #888;
    }
    .recovery-check-right {
        margin-left: 380px;
    }
    .recovery-check-amount {
        font-size: 22px;
        line-height: 50px;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }
    .recovery-check-amount:before {
        content: '€';
        color: #b4b4b4;
        position: absolute;
        line-height: 18px;
        top: 50%;
        margin-top: -9px;
        right: 100%;
        margin-right: 10px;
    }
    .recovery-check-location-date,
    .recovery-check-signature {
        display: block;
        font-size: 18px;
    }
    .recovery-check-location-date {
        margin-top: 10px;
    }
    .recovery-check-signature {
        text-align: center;
        margin-top: 20px;
    }
    .recovery-check-actions {
        margin-left: -10px;
        margin-right: -10px;
        font-size: 0;
    }
    .recovery-check-actions > span {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        padding: 0 10px;
        font-size: 14px;
    }
    .recovery-check-actions .btn {
        width: 100%;
    }

    .recovery-popup {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .recovery-popup .padded {
        padding: 0 80px;
    }
    .recovery-popup-no .form-submit {
        text-align: center;
    }
    .recovery-popup-no .form-inline,
    .recovery-popup-yes .form-inline {
        position: relative;
        overflow: hidden;
    }
    .recovery-popup-no .form-inline {
        width: 380px;
    }
    .recovery-popup-no .form-inline .control-label,
    .recovery-popup-yes .form-inline .control-label {
        font-size: 14px;
        line-height: 1;
        white-space: nowrap;
    }
    .recovery-popup-no .form-inline .form-row {
        margin-right: 235px;
    }
    .recovery-popup-yes .form-inline .form-row {
        margin-right: 175px;
    }
    .recovery-popup-no .form-row .unit {
        right: 15px;
        bottom: 14px;
    }
    .recovery-popup-no .form-inline .form-submit,
    .recovery-popup-yes .form-inline .form-submit {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .recovery-popup-no .form-inline .form-submit {
        width: 240px;
    }
    .recovery-popup-yes .form-inline .form-submit {
        width: 180px;
    }
    .recovery-popup-no .form-inline .form-submit .btn,
    .recovery-popup-yes .form-inline .form-submit .btn {
        width: 100%;
    }

    /* Brands, models, vehicles
    ------------------------------------------------------------------------*/
    .list-items-simple li {
        font-size: 16px;
    }

    /* Vehicle detail
    ------------------------------------------------------------------------*/
    .vehicle-main {
        background: none;
        padding: 0;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .vehicle-top {
        position: relative;
        padding: 20px 20px 0;
        background: #fff;
        overflow: hidden;
        margin: 0 0 30px;

        -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
        -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
        box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    }
    .vehicle-name {
        border-bottom: 1px solid #bababa;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .vehicle-name .finition {
        font-size: 20px;
        display: inline;
    }
    .custom-search-vehicle .vehicle-title-price {
        min-height: 115px;
    }
    .custom-search-vehicle .vehicle-name {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .custom-search-vehicle .vehicle-name .finition {
        display: block;
    }
    .vehicle-price-block-container {
        float: right;
        width: 50%;
        padding-left: 10px;
        margin: 0 0 20px;
    }
    .no-prices .vehicle-price-block-container,
    body.front .vehicle-price-block-container {
        display: none;
    }
    .no-prices .custom-search-vehicle .vehicle-price-block-container {
        display: block;
    }
    .no-prices .custom-search-vehicle .vehicle-price-block-container .price-block .price-display {
        display: none;
    }
    .front-vehicle-detail-more-info {
        float: right;
        width: 50%;
        padding-left: 10px;
        text-align: right;
    }
    .front-vehicle-detail-more-info .btn {
        line-height: 23px;
    }
    .vehicle-price-block-container img,
    .vehicle-price-block-container .banner {
        display: none;
    }
    .vehicle-price-block-container .price-block {
        position: static;
        padding: 0;
    }
    .vehicle-price-block-container .price-block .price-display {
        direction: ltr;
    }
    .vehicle-price-block-container .price-block .price-main {
        font-size: 30px;
        line-height: 1.2;
    }
    .vehicle-price-block-container .price-block .price-best-bid {
        font-size: 20px;
        line-height: 1.2;
    }
    .vehicle-price-block-container .price-block .price-old,
    .vehicle-price-block-container .price-block .price-immediate {
        font-size: 20px;
        margin-left: 10px;
    }
    .vehicle-proposition-form,
    .vehicle-recommended-price {
        float: right;
        clear: right;
        width: 50%;
        padding-left: 10px;
    }
    .vehicle-proposition-form input,
    .vehicle-proposition-form .unit {
        font-size: 12px;
    }
    .vehicle-proposition-form .btn {
        font-size: 12px;
        width: 100%;
    }

    .vehicle-main-data-wrapper {
        clear: left;
        margin-right: 50%;
        padding-right: 10px;
    }
    .vehicle-main-data li {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .vehicle-top .recommended-price {
        float: right;
        clear: right;
        max-width: 50%;
    }

    .vehicle-photos {
        display: block;
    }



    .vehicle-auction-actions {
        margin: 0 -10px;
        font-size: 0;
    }
    .vehicle-auction-actions .action {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        font-size: 14px;
        margin: 0 0 20px;
    }
    .vehicle-auction-actions .btn {
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .vehicle-auction-actions .action-text {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin: 0;
        line-height: 1.2;
    }
    .vehicle-auction-actions .action-text .price {
        display: block;
        font-size: 25px;
    }

    .vehicle-section-header,
    .vehicle-section-body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .vehicle-section-header h2 {
        font-size: 25px;
    }

    .vehicle-equipments ul,
    .vehicle-features ul {
        margin-left: -10px;
        margin-right: -10px;
        font-size: 0;
        margin-bottom: 0;
        padding-bottom: 15px;
    }
    .vehicle-equipments li,
    .vehicle-features li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 10px;
        font-size: 14px;
    }
    @supports (-moz-columns: 2) or (-webkit-columns: 2) or (columns: 2) {
        .vehicle-equipments ul,
        .vehicle-features ul {
            margin-left: 0;
            margin-right: 0;

            -moz-columns: 2;
            -webkit-columns: 2;
            columns: 2;
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
        }
        .vehicle-equipments li,
        .vehicle-features li {
            display: block;
            padding: 0;
            width: auto;
        }
    }

    .vehicle-bottom {
        margin-top: 30px;
        padding: 20px 20px 0;
        overflow: hidden;
    }
    .vehicle-commercial h2 {
        font-size: 16px;
    }
    .vehicle-bottom-actions {
        font-size: 0;
        margin: 0 -10px;
    }
    .vehicle-bottom-actions > span {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        width: 50%;
        font-size: 14px;
    }
    .vehicle-bottom-actions a {
        width: 100%;
    }
    .vehicle-bottom-form {
        margin: 0 -10px;
        font-size: 0;
    }
    .vehicle-bottom-form .form-row {
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        width: 100%;
        font-size: 14px;
    }
    .vehicle-bottom .form-row .unit {
        right: 20px;
    }

    .vehicle-bottom-form .submit {
        margin-left: 0;
        margin-right: 0;
    }
    .vehicle-bottom-form hr {
        margin-left: 20px;
        margin-right: 20px;
    }
    .vehicle-bottom-form .parts-2 .form-row,
    .vehicle-bottom-form .parts-3 .form-row,
    .vehicle-bottom-proposition-submit .form-row {
        width: 50%;
    }
    .vehicle-bottom-login-form .form-row {
        width: 200px;
    }
    .vehicle-bottom-login-form .submit {
        display: inline-block;
        vertical-align: bottom;
        padding: 0 10px;
        width: auto;
        font-size: 14px;
    }

    /* Contact
    ------------------------------------------------------------------------*/
    .front-top-image-contact h1 {
        font-size: 38px;
        line-height: 54px;
    }
    .front-top-image-contact .text-inner {
        font-size: 14px;
    }

    .front-top-contact .info {
        font-size: 16px;
    }
    .front-contact-form {
        font-size: 14px;
    }
    .front-contact-form .row {
        margin: 0 -10px;
        font-size: 0;
    }
    .front-contact-form .row .form-row {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 10px;
        font-size: 16px;
    }
    .front-contact-form .form-row em {
        color: #555;
    }
    .front-contact-form .submit {
        text-align: right;
    }

    /* SEO Footer
    ------------------------------------------------------------------------*/
    .footer-seo-top {
        font-size: 14px;
    }
    .footer-seo-bottom .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-seo-advices {
        padding: 0 10px;
    }
    .footer-seo-advices-list ul {
        font-size: 0;
        white-space: normal;
        overflow: visible;
    }
    .footer-seo-advices-list li {
        width: 33.333333%;
        max-width: none;
        font-size: 14px;
    }
    .footer-seo-bottom .footer-links-wrapper {
        float: left;
        width: 50%;
        padding: 0 10px;
        font-size: 14px;
    }
    .footer-seo-bottom .footer-links {
        text-align: left;
    }
    .footer-google-wrapper {
        float: left;
        width: 50%;
        padding: 0 10px;
    }


    /* Footer
    ------------------------------------------------------------------------*/
    .footer {
        padding-top: 0;
    }
    .footer .wrapper {
        font-size: 0;
    }
    .footer .copy {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        font-size: 12px;
        width: 50%;
        text-align: left;
        padding-right: 10px;
    }
}

@media (min-width: 960px) {

    /* Basic HTML
    ------------------------------------------------------------------------*/
    .front .disposition_1-1-1 .col {
        width: 33.3333333333%;
    }

    .wrapper,
    body.front .footer .wrapper {
        max-width: 960px;
    }

    .top-bar .wrapper,
    .footer .wrapper {
        max-width: none;
    }

    /* Layout
    ------------------------------------------------------------------------*/
    .main {
        min-height: calc(100% - 50px - 115px);
    }

    .footer {
        height: 50px;
    }

    body.front .website-wrapper {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .header {
        background: #fff;
        height: 115px;
    }
    .header-inner {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px;
        display: flex;
        justify-content: space-between;
    }

    .front-side-nav {
        position: static;
        width: 740px;
        overflow: visible;
        flex: 0 0 auto;
    }
    .front-side-nav-inner {
        padding-top: 0;
    }
    .front-side-nav-inner > ul {
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
        justify-content: space-between;
    }
    .front-side-nav-inner > ul > li {
        padding: 0;
        margin: 0 10px;
        flex: 1 1 auto;
        height: 115px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }
    .front-side-nav-inner > ul > li > .li-inner {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        flex: auto;
        position: relative;
    }
    .front-side-nav-inner > ul > .recovery {
        margin-bottom: 0;
    }
    .front-side-nav-inner > ul > li > .li-inner > a,
    .front-side-nav-inner > ul > li > .li-inner > span {
        font-size: 12px;
        padding: 11px 0 11px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: left;
        white-space: nowrap;
        cursor: pointer;
    }
    .front-side-nav-inner br {
        display: inline;
    }

    .front-side-nav-inner .has-sub {
        position: static;
    }
    .front-side-nav-inner > ul > li > .sub {
        position: absolute;
        top: 115px;
        left: 0;
        width: 100%;
        z-index: 10;
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .front-side-nav-inner .sub > ul {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    .front-side-nav-inner .has-sub-open .li-inner:after {
        content: '';
        border-bottom: 20px solid #eee;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -20px;
    }
    .front-side-nav-inner > ul > li > .sub a:hover {
        color: #333;
        text-decoration: underline;
    }
    .front-side-nav-inner > ul > li > .sub .active a:hover {
        color: #e04e39;
    }

    .front-side-nav li .sub .all {
        display: block;
        text-align: right;
        max-width: 960px;
        padding: 0 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .front-side-nav li .sub .all a {
        display: inline;
        font-size: 14px;
        font-weight: bold;
        color: #00a3e0;
        text-decoration: underline;
    }
    .front-side-nav li .sub .all a [class^="icon-"],
    .front-side-nav li .sub .all a [class*=" icon-"] {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .front-side-nav li .sub .all a:hover {
        color: #117da4;
        text-decoration: none;
    }

    .front-side-nav .brands .sub > ul,
    .front-side-nav .vehicle-types .sub > ul {
        margin-left: auto;
        margin-right: auto;
    }
    .front-side-nav .brands .sub > ul > li,
    .front-side-nav .vehicle-types .sub > ul > li {
        width: 16.666666%;
        font-size: 14px;
        margin-bottom: 30px;
    }
    .front-side-nav .brands .sub .img,
    .front-side-nav .vehicle-types .sub .img {
        display: block;
        width: 100px;
        margin: 0 auto 20px;
    }
    .front-side-nav .brands .sub .img img,
    .front-side-nav .vehicle-types .sub .img img {
        /*noinspection CssInvalidPropertyValue*/
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
        filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */

        -webkit-transition: filter 0.3s;
        -moz-transition: filter 0.3s;
        -o-transition: filter 0.3s;
        transition: filter 0.3s;
    }
    .front-side-nav .brands .sub a:hover .img img,
    .front-side-nav .vehicle-types .sub a:hover .img img {
        -webkit-filter: none;
        filter: none;
    }

    .front-side-nav .regions-departments-cities .sub {
        padding-top: 40px;
    }
    .front-side-nav .regions-departments-cities .sub > ul > li {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0;
    }
    .front-side-nav .regions-departments-cities .sub-departments > ul > li,
    .front-side-nav .regions-departments-cities .sub-cities > ul > li {
        font-size: 14px;
    }
    .front-side-nav .regions-departments-cities .sub > ul > li > a {
        float: left;
        width: 33.333333%;
        padding-left: 10px;
        padding-right: 100px;
        text-align: left;
        position: relative;
    }
    .front-side-nav .regions-departments-cities .sub > ul > li > a:after {
        display: block;
        position: absolute;
        right: 82px;
        top: 7px;

        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        /*noinspection CssUnknownProperty*/
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .front-side-nav .regions-departments-cities .sub-departments {
        float: right;
        width: 66.666666%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .front-side-nav .regions-departments-cities .sub-departments > ul {
        display: flex;
        flex-flow: row wrap;
    }
    .front-side-nav .regions-departments-cities .sub-departments > ul > li {
        width: 25%;
    }
    .front-side-nav .regions-departments-cities .sub-cities > ul > li {
        width: 100%;
    }

    .front-side-nav .sub-toggler {
        display: none;
    }

    .front-side-nav .login {
        display: block;
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .front-side-nav .login > a {
        background: #e04e39;
        color: #fff;
        padding: 0 20px;
    }

    .front-side-nav .login a:before {
        content: none;
    }

    .front-side-nav .login-box {
        display: none;
        position: absolute;
        padding-top: 10px;
        top: 100%;
        right: 0;
        width: 580px;
        color: #fff;
        z-index: 10;
        font-size: 0;
    }

    .front-side-nav .login:hover .login-box {
        display: block;
    }

    .front-side-nav .login-box-inner {
        position: relative;
        background: #333;
    }

    .front-side-nav .login-box-inner:before {
        content: '';
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 10px solid #333;
        position: absolute;
        top: -10px;
        right: 25px;
    }

    .front-side-nav .login-box .left,
    .front-side-nav .login-box .right {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        padding: 20px 20px 0;
        font-size: 14px;
    }

    .front-side-nav .login-box .left {
        padding-right: 10px;
    }

    .front-side-nav .login-box .right {
        padding-left: 10px;
        text-align: center;
    }

    .front-side-nav .login-box a {
        color: #fff;
    }

    .front-side-nav .login-box .forgotten-password {
        margin-top: -10px;
    }

    .front-side-nav .login-box .forgotten-password a {
        font-weight: 300;
        height: auto;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        text-transform: none;
    }

    .front-side-nav .login-box .no-account {
        font-weight: bold;
        text-transform: uppercase;
    }

    .front-side-nav .login-box .submit > span,
    .front-side-nav .login-box .btn {
        width: 100%;
    }

    body.front .main-wrapper {
        margin-left: 0;
        overflow: visible;
    }

    /* Header
    ------------------------------------------------------------------------*/
    .front-top-bar {
        height: 115px;
        flex: 0 0 auto;
    }

    .front-top-bar .front-side-nav-toggler,
    .front-top-bar .front-top-login {
        display: none;
    }

    .front-top-bar .front-logo {
        float: left;
        margin: 28px 0 0;
        width: 160px;
    }

    .front-top-bar .front-logo img {
        max-width: 100%;
    }

    /* Content
    ------------------------------------------------------------------------*/
    .content-white-bg,
    .content-section {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .front-top-recovery h1 {
        margin-top: 110px;
        margin-bottom: 110px;
    }
    .front-top-recovery-form {
        margin-bottom: 100px;
    }
    .front-top-image-pull {
        padding-bottom: 120px;
        margin-bottom: -120px;
    }
    .front-top-image-pull + .wrapper {
        position: relative;
    }

    .tab-body-inner {
        padding: 35px 35px 15px;
    }

    .breadcrumb {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    /* Home
    ------------------------------------------------------------------------*/
    .recoveries {
        position: relative;
    }
    .recoveries-city {
        position: static;
        width: 66.666666%;
    }
    .recoveries-city-bg {
        width: auto;
        left: 0;
        right: 50%;
        margin-right: -160px;
    }
    .recoveries-city-inner .dpt,
    .recoveries-city-inner > ul > li {
        font-size: 16px;
    }
    .recoveries-brand {
        margin-left: 66.666666%;
    }
    .recoveries-brand .wrap {
        padding: 0 30px;
    }
    .recoveries-brand ul li {
        font-size: 16px;
    }

    .advices-section {
        margin: 0 -10px;
    }
    .advices {
        padding-left: 10px;
        padding-right: 10px;
    }
    .last-recoveries {
        margin-left: 66.666666%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0;
    }
    .last-recoveries li {
        width: 100%;
    }
    .advices h2,
    .last-recoveries h2 {
        min-height: 64px;
        margin-bottom: 35px;
    }

    .advices-list {
        max-width: none;
    }
    .advices-list li {
        width: 33.333333%;
    }

    /* Recovery
    ------------------------------------------------------------------------*/
    .recovery-progress {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 940px;
        margin: auto;
    }
    .recovery-progress.visible {
        display: block;
    }
    .recovery-form-only .recovery-progress.visible {
        display: none;
    }
    .recovery-form-only .recovery-progress.visible.fixed {
        display: block;
    }
    .list-choices .controls .field {
        width: 80px;
    }
    .list-choices-2c .controls .field {
        width: 160px;
    }
    .list-choices-3c .controls .field {
        width: 240px;
    }
    .list-choices-4c .controls .field {
        width: 320px;
    }
    .list-choices-vertical .controls .field {
        width: 100%;
    }

    .steps-cols .step-1c {
        width: 8.3333333333%;
    }
    .steps-cols .step-2c {
        width: 16.6666666667%;
    }
    .steps-cols .step-3c {
        width: 25%;
    }
    .steps-cols .step-4c {
        width: 33.3333333333%;
    }
    .steps-cols .step-5c {
        width: 41.6666666667%;
    }
    .steps-cols .step-6c {
        width: 50%;
    }
    .steps-cols .step-7c {
        width: 58.3333333333%;
    }
    .steps-cols .step-8c {
        width: 66.6666666667%;
    }
    .steps-cols .step-9c {
        width: 75%;
    }
    .steps-cols .step-10c {
        width: 83.3333333333%;
    }
    .steps-cols .step-11c {
        width: 91.6666666667%;
    }
    .steps-cols .step-12c {
        width: 100%;
    }

    .recovery .mileage-form {
        position: relative;
        overflow: hidden;
    }
    .recovery .mileage-form .form-row {
        margin-right: 240px;
    }
    .recovery .mileage-form .submit {
        width: 240px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .recovery .mileage-form .submit .btn {
        width: 100%;
    }

    .recovery-coords .col {
        width: 240px;
    }
    .recovery-coords .col-zipcode {
        width: 160px;
    }

    .recovery-box {
        padding: 30px 100px 10px;
        margin-bottom: 60px;
    }
    .recovery-contact-form {
        margin-top: 30px;
    }

    .recovery-check-box {
        padding-left: 50px;
        padding-right: 50px;
    }
    .recovery-check-container {
        width: auto;
        overflow: hidden;
    }
    .recovery-check-container-left {
        float: left;
        width: 580px;
    }
    .recovery-check-container-right {
        margin-left: 600px;
    }
    .recovery-check-note {
        font-size: 12px;
    }
    .recovery-check-actions {
        width: 600px;
        margin: 30px auto 0;
    }

    /* Vehicle detail
    ------------------------------------------------------------------------*/
    .vehicle-name {
        float: left;
        width: 66.666666%;
        padding-right: 10px;
        border-bottom: 0;
        padding-bottom: 0;
    }
    .vehicle-name .finition {
        display: block;
    }
    .vehicle-price-block-container,
    .vehicle-proposition-form {
        width: 33.333333%;
    }

    body.front .vehicle-name {
        width: 55%;
    }
    .front-vehicle-detail-more-info {
        width: 45%;
    }

    .vehicle-proposition-form {
        padding-right: 20px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .vehicle-proposition-form .form-submit {
        margin-right: 20px;
    }
    .vehicle-main-data-wrapper {
        margin-right: 33.333333%;
    }
    .vehicle-proposition .vehicle-main-data-wrapper,
    .vehicle-auction-detail .vehicle-main-data-wrapper,
    body.front .vehicle-main-data-wrapper {
        margin-right: 0;
        padding-right: 0;
        clear: both;
    }
    .vehicle-main-data {
        border-top: 1px solid #b4b4b4;
        padding-top: 20px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .vehicle-main-data ul {
        margin-left: -15px;
        margin-right: -15px;
    }
    .vehicle-main-data li {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;

        margin-bottom: 10px;
    }
    .vehicle-auction-detail .vehicle-main-data {
        padding-right: 25%;
    }
    .vehicle-recommended-price {
        position: absolute;
        right: 0;
        bottom: 0;
        padding-right: 20px;
        width: 25%;
    }

    .vehicle-main {
        margin-bottom: 0;
    }
    .vehicle-photos {
        float: left;
        width: 460px;
    }
    .vehicle-photos .outer-wrap {
        margin-bottom: 10px;
    }
    .vehicle-photos .thumbs ul {
        padding: 0;
        white-space: normal;
        overflow: visible;
    }
    .vehicle-photos .thumbs li {
        margin: 0 0 20px;
    }

    .vehicle-auction-actions {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .vehicle-section-body {
        height: auto;
    }
    .vehicle-sections {
        margin-left: 480px;
        margin-bottom: 20px;

        background: #fff;
        -webkit-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
        -moz-box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
        box-shadow: 0 4px 6px rgba(205, 205, 205, 0.6);
    }
    .vehicle-proposition-print .vehicle-photos,
    .vehicle-proposition-print .vehicle-photos .outer-wrap {
        margin-bottom: 0;
    }
    .vehicle-proposition-print .vehicle-sections {
        margin-left: 0;
    }
    .vehicle-proposition-print .vehicle-sections:after {
        content: '';
        display: table;
        clear: both;
    }
    .vehicle-proposition-print .vehicle-features {
        clear: both;
    }
    .vehicle-section {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }
    .vehicle-section-header {
        padding-top: 20px;
        padding-bottom: 20px;
        cursor: auto;
    }
    .vehicle-section h2 {
        font-size: 16px;
        font-weight: 600;
    }
    .vehicle-features:before {
        content: '';
        display: block;
        margin: 0 20px;
        border-top: 2px solid #b4b4b4;
    }

    .vehicle-equipments-sections {
        overflow: hidden;
    }
    .vehicle-equipments {
        float: left;
        width: 50%;
        padding-left: 10px;
    }
    .vehicle-equipments .vehicle-section-header,
    .vehicle-equipments .vehicle-section-body {
        padding-left: 0;
    }
    .vehicle-equipments:first-child {
        padding-left: 0;
        padding-right: 10px;
    }
    .vehicle-equipments:first-child .vehicle-section-header,
    .vehicle-equipments:first-child .vehicle-section-body {
        padding-left: 20px;
        padding-right: 0;
    }
    .vehicle-equipments ul {
        margin-left: 0;
        margin-right: 0;
        -moz-columns: auto;
        -webkit-columns: auto;
        columns: auto;
    }
    .vehicle-equipments li {
        display: block;
        padding: 0;
        width: auto;
    }

    .vehicle-bottom {
        clear: both;
    }
    .vehicle-commercial {
        float: left;
        max-width: 340px;
    }
    .vehicle-bottom-actions {
        float: right;
        max-width: 540px;
    }
    .vehicle-bottom-actions > span {
        width: auto;
    }

    .vehicle-bottom-form .parts-3 .form-row,
    .vehicle-bottom-proposition-submit .form-row {
        width: 33.333333%;
    }
    .vehicle-bottom-proposition-submit .submit {
        display: inline-block;
        vertical-align: bottom;
        width: 66.666666%;
    }

    /* Contact
    ------------------------------------------------------------------------*/
    .front-top-decoration-contact:before {
        left: 50%;
        margin-right: 0;
        margin-left: 460px;
    }

    .front-contact-parts:after {
        content: '';
        display: table;
        clear: both;
    }
    .front-contact-parts .left {
        width: 50%;
        float: left;
        padding-right: 10px;
    }
    .front-contact-parts .right {
        width: 50%;
        float: left;
        padding-left: 10px;
    }

    /* SEO Footer
    ------------------------------------------------------------------------*/
    .footer-seo-top,
    .footer-seo-bottom {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .footer-seo-logo {
        overflow: hidden;
    }
    .footer-seo-logo .logo {
        float: left;
        width: 280px;
    }
    .footer-seo-logo .text {
        margin-left: 300px;
    }
    .footer-seo-vehicles ul {
        font-size: 0;
        white-space: normal;
        overflow: visible;
    }
    .footer-seo-vehicles ul li {
        width: 33.333333%;
        max-width: none;
        font-size: 14px;
    }

    .footer-seo-advices {
        text-align: left;
        float: left;
        width: 50%;
    }
    .footer-seo-bottom .footer-links-wrapper {
        width: 25%;
    }
    .footer-google-wrapper {
        width: 25%;
    }

}

@media (min-width: 1030px) {

    /* Basic HTML
    ------------------------------------------------------------------------*/
    .disposition_1-1-1 .col {
        width: 33.3333333333%;
    }

    .bg-intro {
        background-image: url('../img/intro-bg_1240.jpg');
    }

    /* Layout
    ------------------------------------------------------------------------*/
    .website-wrapper {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .side-nav {
        width: 70px;
    }

    .main-wrapper {
        margin-left: 70px;
        width: auto;
    }
    body .mfp-container {
        padding-left: 80px;
    }

    /* Side
    ------------------------------------------------------------------------*/
    .side-nav-inner .no-desktop {
        display: none;
    }

    /* Header
    ------------------------------------------------------------------------*/
    .top-bar {
        height: 70px;
        overflow: visible;
    }
    .top-bar .side-nav-toggler {
        display: none;
    }
    .top-bar .header-download {
        display: inline-block;
        font-size: 10px;
        margin: 15px 0 0;
    }
    .top-bar .header-download [class^="icon-"],
    .top-bar .header-download [class*=" icon-"] {
        font-size: 12px;
    }
    .top-nav {
        float: right;
        margin: 0;
        height: 70px;
    }
    .top-nav li {
        width: auto;
        padding: 0;
    }
    .top-nav .account {
        display: inline-block;
        position: relative;
    }
    .top-nav a {
        color: #888;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.5;
        font-size: 10px;
        padding: 12px 10px 0;
        height: 70px;
    }
    .top-nav [class^="icon-"],
    .top-nav [class*=" icon-"],
    .top-nav .counter-icon {
        display: block;
        text-align: center;
        margin: 0 auto 10px;
    }
    .top-nav a:hover,
    .top-nav li:hover > a {
        color: #e04e39;
    }

    .top-nav li:hover a [class^="icon-"],
    .top-nav li:hover a [class*=" icon-"] {
        color: #e04e39;
    }

    .top-nav .label {
        display: block;
    }

    .top-nav .account-sub {
        display: none;
        z-index: 5;
        position: absolute;
        top: 100%;
        right: 0;
        white-space: nowrap;
    }
    .top-nav .account:hover .account-sub {
        display: block;
    }
    .top-nav .account-sub li {
        display: block;
        border-top: 1px solid #333;
    }
    .top-nav .account-sub li:first-child {
        border-top: 0;
    }
    .top-nav .account-sub li a {
        display: block;
        background: #fff;
        padding: 0 10px;
        height: 40px;
        line-height: 40px;

        text-align: left;
        color: #333;
    }
    .top-nav .account-sub li a:hover {
        color: #e04e39;
    }

}

@media (min-width: 1270px) {

    /* Basic HTML
    ------------------------------------------------------------------------*/
    .wrapper,
    body.front .footer .wrapper {
        max-width: 1200px;
    }

    /* Layout
    ------------------------------------------------------------------------*/
    .header-inner {
        max-width: 1200px;
    }
    .front-side-nav {
        width: 900px;
    }

    .front-side-nav-inner > ul {
        margin-left: -20px;
        margin-right: -20px;
    }
    .front-side-nav-inner > ul > li {
        margin-left: 20px;
        margin-right: 20px;
    }
    .front-side-nav-inner > ul > li > .li-inner > a,
    .front-side-nav-inner > ul > li > .li-inner > span {
        font-size: 14px;
    }
    .front-side-nav-inner .sub > ul,
    .front-side-nav li .sub .all {
        max-width: 1200px;
    }
    .front-side-nav .brands .sub > ul > li,
    .front-side-nav .vehicle-types .sub > ul > li,
    .front-side-nav .regions-departments-cities .sub > ul > li,
    .front-side-nav .regions-departments-cities .sub-departments > ul > li,
    .front-side-nav .regions-departments-cities .sub-cities > ul > li {
        font-size: 16px;
    }

    /* Header
    ------------------------------------------------------------------------*/
    .front-top-bar .front-logo {
        width: 225px;
        margin-top: 20px;
    }

    /* Home
    ------------------------------------------------------------------------*/
    .recoveries-city-bg {
        margin-right: -200px;
    }
    .recoveries-city-inner > ul > li {
        width: 25%;
    }

    /* Recovery
    ------------------------------------------------------------------------*/
    .recovery-progress {
        max-width: 1180px;
    }

    .list-choices .controls .field {
        width: 100px;
    }
    .list-choices-2c .controls .field {
        width: 200px;
    }
    .list-choices-3c .controls .field {
        width: 300px;
    }
    .list-choices-4c .controls .field {
        width: 400px;
    }
    .list-choices-vertical .controls .field {
        width: 100%;
    }

    .recovery .mileage-form .form-row {
        margin-right: 200px;
    }
    .recovery .mileage-form .submit {
        width: 200px;
    }

    .recovery-coords .col {
        width: 300px;
    }
    .recovery-coords .col-zipcode {
        width: 200px;
    }

    /* Vehicle detail
    ------------------------------------------------------------------------*/
    .vehicle-main-data {
        line-height: 30px;
    }
    .vehicle-price-block-container,
    .vehicle-proposition-form {
        padding-left: 30px;
    }
    .vehicle-proposition-form input,
    .vehicle-proposition-form .unit {
        font-size: 14px;
    }
    .vehicle-proposition-form .form-row {
        margin-right: 245px;
    }
    .vehicle-proposition-form .form-submit {
        width: 235px;
    }
    .vehicle-proposition-form .form-submit .btn {
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .vehicle-recommended-price {
        line-height: 30px;
    }

    .vehicle-photos {
        width: 580px;
    }
    .vehicle-sections {
        margin-left: 600px;
    }
    .vehicle-commercial {
        width: 540px;
        max-width: none;
    }
    .vehicle-bottom-actions {
        float: none;
        margin-left: 570px;
        max-width: none;
    }

    /* Contact
    ------------------------------------------------------------------------*/
    .front-top-contact .info {
        padding-left: 100px;
        padding-right: 100px;
    }

    /* Footer
    ------------------------------------------------------------------------*/
    .front-footer-last-vehicles:after {
        content: '';
        display: table;
        clear: both;
    }
    .front-footer-last-vehicles .left,
    .front-footer-last-vehicles .right {
        float: left;
        width: 50%;
    }
    .front-footer-last-vehicles .left {
        padding-right: 10px;
    }
    .front-footer-last-vehicles .right {
        padding-left: 10px;
        padding-top: 0;
    }
}