/* General tags */
h1 { font-size: 1.6em; margin: 0; padding: 0; text-transform: uppercase; }
h2 { font-size: 1.3em; margin: 0; padding: 0; }
h3 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; }
a, a:link { text-decoration: none; color: #499ea3; cursor: pointer; }
a:visited { text-decoration: none; color: #499ea3; }
a:hover { text-decoration: underline; color: #499ea3; }
a:active { text-decoration: none; color: #499ea3; }
img { border: 0; animation: fadeInCss 2s; -webkit-animation: fadeInCss 2s; }
form { margin: 0; padding: 0; }
button { font-family: 'Roboto Condensed', serif; }
button::-moz-focus-inner { border: 0; }
button[type=submit] { border: none; color: #fff; font-size: 1.6em; font-weight: bold; cursor: pointer; text-transform: uppercase; display:block; font-family: 'Roboto Condensed', serif; background-color: #5ab5b1; border-radius: 3px; margin: 0; }
.resetQuickSearchButton { border: none; color: #4e9b96; font-size: 1.6em; font-weight: bold; cursor: pointer; text-transform: uppercase; display:block; font-family: 'Roboto Condensed', serif; margin: 0; }
input[type=text],input[type=number], input[type=email], input[type=tel], input[type=password], textarea { border: 1px solid #cdcdcd; border-radius: 2px; padding: 2px 7px; }
input[type="text"]:disabled, textarea:disabled { background-color: #ebebe4 !important; }
input[type=text].default,input[type=number].default, input[type=email].default, input[type=tel].default, textarea.default { color: #838383; }
input[type='checkbox'] { -moz-appearance: none; -webkit-appearance: none; }
select { -moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand { display: none; }

/* General classes */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.super { font-size: smaller; vertical-align: super; }
.sub { font-size: smaller; vertical-align: sub; }
.nowrap { white-space: nowrap; }
.break-word { word-wrap: break-word; word-break: break-word; }
.line-through { text-decoration: line-through; }
.cursor-pointer { cursor: pointer; }
.red { color: #cc0000; }
.white { color: #fff; }
.whiteBg { background: #fff; }
.greyBg { background-color: #cecece; }
.redBg { background: #ca2550; }
.whiteBox { margin-top: 10px; padding: 15px 10px 10px 10px; background-color: #ffffff; border-radius: 2px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); box-sizing: border-box; }
.fas.rounded { border: 1px solid; border-radius: 20px; padding: 4px 7px; }
a .fas { -webkit-transition: color 0.3s; transition: color 0.3s; }
a:hover .fas.gray { color: #5db3b0; }
a.button { display: inline-block; border: none; color: #fff; font-size: 1.2em; font-weight: bold; cursor: pointer; text-transform: uppercase; font-family: 'Roboto Condensed', serif; background-color: #4e9b96; border-radius: 2px; margin: 5px 0; padding: 8px 12px; text-align: center; }
a.button.clearSearch.disabled { cursor: default; }
button.resetQuickSearchButton.disabled { cursor: default; }
a.button.orange { background-color: #ff9900; color: #fff; }
a.button.gray { background-color: #505149; }
a.button.red { background-color: #ff3624; }
a.button.purple { background-color: #953777; }
a.button.unfilled { background-color: #fff; color: #52B1B7; border: 1px solid #52B1B7; }
a.button.disabled { background-color: #8C8D92 !important; pointer-events: none; cursor: default; color: #fff; }
a.button.small { padding: 5px 10px;}
a.button.large { height: 36px; text-decoration: none; font-weight: bold; font-size: 1.3em;  }
a.button.large > span { display: block; line-height: 34px; } 
a.button.extralarge { height: 36px; width:400px; padding-right: 10px; text-decoration: none; font-weight: bold; font-size: 1.3em; margin-left: 106px; margin-bottom: 10px; }
a.button.extralarge > span { display: block; line-height: 34px; padding: 0 12px 2px 165px; }
a.searchButton { color: #505149; font-size: 15px; }
a.searchButton span.rounded { padding: 4px 5px; }
img.bordered { border: 1px solid #52595F; }
form.default input, form.default select, form.default textarea { font-size: 1.0em; font-family: 'Roboto Condensed',"lucida grande",tahoma,arial,sans-serif; }
form.default input.text.invalid { color: red; border: 1px solid red;}
form.default input.text { border: 1px solid #B5B5B5; padding: 2px 1px 2px 2px; margin: 0; }
form.default select.invalid { color: red; border: 1px solid red;}
form.default input.text.carHistorySelected { color: black; border:1px solid #7AB5EC;}
form.default select.carHistorySelected { color: black; border:1px solid #7AB5EC;}
form.default label.carHistorySelected { color: black; border:1px solid #7AB5EC;}
form.default select  { border: 1px solid #B5B5B5; padding: 1px; }
form.default textarea { overflow-y: auto; border: 1px solid #B5B5B5; padding: 2px 1px; }
form.default span.required { color: #cc0000; font-size: 1.2em; }
form.default input.button { color: #fff; background: #d72928; border: 1px outset #3d0b0a; margin: 0; padding: 1px 4px; font-weight: bold; }
.form-line { padding: 5px 0; }
.invalid { color: red; border-color: red;}
.error { border: 2px solid #ff0000; padding: 4px; background: #fff; }
.error ul {  margin: 0; padding: 3px 0 0 0; font-weight: bold; line-height: 1.0; list-style: none; }
.error ul li { padding: 0 0 3px 5px; }
.yui-skin-sam { margin-top: -30px; }
.wicket-aa {font-family:  "lucida grande",tahoma,arial,sans-serif; font-size: 1em; background-color: white; border: 1px solid #cccccc; padding: 2px; margin: 1px 0 0 0; text-align:left; overflow: auto; max-height: 250px; }
.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
.wicket-aa ul li.selected { background-color: #E3E7EA; padding: 2px; margin:0; }
.lightgreen { color: #30b74e; }
.fileinput-button {	position: relative;	overflow: hidden; display: inline-block; padding: 5px 15px; border-radius: 3px;	background-color: #ff9900; color: #fff;	font-family: 'Roboto Condensed', serif;	font-size: 1.2em; font-weight: bold; cursor: pointer; text-transform: uppercase; }
.fileinput-button.disabled { background-color: #505149; color: #ccc; }
.fileinput-button input { position: absolute; top: 0; right: 0;	margin: 0; opacity: 0; filter: 'alpha(opacity=0)'; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important;	direction: ltr;	cursor: pointer; }

/* General layout classes */
.inline { display: inline; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.clear { clear: both; padding: 0; margin: 0; line-height: 0; }
.clear-left { clear: left; }
.clear-both { clear: both; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.float-left { float: left; }
.float-right { float: right; }
.innerHorizontalPositioner { margin: 0 auto; position: relative; text-align: center; }
.overflow-hidden { overflow: hidden; }
.display-none { display: none; }
.display-block { display: block; }
.display-inline-block { display: inline-block; }
.visibility-hidden { visibility: hidden; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-top { vertical-align: top; }
.oneColumn { float: left; width: 161px; display: inline; }
.twoColumns { float: left; width: 322px; display: inline; }
.threeColumns { float: left; width: 483px; display: inline; }
.fourColumns { float: left; width: 644px; display: inline; }
.fiveColumns { float: left; width: 805px; display: inline; }
.allColumns { float: left; width: 980px; display: inline; }
.width100 { width: 100%; }
.display-flex { display:flex; }

/*
    DO NOT USE THE FOLLOWING ANY MORE!
    And for gods sake do not make more of these!
    (preferably try to remove them when possible)
*/
.margin-top-2 { margin-top: -2px; }
.margin-top2 { margin-top: 2px; }
.margin-top3 { margin-top: 3px; }
.margin-top4 { margin-top: 4px; }
.margin-top5 { margin-top: 5px; }
.margin-top6 { margin-top: 6px; }
.margin-top8 { margin-top: 8px; }
.margin-top10 { margin-top: 10px; }
.margin-top15 { margin-top: 15px; }
.margin-top20 { margin-top: 20px; }
.margin-top30 { margin-top: 30px; }
.margin-right4 { margin-right: 4px; }
.margin-right8 { margin-right: 8px; }
.margin-right10 { margin-right: 10px; }
.margin-bottom4 { margin-bottom: 4px; }
.margin-bottom5 { margin-bottom: 5px; }
.margin-bottom8 { margin-bottom: 8px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-left2 { margin-left: 2px; }
.margin-left4 { margin-left: 4px; }
.margin-left5 { margin-left: 5px; }
.margin-left8 { margin-left: 8px; }
.margin-left10 { margin-left: 10px; }
.margin-left15 { margin-left: 15px; }
.margin-left20 { margin-left: 20px; }
.padding2 { padding: 2px; }
.padding5 { padding: 5px; }
.padding15 { padding: 15px; }
.padding-top5 { padding-top: 5px; }
.padding-top8 { padding-top: 8px; }
.padding-top10 { padding-top: 10px; }
.padding-bottom2 { padding-bottom: 2px; }
.padding-bottom5 { padding-bottom: 5px; }
.padding-bottom8 { padding-bottom: 8px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-left5 { padding-left: 5px; }
.padding-left10 { padding-left: 10px; }

/* Common components */
div[data-tippy-root] { text-align: center; }
.tooltipLink { cursor: pointer; }
.ajax-loader { background: url('/images/common/ajax-loader-transparent.gif') no-repeat 50% 50%; width: 50px; height: 50px; }
.lazy-ajax-loader  .ajax-loader { margin: 10px auto; }
.boxHeader { clear: left; float: left; border: 1px solid #535a60; border-bottom: 0;  color: #fff; padding: 0 8px 0 8px; height: 19px; line-height: 19px; font-weight: bold; background: #505149; }
.sectionBlock { width: 97.5%; float: left; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; padding: 10px; margin-top: 10px; font-size: 14px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.sectionBlock h1 { font-size: 22px; padding-bottom: 6px; text-transform: uppercase; }
.dropdown { width: 255px; height: 14px; }
.sliderContainer { margin-bottom: 15px; }
.sliderHeading { height: 14px; line-height: 14px; text-align: left; }
.sliderContainer .heading input { vertical-align: middle; margin: 0 2px 0 2px; }
.sliderContainer > input { margin: 5px 0 0 0; padding: 1px 0 0 8px; border: 1px solid #505149; width: 120px; height: 30px; color: #000; text-align: left; background-color: #ffffff; font-size: 1.2em; }
.sliderContainer > input.error { color: #f4312f; }
.sliderContainer > input.default { color: #8a8a8a; }
.sliderContainer .min { margin-right: 3px; }
.sliderContainer .max { margin-left: 3px; }
.sliderContainer .ui-slider-container { float: left; }
.slider { font-size: 2.6em; }
.flashMessage { margin: 5px 0 5px 0; border: 1px solid #535a60; background-color: #fff; font-weight: bold; font-size: 1.2em; color: #fff; }
.flashMessage.success { background: #9cbb7f url('/images/common/widgets/message_bg_success.png') repeat-x bottom left; }
.flashMessage.error { padding: 0; border: 1px solid #535a60; background: #e23838 url('/images/common/widgets/message_bg_error.png') repeat-x bottom left;}
.flashMessage.info { background-color: #ff9900; }
.flashMessage.info a { color: #fff;}
.flashMessage table { width: 100%; }
.flashMessage tbody { padding: 0; margin: 0; }
.flashMessage td.attention { width: 3px; height: 100%; padding: 0 11px 0 11px; border-right: 1px solid #fff; font-size: 18px; font-weight: normal; }
.flashMessage td.content { padding: 7px 8px; }
.flashMessage td.closeButton { width: 5px; padding: 0 8px 0 8px; vertical-align: middle; }
.flashMessage td.closeButton a { color: #fff; }
.feedbackPanelWrapper { width: 100%; border: none; background: none; padding: 0; display: none; }
#simplemodal-overlay { background: #626a70; }
#simplemodal-container { border: 1px solid #333; -webkit-overflow-scrolling: touch; }
.safari #simplemodal-container { overflow-y: scroll; }
a.button.compareCarsLink { font-size: 16px; text-decoration: none; padding: 8px 24px; background-color: #499ea3; }
a.button.compareCarsLink .fa-chevron-right { margin-left: 5px; }
.breadCrumbs { margin-bottom: 16px; }
.toggleOpen { background: url('/images/common/list_pages/arrow_up_white.gif') no-repeat right 50%; padding-right: 12px; }
.toggleClosed { background: url('/images/common/list_pages/arrow_down_white.gif') no-repeat right 50%; padding-right: 12px; }
#newSiteWicketId { float: left; margin-top: 10px; }
.bx-window { height: 370px; }
.bx-pager { padding: 11px; font-size: 20px; text-align: center; text-decoration: none; }
a.pager-link { text-indent:-999em; display:inline-block; width:10px; height:10px; border: 2px solid #5db4b0; background-color:#fff;  border-radius:10px; margin-right:5px;}
a.pager-active { background-color:#5db4b0 }
.priceAndBenefitRadioButtons > div { width: 100%; }
.checkboxInput.radioInput input { border-radius:10px; }
.checkboxInput.radioInput {	float:none; line-height: 25px; }
.checkboxInput input { outline: none; width: 16px;  height: 16px; background-color: #fff;  margin: 0 2px 0 3px;  position: relative;  border-radius: 2px;  top: 2px;  border: 1px solid #5db4b0;  -webkit-transition: -webkit-transform 0.05s ease-in-out;  -moz-transition: -webkit-transform 0.05s ease-in-out;  -o-transition: -webkit-transform 0.05s ease-in-out;  transition: -webkit-transform 0.05s ease-in-out;  -webkit-transition: -moz-transform 0.05s ease-in-out;  -moz-transition: -moz-transform 0.05s ease-in-out;  -o-transition: -moz-transform 0.05s ease-in-out; transition: -moz-transform 0.05s ease-in-out;  -webkit-transition: -o-transform 0.05s ease-in-out;  -moz-transition: -o-transform 0.05s ease-in-out;  -o-transition: -o-transform 0.05s ease-in-out; transition: -o-transform 0.05s ease-in-out;  -webkit-transition: transform 0.05s ease-in-out;  -moz-transition: transform 0.05s ease-in-out;  -o-transition: transform 0.05s ease-in-out; transition: transform 0.05s ease-in-out;  -webkit-transform: scale(0.9999);  -moz-transform: scale(0.9999);  -o-transform: scale(0.9999);  -ms-transform: scale(0.9999);  transform: scale(0.9999);}
.checkboxInput input:active { -webkit-transform: scale(0.85);  -moz-transform: scale(0.85);  -o-transform: scale(0.85);  -ms-transform: scale(0.85);  transform: scale(0.85);}
.checkboxInput input:checked { background-color: #5db4b0;}
.checkboxInput label { padding: 0 3px 0 0; position: relative; top: -1px; }
.checkboxInput.radioInput input:checked { background-color: #fff;}
.checkboxInput :checked:before { display: inline-block;  font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  content: "\f00d";  color: #ffffff;  position: absolute;  left: 3px; top: 0.5px; }
.checkboxInput.radioInput :checked:before { content: "\f111";  color: #5db4b0;  height: 0;  font-size: 11px;  left: 2px;  top: 2px;  border:0 none;}
span.checkboxInput { float: none; }
[type="checkbox"].toggleSwitch { position: absolute; left: -9999px;  outline: none; }
.toggleSwitch ~ label >  span {  display: table-cell; vertical-align: middle;   padding-left: 5px; }
[type="checkbox"].toggleSwitch + label { cursor: pointer; }
[type="checkbox"].toggleSwitch + label:before { font-family: 'Font Awesome 5 Free'; display: inline-block; box-sizing: border-box; border: 1px solid transparent; font-size: 20px; min-width: 28px; font-weight: 900;}
[type="checkbox"].toggleSwitch:checked + label:before {   content: "\f205"; }
[type="checkbox"].toggleSwitch:not(:checked) + label:before {   content: "\f204"; }
#tabBar .ui-tabs-panel { float: left; padding: 0; border: 0; border-top: 1px solid #cdcdcd; }
#tabBar .ui-tabs .ui-tabs-nav li{ background: none; }
#tabBar li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active { background: #5ab5b1 none; height: 30px; margin-left: 0; color:#fff; border-bottom: 0; }
#tabBar li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a { font-weight: bold; }
#tabBar li.ui-state-default.ui-corner-top { background: #fff none; border: 1px solid #cdcdcd; height: 30px; color: #000; border-bottom: 0; }
#tabBar li.ui-state-default.ui-corner-top.ui-state-hover{ background-color: #8de8e4; color: #000; border-bottom: 0; }
#tabBar li.ui-state-default.ui-corner-top a  {margin-top: 5px; font-weight: normal; }
span.fas.fa-question-circle.tooltip { font-size: 18px; }
.header { font-size: 18px; text-transform: uppercase; font-weight: bold; }
#contentBackgroundBottom {width: 100%; float:left; height: 1px; padding: 0; }
.used.targetPage.navigationBar { display: none; position: fixed; bottom: 0; z-index: 9000; width: 100%; margin: 0; }
.navigationBar .mbsc-scv.mbsc-comp { padding: 7px 0; }
.navigationBar .mbsc-mobiscroll.mbsc-ms-c { background: rgba(64, 65, 73, 0.85); }
.navigationBar .mbsc-ms-ic:before { top: 0; color: #FF9900; }
.navigationBar .mbsc-ms-item { line-height: 0; font-family: 'Roboto Condensed'; border-right: 1.16px solid #B3B3B6; }
.navigationBar .mbsc-ms-item:last-child { border: none; }
.navigationBar .mbsc-mobiscroll .mbsc-ms .mbsc-ms-item { color: #FFFFFF; font-weight: normal; }
.remodal-close { width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; border: 0; outline: 0; background: transparent; color: #95979c; display: block; overflow: visible; position: absolute; top: 0; left: auto; right: 0; text-decoration: none !important; }
.remodal-close::before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; }
#modal > .remodal-close { right: 30px; top: 35px;}
#modal > .remodal-close:before { font-size: 50px; color: #505149; }
.contactRequest #modal > .remodal-close, .modifySearchModal #modal > .remodal-close { top: 35px; }
.mobileDevice .modifySearchModal #modal > .remodal-close { display: none; }
.new_cars.mobileDevice .modifySearchModal #modal > .remodal-close { display: block; }
.tooltipTitle { font-size: 14px; font-weight: bold; padding: 5px 0; }
.tooltipContent { font-size: 14px; padding: 0px 10px 5px 10px; }

.traveller { position: fixed; bottom: 0; z-index: 99999; width: 100%; background: #52B1B7; box-shadow: 0 -1px 2px rgba(0,0,0,0.3); color: #FFFFFF; }
.traveller.modifySearch { display: none; }
.traveller.modifySearch .otherButtons { display: flex; text-align: center; height: 2.5em; line-height: 2em; font-size: 1.4em; }
.traveller.modifySearch .otherButtons .clearSearch { flex: 1; align-self: center; height: 35px; text-transform: none; font-size: 1em; color: #000; }
.traveller.modifySearch .otherButtons .closeModal { flex: 1; color: #4e9b96; }
.traveller.modifySearch .otherButtons .remodal-close { flex: 1; align-self: center; position: inherit; }
.traveller.modifySearch .otherButtons .remodal-close:before { content: none; }
.traveller.modifySearch .submitQuickSearch { height: 2em; line-height: 2em; padding: 0; margin: 0 0.3em 0.3em 0.3em; font-size: 1.7em; }
.listPage h1 { padding: 5px 0; }
.listPage .traveller.modifySearch { display: none; flex-direction: column; background: #fff; }
.traveller.carListTraveller { display: none; justify-content: space-around; padding: 11px 0 6px 0; z-index: 99997; }
.traveller.carListTraveller .item { display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.traveller.carListTraveller .item .icon { font-size: 16px; line-height: 1.25em; }
.traveller.carListTraveller .item .text { font-size: 13px; line-height: 15px; font-weight: bold; text-transform: uppercase; }
.traveller.carListTraveller .compareCarsLink.item { display: none; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms-base .mbsc-ms-ic::before { font-size: 19px; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms-item.mbsc-menu-item-ic::before { top: 0; margin-top: 0; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms-item.mbsc-menu-item-ic { font-size: 12px; padding: 1.8em 0 0 0; }
.mbsc-mobiscroll.traveller-sort .mbsc-ms .mbsc-ms-item { color: #505149; }
.popupSort .mbsc-fr-w { width: 90vw; }
.popupSort.mbsc-mobiscroll .mbsc-lv-item { padding: 0.7em; }
.popupSort.mbsc-mobiscroll .mbsc-lv-item.travellerSortLabel[data-selected='true'] { background: #cdefed; }
#alma-tunnus-button-login { font-size: 18px; margin: 30px auto 0px; }

.sortMobile .radioButtons .mbsc-mobiscroll.mbsc-radio { padding: 1em 1em 1em 3.12em; }
.sortMobile .radioButtons .mbsc-mobiscroll .mbsc-radio-box { right: auto; left: 1em; border: 1px solid #499EA3; }
.sortMobile .radioButtons .mbsc-mobiscroll .mbsc-radio-box:after { background: #499EA3; }
.sortMobile .title { font-weight: bold; font-size: 18px; line-height: 21px; }
.sortMobile .radioButtons .mbsc-mobiscroll .radioLabel { font-size: 18px; line-height: 21px; }
.sortMobile .mbsc-fr-btn-e { font-size: 18px; line-height: 21px; padding: 10px 20px; }
.sortMobile .dropdownChoice { margin: 20px 0px !important; }
.sortMobile .sortingDropdown .mbsc-select-input.mbsc-control { z-index : 2; }
.sortMobile .sortingDropdown .mbsc-input-wrap .mbsc-select-ic { z-index: 1; }
.sortMobile .mbsc-fr-btn-cont .mbsc-fr-btn-w { margin-right: 20px; }
.sortMobile .showHiddenItems { flex-direction: column; align-items: flex-start; }
.sortMobile .showHiddenItems .mbsc-mobiscroll.mbsc-ltr.mbsc-switch { padding: 2em 3.45em 1em 1em; }

.used_cars .traveller.modifySearch { background: none; box-shadow: none; }
.used_cars .traveller.modifySearch .otherButtons { display: none; }
.used_cars .traveller.modifySearch .submitQuickSearch { margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 25px; border-radius: 2.48571px; font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; text-align: center; height: 41px; }
.used_cars .traveller.modifySearch .fas.fa-search { margin: 0px 8.28571px; }
.used_cars .traveller.modifySearch .searchResultsNo { margin-left: 5px; }
.used_cars .modifySearchContainer .mainContainer { margin-bottom: 160px; margin-top: 60px; }
.used_cars.mobileDevice .modifySearchContainer .mainContainer { margin-bottom: 57px; }
.used_cars .modifySearchContainer.mobile .mainContainer { margin-top: 75px; }

.leasing_cars .traveller.modifySearch .otherButtons { display: none; }
.leasing_cars .traveller.modifySearch { background: none; box-shadow: none; }
.leasing_cars .traveller.modifySearch .otherButtons { display: none; }
.leasing_cars .traveller.modifySearch .submitQuickSearch { margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 25px; border-radius: 2.48571px; font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; text-align: center; height: 41px; box-sizing: unset; }
.leasing_cars .traveller.modifySearch .fas.fa-search { margin: 0px 8.28571px; }
.leasing_cars .traveller.modifySearch .searchResultsNo { margin-left: 5px; }
.leasing_cars .modifySearchContainer .mainContainer { margin-bottom: 160px; margin-top: 60px; }
.leasing_cars.mobileDevice .modifySearchContainer .mainContainer { margin-bottom: 57px; }
.leasing_cars .modifySearchContainer.mobile .mainContainer { margin-top: 75px; }

.new_cars .modifySearchContainer .mainContainer { margin-bottom: 80px; }
	
.modifySearchHeader {display: none; position: fixed; top: 0; z-index: 99999; width: 100%; height: 50px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); transform: translateZ(0); -webkit-transform: translateZ(0); transition: top 300ms cubic-bezier(.25,.46,.45,.94);}
.modifySearchHeader .headerButtons { display: flex; width: 100%; justify-content: space-between; }
.modifySearchHeader .closeButton { font-weight: bold; font-size: 18.6667px; line-height: 22px; display: flex; align-items: center; text-align: center; color: #499EA3; margin-left: 16px; }
.modifySearchHeader .closeButton .closeModal { display: flex; align-items: center; }
.modifySearchHeader .closeButton span { font-size: 14px; margin-left: 10px; }
.modifySearchHeader .clearSearchButton { font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; display: flex; align-items: center; margin-right: 16px; }
.modifySearchHeader .clearSearchButton .clearSearch { color: #505149; }
.modifySearchHeader .notifyjs-bootstrap-base.notifyjs-bootstrap-clearModifySearch { font-size: 1.3em; }

/*Select2 style*/
.select2-container { width: 100% !important;}
.select2-results { font-size: 15px; }
.select2-container--default .select2-selection--single .select2-selection__clear { margin-left: 5px; font-size: 27px; float:right; }
.select2-container--default .select2-selection--single .select2-selection__rendered { /*float: left;*/ height: 100%; }

.select2-search__field { background: #fff url('/images/common/search_icon.svg') no-repeat 100%; padding-right: 25px !important; font-family : 'Roboto Condensed'; }
.select2-search__field::placeholder { color: #999; font-style:italic; /*Chrome, Firefox, Opera, Safari 10.1+ */ }
.select2-search__field:-ms-input-placeholder { color: #999; font-style:italic; /* Internet Explorer 10-11 */ }
.select2-search__field::-ms-input-placeholder { color: #999; font-style:italic; /* Microsoft Edge */}
.select2-results__option--highlighted { background-color: inherit !important; color: inherit !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd !important; }

.select2-results__option .wrap:before{ font-family: 'Font Awesome 5 Free'; color:#999; content:"\f0c8"; width:25px; height:25px; padding-right: 10px; font-weight: 400;}
.select2-results__option[aria-selected=true] .wrap:before{ content:"\f14a"; }

/* Skeleton */
body { margin: 0; padding: 0; border: 0; font: 70.5% 'Roboto Condensed', Times; color: #505149; letter-spacing: 0.02em;  }
body.print { background: none; }
body .notifyjs-wrapper { z-index: 5000; }
body .mbsc-mobiscroll a { color: #499ea3; }
body .mbsc-mobiscroll.mbsc-form { color: #505149; }
#wrapper4 { background-color:#fff; margin-top: 81px; }
#wrapper2 { margin: 0 auto; overflow: visible; width: 100%; position: relative; }
#wrapper { width: 100%; padding: 0; background: transparent; margin:0 auto; position:relative;}
#topBanner { position: relative; overflow: hidden; margin:0 auto; align-items: center; }
#topBanner #almad-parade-1, #topBanner #almad-leaderboard-1 { margin: 20px auto 0 auto; }
#almad-parade-1, #almad-leaderboard-1 {position: relative; z-index: 2; }
#almad-wallpaper-1 { top: 81px !important; }
.disabledContainerTooltip { z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; }
#mainHeader { display: block; background-color: #5DB3B0; z-index: 99998; position: fixed; transform: translateZ(0); -webkit-transform: translateZ(0); left: 0; right: 0; top: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.3); transition: top 300ms cubic-bezier(.25,.46,.45,.94); }
#mainHeader button { padding: 0; display: inline-block; border: 0 solid #d8d8d8; background: none; cursor: pointer; font-weight: bold; font-size: 14px; color: #fff; }
#mainHeader .userHeaderLinks button.signOutLink { margin: 10px 0 30px 25px; width: 209px; text-align: left; color: #fff; flex-direction: row; justify-content: flex-start; }
#mainHeader .userHeaderLinks button.signOutLink:hover { color: #ff9900; }
#mainHeader .userHeaderLinks button.signOutLink span { text-transform: none; font-size: 16px; }
#mainHeader .userHeaderLinks button.signOutLink span.icon { margin-right: 5px; }
#mainHeader .userHeaderLinks button#userNameHeaderButton { flex-direction: row; margin: 0 7%; }
#mainHeader #signInLink span { cursor: pointer; }
#mainHeader button.remove-slick-slide { cursor: pointer; color: #499EA3; }
#mainHeader a.button.viewPage { font-size: 12px; padding: 4px 38px; }
#mainHeader a.button.soldOut { font-size: 12px; padding: 4px 38px; }
#mainHeader .userHeaderLinks li button.activePanel { color: #FF9900; }
#mainHeader .slick-dotted.slick-slider { margin-bottom: 0; }
#mainHeader .stickyHeaderDropdownItem.hidden { display: none !important; }
#mainHeader .stickyHeaderDropdownItem button.slick-arrow { width: 20px; height: 30px; background-position: center; color: transparent; background-size: 13px; }
#mainHeader .stickyHeaderDropdownItem button.slick-prev {background: url(/images/used_cars/target_page_new_layout/selaus_paakuva_vas_.png) no-repeat; }
#mainHeader .stickyHeaderDropdownItem button.slick-next {background: url(/images/used_cars/target_page_new_layout/selaus_paakuva_oik_.png) no-repeat; }
#mainHeader .userHeaderLinks button { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; flex-direction: column; height: 100%; }
#mainHeader .closeButton { position: absolute; z-index: 2; right: 0; top: 0; width: 55px; height: 55px; color: #fff; }
#mainHeader .closeButton:hover { color: #ff9900; }
#mainHeader .closeButton:before { content: "\00d7"; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 40px; float: right; padding-right: 10px; cursor: pointer; }
.marketplaceHeader { display: none; z-index: 2; max-width: 1000px; margin: 0 auto; background: #5DB3B0; position: absolute; top: 49px; width: 100%; }
.marketplaceHeader .marketplaceLinks { border-top: 0.5px solid rgba(217, 217, 219, 0.7); margin: 2px 2% -10px 2%; padding: 12px 5px; }
.marketplaceHeader a { display: block; font-size: 14px; color: #fff; width: 100%; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; margin-bottom: 10px; }
#closeMarketplaceSection { display: none; }
.navigationHeader { z-index: 2; display: flex; justify-content: space-between; height: 50px; max-width: 1000px; margin: 0 auto; color: #fff; font-weight: bold; padding: 0 2%; } 
.logoAndLoginContainer { display: flex; align-items: center; font-size: 20px; margin-left: 5px; }
.logoAndLoginContainer .icon { z-index: 2; padding: 15px; font-size: 20px; margin-left: -20px; }
.headerCustomDropdown { display: none; min-width: 160px; border-radius: 2px; position: absolute; overflow: auto; z-index: 1000; }
.userDataHeader { display: flex; width: 100%; align-items: center; background: linear-gradient(180deg, rgba(80, 81, 88, 0.9) 0%, #404149 100%); height: 50px; position: relative; color: #FFFFFF; font: 14px 'Roboto Condensed', Times; }
.userDataHeader ul { list-style: none; height: 42px; display: flex; justify-content: space-between; padding: 0; width: 100%; }
.userDataHeader li { display: flex; align-items: center; width: 100%; margin: 0 auto; padding: 0; }
.userDataHeader li:not(:last-child) { border-right: 1px solid rgba(217, 217, 219, 0.7); }
.userDataHeader .secondaryNavigationList { padding: 10px 0 0 25px; display: flex; flex-direction: column; height: auto; width: auto; }
.userDataHeader .secondaryNavigationListItem { font-weight: bold; margin: 0; padding: 0; }
.userDataHeader .secondaryNavigationListItem a { color: #fff; cursor: pointer; width: 100%; text-transform: uppercase; font-size: 16px; padding: 10px 0; }
.userDataHeader .secondaryNavigationListItem a:hover { color: #ff9900; text-decoration: none; }
.userDataHeader li.leftBordered { flex-shrink: 1; }
.userDataHeader .countLabelContainer { position: absolute; right: 4px; top: 3px; }
.userDataHeaderContent { margin: 0 auto; width: 100%; display: flex; justify-content: flex-end; }
.userHeaderLinks button:focus { outline: 0; }
.countLabelContainer { float: right; margin-left: 4px; }
#favouritesHeaderList .count { display: none; font-weight: bold; }
#comparisonPanelHeaderList { display: none; }
#comparisonPanelHeaderList .label { position: relative; }
#carsInComparisonCounter { color: #ff9900; right: 1px; bottom: 0; position: absolute; }
#comparisonPanelHeaderList img { animation: none; -webkit-animation: none; }
#carsInComparisonTitle { padding-right: 24px; }
.comparisonItems.stickyHeaderDropdownContainer { display: none; }
.comparisonItems .stickyHeaderDropdown { padding: 33px 3px 73px 3px; width: 908px; }
.favoriteHeaderButton { position: relative; }
.userHeaderLinks .count { background-color: #5DB3B0; color: white; border-radius: 50%; display: inline-block; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.2rem; margin-top: -2px; }
.userHeaderLinks .icon { color: #FF9900; font-size: 15px; }
.stickyHeaderDropdown { width: 315px; margin: 0 auto; padding: 55px 3px 35px 3px; display:flex; background: url(/images/common/white-spinner-trans.svg) center center / 7em no-repeat; position: relative; }
.stickyHeaderDropdown .buttonContainer .soldOut { background-color: #aaa; pointer-events: none; cursor: default; text-decoration: none; }
.stickyHeaderDropdownItem { max-width:100%; float: left; display: flex !important; justify-content: space-around; flex: 1 auto; }
.stickyHeaderDropdownItem .slick-track {display: flex !important; justify-content: center; }
.stickyHeaderDropdown .slick-slide { margin: 0 6px; }
.rvc {width: 100%; display: flex; flex: 1 2 auto; align-items: center; font-size: 14px; visibility: hidden; }
.viewedItem { margin: 0 auto; position: relative; background-color: #fff; border-radius: 3px; overflow: hidden; max-width: 230px; }
.emptyElement { color: #fff; font-size: 1.55rem; text-align: center; display: flex; flex-wrap: wrap; flex: 1 2 225px; justify-content: center; flex-direction: column; font-weight: bold; margin: 0 auto; }
.emptyElement p.icon { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; color: #ff9900; font-size: 40px; margin-top: 0; }
.emptyElement p .loginMessage { display: block; margin-bottom: 10px; }
.userDataHeader li.userNameHeaderContainer { display: flex; min-width: 0; }
.userDataHeader li.userNameHeaderContainer .userNameLabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 3px; }
.userDataHeader #userNameHeaderButton .icon { margin-right: 0; }
#secondaryNavigation { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: rgba(64, 65, 73, 0.95) none repeat scroll 0% 0%; top: 51px; right: 0; width: 234px; }
#secondaryNavigation .userNameLabel { display: block; color: #ff9900; font-weight: bold; font-size: 16px; margin: 20px 0 0 25px; width: 160px; }
#secondaryNavigation .leaveAnnouncementButton { margin: 10px 0 15px 25px; font-size: 16px;  }
#logo { z-index: 1; float: left; width: 230px; height: 49px; background: transparent url('/images/common/skeleton/at_logo.png') no-repeat 0; background-size: 92%; }
#logo .logoHomePageLink { display: block; width: 100%; height: 100%; }
#logo #logoOverlayTextElement { position: absolute; margin-top: 36px; }
#logo span#logoOverlayText { font-size: 13px; color: red; font-weight: bold; }
.loginFormLinks > ul { list-style-type: none; display: inline-block; margin: 0; padding: 0; }
#loginLogOutButton { float: left; font-size:15px; text-transform: uppercase; margin: 5px 10px; font-weight: bold; }
.navigationListItem { cursor: pointer; }
.leasingCustomDropdown ul { list-style: none; cursor: default; }
.navigationListItem .leasingCustomDropdown a { text-transform: capitalize; }
#primaryNavigation { display: none; float: left; height: 49px; }
#primaryNavigation ul li { display: flex; align-items: center; height: 50px; padding: 0 8px; }
#primaryNavigation ul li:hover { background: rgba(217, 217, 219, 0.4); }
#primaryNavigation .leasingCustomDropdown ul li { height: auto; padding: 10px; }
#primaryNavigation .navigationList { margin: 0; padding: 0; font-size: 15px; }
#primaryNavigation .navigationListItem { float: left; }
#primaryNavigation .navigationListItem:last-child { padding-right: 15px; }
#primaryNavigation .navigationListItem a { color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; height: 50px; line-height: 50px; }
#primaryNavigation .navigationListItem a.active { text-decoration: underline; }
#primaryNavigation .navigationListItem .leasingCustomDropdown a { text-transform: capitalize; height: auto; line-height: normal; }
#primaryNavigation .leasingPages { position: relative; }
#primaryNavigation .leasingCustomDropdown { background: #5DB3B0; top: 42px; left: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); }
#primaryNavigation .leasingCustomDropdown ul { padding: 10px 0; }
.leaveAnnouncementButton:hover { text-decoration: none; }
.userDataHeader li.leaveAnnouncementItem { display: none; padding: 0 15px; }
a.button.leaveAnnouncementButton { margin: 10px 0 5px 25px; font-size: 16px; width: 159px; }
#responsiveNavigation { display: none; float: left; width: 700px; height: 27px; position: relative; }
#responsiveNavigation .navigationList { padding: 0; font-size: 16px; list-style-type: none; }
#responsiveNavigation .navigationListItem { float: left; margin-left: 20px; }
#responsiveNavigation .responsiveNavigationContainer { padding: 10px 0 20px 0; }
#responsiveNavigation .secondaryNavigationList { padding-left: 25px; font-size: 1.3em; }
#responsiveNavigation .usernameLabel { color: #ff9900; font-weight: bold; padding: 15px 0 0 25px; font-size: 1.3em; }
#responsiveNavigation .secondaryNavigationListItem { padding: 10px 0; }
#responsiveNavigation .secondaryNavigationListItem a { color: #fff; text-transform: uppercase; }
#responsiveNavigation .secondaryNavigationListItem a:hover { color: #ff9900; text-decoration: none; }
#responsiveNavigation .navigationListItem a { color: #fff; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#responsiveNavigation .signOutLink { margin-left: 15px; }
#responsiveNavigation .signOutLink .icon { color: #ff9900; }
#responsiveNavigation .navigationListItem .leasingCustomDropdown { position: relative; overflow: auto; }
#responsiveNavigation .navigationListItem .leasingCustomDropdown a { text-transform: capitalize; }
#responsiveNavigation .leasingPagesDropdown .icon { margin-right: 68px; }
#responsiveNavigation.open { display: block; position: absolute; background: rgba(64, 65, 73, 0.95); width: 234px; height: auto; right: 0; overflow: auto; margin-top: 1px; }
#responsiveNavigation.open .navigationList { margin: 0; }
#responsiveNavigation.open .navigationListItem { margin-left: 25px; width: 209px; }
#responsiveNavigation.open .navigationListItem a:hover { text-decoration: none; color: #ff9900; }
#responsiveNavigation.open .navigationListItem a { padding: 10px 0; display: flex; justify-content: space-between; text-decoration: none; }
.bars { float: right; height: 47px; display: flex; align-items: center; }
.bars a { color: #fff; }
div.bars a { text-decoration: none; }
div.bars i { position:relative; top: 2px; font-size: 2.7em; }
#contentBackground { float: left; width: 96%; padding: 2%; overflow: visible; background-color: #fff; margin-top: 10px; }
body.targetPages #contentBackground { padding-bottom: 30px; }
body.listPage #contentBackground { padding-bottom: 30px; }
#content { float: left; width: 100%; min-height: 620px; height: auto; padding: 0; overflow: visible; font-size: 1.1em; }
.breadcrumbsContainer { width: 100%; display: none; margin-top: 10px; font-weight: bold; font-size: 1.3em; }
.stickyHeaderDropdownContainer { display: none; background-color: rgba(64, 65, 73, 0.95); position: fixed; z-index: 1000; width: 100%; margin-top: 1px; }
.stickyHeaderDropdownContainer .viewedItem .carId { display: none; }
.stickyHeaderDropdownContainer .dropdownCloseButton:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; content: "\00d7"; position: fixed; top: 100px; right: 0; display: block; font-size: 35px; width: 35px; line-height: 35px; font-weight: normal; }
.fullSlots { display: none; margin: 8px auto 4px auto; color: #aaa; text-align: center; font-size: 1.25rem; position: absolute; top: -6px; width: 100%; }
.fullSlots.visible { display: flex; flex-direction: column; }
.fullSlots span:first-of-type { color: #FF495C; }
.rvcDetailsContainer { display: flex; margin: 0; justify-content: space-between; flex-direction: column; }
.rvcDetailsContainer .viewedItem { flex: 1 1 31%; }
.rvcDetailsContainer .titleAndPriceContainer { display: flex; justify-content: space-between; }
.rvcDetailsContainer .carDetailsPanel { margin: 2px 0 10px 0; }
.rvcDetailsContainer .viewedItemImg { height: 112px; width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.rvcDetailsContainer .viewedItemImg a { width: 100%; height: auto; }
.rvcDetailsContainer .viewedItemImg img { display: inline; height: auto; width: 100%; }
.rvcDetailsContainer .viewedItemDesc { display: flex; align-items: center; margin-top: auto; margin-bottom: auto; list-style: none; padding: 0; }
.rvcDetailsContainer .viewedItemDesc li { display: flex; }
.rvcDetailsContainer .viewedItemDesc li span:first-child { margin: 0 3px; }
.rvcDetailsContainer .viewedItemDesc li:first-child span:first-child { margin: 0 3px 0 0; }
.rvcDetailsContainer .viewedItemDesc li span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rvcDetailsContainer .carInfoContainer { padding: 15px 10px 10px 10px; }
.rvcDetailsContainer .rvcTitle { height: 40px; padding-right: 15px; min-width: 0; }
.rvcDetailsContainer .rvcTitle a { text-decoration: none; }
 .rvcTitle .name { display: block; line-height: 20px; max-height: 40px; overflow: hidden; color: #505149; }
.rvcDetailsContainer .rvcPrice { font-weight: bold; color: #0E2D6D; flex-shrink: 0; }
.stickyHeaderDropdownItem .buttonContainer { text-align: center; display: flex; justify-content: space-between; }
.stickyHeaderDropdown .slick-prev { left: 0px; } 
.stickyHeaderDropdown .slick-next { right: 0px; }
.stickyHeaderDropdown .numberIndicator { position: absolute; bottom: 8px; left:0; width: 100%; text-align: center; color: #fff; font-weight: bold; font-size: 14px; }
.stickyHeaderDropdown .numberIndicator span { margin: 0 3px; }
.recentlyViewedCars .stickyHeaderDropdownItem .buttonContainer { justify-content: flex-end; }
input[type='checkbox'].checkboxField, input[type='checkbox']#update_allowed_silent { -webkit-appearance: checkbox; }
 
#rightBanner { display: block; width: 100%; height: 0px; }
.logoAndTitle { display: flex; align-items: center; padding-top: 10px; }
.listCarFactsPanel { display: flex; justify-content: space-between; }
.listCarFactsPanel .carFactsContent { flex: 1; } 
.listCarFactsPanel .carFactsDesc { font-size: 1.2em; max-height: 157px; position: relative; overflow: hidden; padding-top: 15px; }
.listCarFactsPanel .carFactsDesc .readMore { 
	position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; font-size: 23px;
	background: linear-gradient(transparent, rgba(255,255,255,0.44) 0%, rgba(255,255,255,1)); 
}
.listCarFactsPanel .carFactsDesc .readLess { display: block; text-align: center; padding: 10px; font-size: 23px; }
.listCarFactsPanel .exampleImage { padding: 0 20px 20px 20px; display: none; }
.articleBox{ display:none }
[id^="almad-skyscraper"] { display: none}
.carFactsNewContentPanel { margin: 0; -webkit-column-count: 2;-moz-column-count: 2; column-count: 2; }
.carFactsNewContentPanel p { margin: 0; }

.alma-footer .right { float: right !important; }
.ALMACR-container { position: relative !important; }
.dynamicWallpaperPanelContainer { display: none; width: 1600px; height: 1200px; position: fixed; left: 50%; margin-left:-800px; }

/* Alma menu stuff */
.alma-menu-logo {
  display: block;
  width: 55px;
  height: 27px;
  background: transparent url('/images/common/alma_menu.png') no-repeat 0 -54px; /* WHITE */
  background: transparent url('/images/common/alma_menu.png') no-repeat 0 0; /* BLACK */
  background: transparent url('/images/common/alma_menu.png') no-repeat 0 -27px; /* GREY */
}
/* For retina screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5),
  only screen and ( min-resolution: 124.8dpi ),
  only screen and ( min-resolution: 1.3dppx ) {
      .alma-menu-logo {
          background: transparent url('/images/common/alma_menu@2x.png') no-repeat 0 -54px; /* WHITE */
          background: transparent url('/images/common/alma_menu@2x.png') no-repeat 0 0; /* BLACK */
          background: transparent url('/images/common/alma_menu@2x.png') no-repeat 0 -27px; /* GREY */
          background-size: 55px 81px;
      }
}

#almaFooter { background: linear-gradient(180deg, #52B1B7 40.91%, #39969C 100%); position: relative; font-size: 16px; color: #fff; padding: 25px; }
#almaFooter .wrapper { margin:0 auto; text-align:left; width: 100%; }
#almaFooter a { color: #fff; font-weight: bold; font-size: 14px; }
#almaFooter a.white { background-color: #fff; color: #499EA3; border-radius: 2px; box-sizing: border-box; width: 100%; padding: 9px 18px; }
#almaFooter a.white.feedback { margin: 0 0 15px 0; font-size: 16px; }
#almaFooter .mainIcon { text-align: center; margin-bottom: 25px; }
#almaFooter .mainIcon img { animation: none; -webkit-animation: none; }
#almaFooter .mainContainer { display: flex; flex-wrap: wrap; }
#almaFooter .subContainer { flex-basis: 100%; }
#almaFooter .subContainer a { margin: 3px 0; }
#almaFooter .subContainer .title { font-weight: bold; color: rgba(80, 81, 73, 0.8); font-size: 11px; padding: 10px 0; }
#almaFooter hr { border-top: 1px solid rgba(217, 217, 219, 0.7); margin-bottom: 25px; }
#almaFooter #almaCredit { font-size: 14px; }
#almaFooter #almaCredit a { font-size: 14px; font-weight: normal; text-decoration: underline; }
#almaFooter .group { display: flex; flex-direction: column; margin-bottom: 15px; }
#almaFooter .group .icon { margin-right: 10px; font-size: 18px; }
#almaFooter .group.socialMedia > div { margin: 2px 0; display: flex; align-items: center; }
#almaFooter .group.socialMedia.desktop { display: none; }
#almaFooter .group.mainLinks { flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 25px; }
#almaFooter .group.mainLinks span { font-size: 14px; }
#almaFooter .group.mainLinks a.even { text-align: right; }
#almaFooter .group.mainLinks a { font-size: 12px; margin: 0; }
#almaFooter .group.mainLinks hr { border-top: none; border-right: 1px solid #fff; }

/* Frontpage */
.frontPageContainer { margin-bottom: 10px; padding: 21px 11px 18px 11px; }
#frontPageNewCarsQuickSearch { display: none; }
.frontPageIdRegistrationSearchInput { font-size: 1.5em; }
.frontPageRegistrationIdSearch { color: #499EA3; font-weight: bold; cursor: pointer; flex: 1.1; margin: 16px 0 0 0; text-transform: uppercase; }
.frontPageItemSearchFormContainer { position: relative; top: -55px; z-index:12; display: none; text-align: center; padding: 10px; background-color: #fff; }
.frontpageShowRegistrationSearchContainer:hover { text-decoration: underline; }
#submitItemSearchForm { font-size: 20px; }
.frontPageItemSearchFormContainerOverlayBackground { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index:11; display: none;}
.quickLinksHeader { font-size: 24px; margin-bottom: 16px; text-transform: capitalize; }
.quickLinksContainer, #quickLinks { display: flex; flex-wrap: wrap; justify-content: space-between; }
.quickLinksItem { display: inline-block; font-weight: bold; margin-bottom: 13px; background-color: #fff; border: 2px solid #499EA3; border-radius: 2px; box-sizing: border-box; width: 48%; height: 45px; font-size: 16px; text-align: center; line-height: 45px; color: #499EA3; }
.quickLinksShowAll { border-radius: 3px; background-color: #499EA3; }
.showAllQuickLinks { color: #fff !important; text-transform: uppercase; font-size: 18px; }

.frontPageQuickSearchContainer { width: auto; padding: 30px 11px 17px 11px; background: #FFFFFF; border: 1px solid #CDCDCD; border-radius: 2px; background: url(/images/common/image-loader.gif) no-repeat center; } 
.frontPageQuickSearchContainer .clearOption { background-color: #ffffff; color: #499ea3; top: -0.4em; right: -0.2em; font-size: 27px; width: 27px; height: 26px; border-radius: 12px; text-align: center; z-index: 1; cursor: pointer; }

#frontPageQuickSearchTabs { height: 81px; cursor: pointer; position: relative; visibility: hidden; }
#frontPageQuickSearchTabs #searchCars { position: absolute; width: 100px; top: -150px; }
#frontPageUsedCarsQuickSearch { height: auto; position: relative; visibility: hidden; }
#frontPageNewCarsQuickSearch { height: auto; }
#frontPageLeasingQuickSearch { height: auto; display: none; }
#frontPageLeasingQuickSearch .leasingContainer .excludeSelection { display: flex; align-items: center; }
#frontPageLeasingQuickSearch .leasingContainer .excludeSelection .mbsc-switch { padding-left: 0; margin-left: -0.4em; }
#frontPageLeasingQuickSearch .leasingContainer .excludeSelection .textLabel { margin: 0 8px 0 -8px; }
#frontPageLeasingQuickSearch .leasingContainer.frontPageQuickSearchFirstLine { margin-top: 18px; }
#frontPageLeasingQuickSearch .switchMessage { display: none; font-style: italic; border: 1px solid #cdcdcd; padding: 5px 10px; margin: 10px 0 10px 0.4em; border-radius: 2px; max-width: 375px; text-align: center; }
#frontPageLeasingQuickSearch .switchMessage.active { display: flex; align-items: center; justify-content: center; }
#frontPageLeasingQuickSearch .switchMessage .icon { margin-left: 8px; color: #5BB7C5; font-size: 20px; }

.frontPageTabActive { color: #499EA3 !important; border-bottom: 6px solid #499EA3 !important; }
.frontPageTabActive .tabTitle { color: #499EA3 !important; }
.frontPageQuickSearchTabs { display: flex; justify-content: space-between; margin-bottom: 18px; -webkit-tap-highlight-color: transparent; }
.frontPageQuickSearchTab { color: #505149; border-bottom: 6px solid #bababa;  flex:1; -webkit-tap-highlight-color: transparent; }
.frontPageQuickSearchTab .tabName { font-size: 25px; font-weight: bold; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.frontPageQuickSearchTab .tabName .fas { display: block; margin-bottom: 10px; }
.frontPageQuickSearchTab .tabName .tabTitle { font-size: 15px; color: #505149; }
.frontPageQuickSearchTab .tabName .tabSubtitle { display: none; font-size: 16px; font-weight: normal; margin-top: 5px; }
.frontPageQuickSearchTab img { animation: none; -webkit-animation: none; margin-bottom: 2px; height: 36px; } 
.frontPageUsedQuickSearchForm { display: flex; flex-direction: column; }

.frontPageQuickSearchFirstLine { margin-bottom: 1px; }

.frontPageQuickSearchThirdLine { display: flex; flex-direction: column-reverse; font-size: 16px; }
.frontPageQuickSearchThirdLine .link { font-weight: bold; }
.frontPageQuickSearchThirdLine .clearSearch { margin: 15px 0.4em 0 0.4em; width: auto; }
.frontPageQuickSearchThirdLine .clearSearch .container { color: #505149; }
.frontPageQuickSearchThirdLine .clearSearch .resetQuickSearchButton { cursor: pointer; width: 170px; color: #505149; display: none; padding: 0 0 0 3px; }
.frontPageQuickSearchThirdLine .clearSearch .fa-times { margin-right: 3px; }
.frontPageQuickSearchThirdLine .toAdvancedSearch { color: #499EA3;  margin: 15px 15px 10px 0; }
.frontPageQuickSearchThirdLine .toAdvancedSearch .container { float: left; cursor: pointer; }
.frontPageQuickSearchThirdLine .submitQuickSearchContainer { width: auto; margin: 0 0.4em; }
.frontPageQuickSearchThirdLine .submitQuickSearchContainer .submitQuickSearchButton {font-size: 18px; width: 100%; padding: 10px 0; background-color: #FF9900; float: right; }
.frontPageQuickSearchThirdLine .searchLinksContainer { width: auto; margin: 0 0.4em; }
.frontPageQuickSearchThirdLine .searchLinksContainer .fa-search { transform: matrix(-1, 0, 0, 1, 0, 0); float: left; padding: 2px 0px 0 5px; }

#frontPageLeasingQuickSearch .titleLink { text-decoration: none; }
#frontPageLeasingQuickSearch .title { font-weight: bold; font-size: 21px; color: #505149; }
#frontPageLeasingQuickSearch .subtitle { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
#frontPageLeasingQuickSearch a { font-size: 16px; line-height: 29px; }
#frontPageLeasingQuickSearch a.button { margin: 22px 0 24px 0; }
#frontPageLeasingQuickSearch .sliderContainer { margin: 16px 16px 36px 16px; width: auto; }
#frontPageLeasingQuickSearch .noUi-handle { width: 24px !important; height: 24px !important; top: -11px !important; right: -12px !important; }
#frontPageLeasingQuickSearch .noUi-handle.noUi-active {  width: 30px !important; height: 30px !important; top: -14px !important; right: -15px !important; }
#frontPageLeasingQuickSearch .sliderLabel { font-size: 15px; margin: 0 0 18px -8px; }
#frontPageLeasingQuickSearch .sliderLabel .title { font-size: 16px; font-weight: normal; }
#frontPageLeasingQuickSearch .frontPageQuickSearchThirdLine .submitQuickSearchContainer .submitQuickSearchButton { width: 100%; }

.previousSearchPanel { padding: 21px 25px 18px 10px; margin-bottom: 10px; }
.previousSearchPanel .title { color: #505149; font-size: 24px; font-weight: bold; }
.previousSearchPanel #lastSearchContainer { list-style-type: none; padding-left: 9px; height: 60px; overflow: hidden; transition: height 600ms; margin-top: 0; }
.previousSearchPanel #lastSearchContainer li { display: flex; flex-direction: row; align-items: center; padding: 8px 0; }
.previousSearchPanel #lastSearchContainer li:first-child { text-align: center; }
.previousSearchPanel #lastSearchContainer li:first-child span { flex: 1; color: #bababa; font-size: 1.5em; font-weight: bold; margin-top: 9px; }
.previousSearchPanel #lastSearchContainer li:nth-child(even) { background-color: #F0FBFC; }
.previousSearchPanel #lastSearchContainer .fa-search { transform: matrix(-1, 0, 0, 1, 0, 0); color: #499EA3; font-size: 17px; padding: 0 10px; }
.previousSearchPanel #lastSearchContainer li:nth-child(2) .fa-search { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.previousSearchPanel #lastSearchContainer #date { font-size: 0.9em; color: #505149; font-weight: bold; }
.previousSearchPanel #lastSearchContainer #lastSearchLink { display: block; font-size: 1.3em; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 71vw !important; cursor: pointer; }
.previousSearchPanel .footerButtons { display: flex; font-size: 1.3em; text-transform: uppercase; padding-left: 9px; flex-direction: column; }
.previousSearchPanel .footerButtons #lastSearchDropdown { flex: 1; margin-bottom: 15px; display: none; } 
.previousSearchPanel .footerButtons #lastSearchDropdown a { cursor: pointer; }
.previousSearchPanel .footerButtons #clearSearchHistoryLink { color: #505149; cursor: pointer; justify-content: flex-end; display: none; flex: 1; }
.previousSearchPanel .footerButtons #clearSearchHistoryLink span { padding: 1px 4px 0 0; }
.quickSearchSelect { position: relative; cursor: pointer; flex: 1; text-align: center; }
.quickSearchSelect .mbsc-mobiscroll.mbsc-input { margin: 0 0.4em 1em 0.4em; }
.clearOption {display: none; position: absolute; right: 9%; font-size: 28px; bottom: 25%; }

/* Modify Search */
.modifySearchContainer.mbsc-mobiscroll { font-family: 'Roboto Condensed', Times !important; }
.modifySearchContainer .mbsc-control-w { font-family: 'Roboto Condensed', Times !important; }
.modifySearchContainer .searchInputs { margin: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.leasing_cars .modifySearchContainer .searchInputs { border-top: 1px solid #CDCDCD; margin: 0 30px; }
.leasing_cars.mobileDevice .modifySearchContainer .searchInputs { border-top: none; }
.new_cars .modifySearchContainer .searchInputs { justify-content: flex-start; border-bottom: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; margin: 10px 0 20px 0; padding-top: 0.5em; }
.modifySearchContainer.mbsc-mobiscroll .searchInputs .mbsc-input { margin: 0.5em; }
.modifySearchContainer .searchInputs .checkboxInput { width: 100%; }
.modifySearchContainer .title { font-weight: bold; padding: 32px; margin: -60px 0 0 0; text-align: center; font-size: 28px; }
.new_cars .modifySearchContainer .title { padding: 0; margin: 0; text-align: left; font-size: 24px; }
.modifySearchContainer .separator { position: relative; display: flex; align-items: center; font-size: 14px; font-weight: bold; color: #8C8D92; height: 17px; padding: 0 28px; }
.modifySearchContainer .sectionTitle { padding: 0 2px; background: #fff; }
.separator::before, .separator::after { content: ''; flex: 1; border-bottom: 1px solid #B3B3B6; }
.modifySearchContainer .searchInputs .title { font-size: 17px; margin: auto 0; text-align: left; }
.leasing_cars .modifySearchContainer .searchInputs .makeAndModel .title { display: none; }
.leasing_cars .modifySearchContainer .searchInputs .makeAndModel .title.smallDevice { display: block; }
.new_cars .modifySearchContainer .searchInputs .title { font-size: 16px; }
.new_cars .modifySearchModal .searchInputs .element .headerElements { display: flex; justify-content: space-between; }
.modifySearchContainer .searchInputs .checkboxes { display: flex; }
.modifySearchContainer .searchInputs .checkboxes.vatDiscount { margin: -8px 0 8px 0; }
.modifySearchContainer .searchInputs .checkboxes .mbsc-checkbox-box { right: inherit; }
.modifySearchContainer .searchInputs .checkboxes .checkboxLabel { padding-left: 2.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.new_cars .modifySearchContainer .searchInputs .checkboxes .checkboxLabel { padding-left: 1.5em; }
.modifySearchContainer .searchInputs .group { width: 100%; }
.modifySearchContainer .searchInputs .group.fullRow { width: 100%; display: flex; flex-direction: column; }
.modifySearchContainer .searchInputs .group.leasingType { margin: 30px 0 20px 0; }
.modifySearchContainer.mobile .searchInputs .group.leasingType { margin-top: 10px; }
.modifySearchContainer .searchInputs .group.leasingType .switchMessage { display: none; font-style: italic; border: 1px solid #cdcdcd; padding: 5px 10px; margin: 10px 0 0 0; border-radius: 2px; max-width: 375px; text-align: center; }
.modifySearchContainer .searchInputs .group.leasingType .switchMessage.active { display: flex; align-items: center; justify-content: center; }
.modifySearchContainer .searchInputs .group.leasingType .switchMessage .icon { margin-left: 8px; color: #5BB7C5; font-size: 20px; }
.modifySearchContainer .searchInputs .group.leasingType .textLabel { cursor: pointer; }
.modifySearchContainer .searchInputs .group.makeAndModel .mbsc-label-inline.mbsc-input.mbsc-control-w .mbsc-label { width: 20%; }
.modifySearchContainer .searchInputs .element { display: inline-block; width: 100%; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer { margin-right: -20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer > div { position: relative; flex-basis: 40%; border: 2px solid #505149; border-radius: 3px; cursor: pointer; margin: 10px 20px 10px 0; flex-grow: 1; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer > div.active { background: #499EA3; border: 2px solid #499EA3; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer > div.active .checkboxLabel { color: #fff; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer > div.active .minMaxValues span { color: #fff; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer > div.disabled { border: 2px solid #b3b3b6; }
.modifySearchContainer .searchInputs .group.imageList .inputContainer > div.disabled span { color: #b3b3b6; } 
.modifySearchContainer .searchInputs .group.imageList .checkboxLabel { display: flex; align-items: center; }
.modifySearchContainer .searchInputs .group.imageList input { cursor: pointer; }
.modifySearchContainer .searchInputs .leasingTypeSwitches { display: flex; flex-direction: column; margin-left: -1em; }
.used_cars .modal .mbsc-mobiscroll .searchInputs .group.imageList .mbsc-checkbox { display: flex; justify-content: center; padding: 10px; cursor: pointer; }
.used_cars .modal .mbsc-mobiscroll .searchInputs .group.imageList.co2Emission .mbsc-checkbox { padding: 7px; }
.leasing_cars .modal .mbsc-mobiscroll .searchInputs .group.imageList .mbsc-checkbox { display: flex; justify-content: center; padding: 10px; cursor: pointer; }
.leasing_cars .modal .mbsc-mobiscroll .searchInputs .group.imageList.co2Emission .mbsc-checkbox { padding: 7px; }
.modal .mbsc-mobiscroll .searchInputs .group.imageList .mbsc-checkbox-box { display: none; }
.modifySearchContainer .searchInputs .group.imageList.fuelType .checkboxLabel img { margin-right: 5px; }
.modal .mbsc-mobiscroll .searchInputs .group.imageList.fuelType .mbsc-checkbox { padding: 10px 0; }
.modifySearchContainer .searchInputs .group.imageList.bodyType .inputContainer > div { flex-basis: 30%; height: 80px; border-radius: 5px; display: flex; justify-content: center; }
.modifySearchContainer .searchInputs .group.imageList.bodyType .inputContainer > div.active { background: #fff; }
.modifySearchContainer .searchInputs .group.imageList.bodyType .checkboxLabel { flex-direction: column; }
.modifySearchContainer .searchInputs .group.imageList.bodyType .checkboxLabel img { margin-bottom: 5px; }
.modifySearchContainer .searchInputs .group.imageList.bodyType .inputContainer > div.active .checkboxLabel { color: #499EA3; }
.modal .mbsc-mobiscroll .searchInputs .group.imageList.bodyType .mbsc-checkbox { padding: 0; width: 100%; align-items: center; }
.modifySearchContainer .searchInputs .group.imageList.popularFeatures .inputContainer > div { flex-basis: auto; }
.modifySearchContainer .searchInputs .group.location .mbsc-mobiscroll.mbsc-input { margin: 0; }
.modifySearchContainer .searchInputs .group.location .mbsc-input-wrap { display: none; }
.modifySearchContainer .searchInputs .group.location .mbsc-mobiscroll .mbsc-fr-popup { font-size: 14px; }
.modifySearchContainer .searchInputs .group.location .mbsc-mobiscroll .mbsc-sc-itm { font-size: 14px; }
.modifySearchContainer .searchInputs .group.location .inputContainer .title { font-size: 16px; font-weight: normal; }
.modifySearchContainer .searchInputs .group.location .mbsc-fr.mbsc-sc { z-index: 0; margin-bottom: 10px; }
.modifySearchContainer .searchInputs .group.location .mbsc-sc-whl { border: 1px solid rgba(217, 217, 219, 0.7); }
.modifySearchContainer .searchInputs .group.location .mbsc-mobiscroll .mbsc-sc-whl-w { margin: 0; }
.modifySearchContainer .searchInputs .group.location .municipality .mbsc-mobiscroll .mbsc-sc-whl-w { margin-right: 0; }
.modifySearchContainer .searchInputs .group.location .municipality.disabled .mbsc-mobiscroll .mbsc-sc-whl-w { background: #f7f7f7; }
.modifySearchContainer .searchInputs .group.location .mbsc-mobiscroll .mbsc-sc-whl-gr { padding: 2px 0; }
.modifySearchContainer .searchInputs .group.location .municipality.element { position: relative; }
.popup.mbsc-mobiscroll .group.location .mbsc-fr-w { min-width: auto; }
.new_cars .modifySearchContainer .searchInputs .element { width: 100%; }
.modifySearchContainer .searchInputs.colors .checkboxes { flex-wrap: wrap; }
.modifySearchContainer .searchInputs.colors .checkboxes label { width: 46%; }
.modifySearchContainer .searchInputs.colors .checkboxes input { cursor: pointer; }
.modifySearchContainer .searchInputs.colors .checkboxes .specialColors { border-bottom: 1px solid rgba(217, 217, 219, 0.7); padding: 0 0 20px 0; margin-bottom: 20px; width: 100%; display: flex; }
.modifySearchContainer .mbsc-label-inline.mbsc-input.mbsc-control-w { border: 1px solid #787878; border-radius: 3px; margin: 10px 0; }
.modifySearchContainer .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-label { background: rgba(217, 217, 219, 0.2) !important; font-weight: bold; text-align: center; }
.used_cars .modifySearchContainer .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-control { border: none; }
.leasing_cars .modifySearchContainer .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-control { border: none; }
.used_cars .modifySearchContainer .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-control.filterFeature { border: 1px solid #CCCCCC; padding-left: 35px; }
.modifySearchContainer .sliderInputs .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-control { border: 1px solid #787878; }
.modifySearchContainer.mbsc-mobiscroll a { color: #ffffff; width: 100%; background: #fff; text-align: center; margin: 0 0 10px 0; padding: 10px 0; }
.modifySearchContainer.mbsc-mobiscroll .sectionAnchors a { color: #499EA3; }
.modifySearchContainer.mbsc-mobiscroll .group a { color: #499ea3; }
.modifySearchContainer.mbsc-mobiscroll a.button.orange { color: #ffffff; text-transform: uppercase;  background-color: #ff9900; }
.modifySearchContainer.mbsc-mobiscroll a.advancedSearch { color: #4e9b96; text-transform: none; }
.modifySearchContainer.mbsc-mobiscroll a.resetQuickSearchButton i { margin-right: 2px; }
.modifySearchContainer.mbsc-mobiscroll a.clearSearch { color: #505149; }
.modifySearchContainer.mbsc-mobiscroll .notifyjs-container a.remodal-close { display: block; position: absolute; color: #568584; padding: 0; width: 25px; height: 25px; }
.modifySearchContainer.mbsc-mobiscroll .notifyjs-container a.remodal-close:before { content: "\00d7"; font-size: 25px; width: 28px; line-height: 25px; }
.modifySearchContainer.mbsc-mobiscroll .notifyjs-bootstrap-clearModifySearch { padding: 20px; }
.modifySearchContainer.mbsc-mobiscroll .driveTrain .mbsc-checkbox { padding: 1em 0.1em 1em 0.8em; }
.modifySearchContainer .searchInputs .group.imageList .driveTrain.inputContainer > div { flex-basis: 25%; }
.modifySearchContainer .submitContainer { text-align: center; width: 100%; }
.new_cars .modifySearchContainer .submitContainer { margin-top: -60px; }
.used_cars .modifySearchContainer .submitContainer .advancedSearchContainer { display: none; }	
.modifySearchContainer.mobile .submitContainer { margin: 0 auto 6.5em auto; }
.modifySearchContainer .clearOption { background-color: #ffffff; color: #499ea3; top: -0.4em; right: -0.48em; font-size: 27px; width: 27px; height: 26px; border-radius: 12px; text-align: center; z-index: 1; cursor: pointer; }
.new_cars .modifySearchContainer .clearOption { right: -0.18em; }
.modifySearchContainer .inputContainer { position: relative; }
.modifySearchContainer .submitContainer .remodal-close { display: none; position: inherit; }
.modifySearchContainer .submitContainer .remodal-close:before { content: none; }
.modifySearchContainer .excludeSelection { display: flex; align-items: center; justify-content: flex-end; }
.leasing_cars .modifySearchContainer .excludeSelection { justify-content: flex-start; }
.modifySearchContainer .excludeSelection.excludeColors { font-size: 16px; font-weight: normal; }
.modifySearchContainer .excludeSelection .textLabel { margin: 0 8px 0 -8px; }
.modifySearchContainer .mbsc-mobiscroll.mbsc-ltr.mbsc-switch { padding: 1em 3.375em 1em 1em; }
.modifySearchContainer .searchInputs .group .headerElements { text-transform: none; font-size: 16px; font-weight: normal; display: flex; justify-content: space-between; }
.modifySearchContainer .tags { display: none; position: relative; height: 28px; overflow: hidden; }
.modifySearchContainer .tags.active { display: flex; padding: 5px 5px 0 5px; }
.modifySearchContainer .tags .container { display: flex; align-items: center; flex-wrap: wrap; }
.modifySearchContainer .tags .remodal-close.main { flex-shrink: 0; padding: 8px 10px; margin: -5px 5px 0 -5px; position: relative; width: 16px; height: 16px; }
.modifySearchContainer .tags .remodal-close.main:before { line-height: 32px; }
.modifySearchContainer .tags .tag { height: 19px; line-height: 19px; padding: 2px 25px 2px 15px; margin: 0 5px 5px 0; background: #499EA3; border-radius: 20px; color: #fff; position: relative; flex-shrink: 0; }
.modifySearchContainer .tags .tag > span { font-size: 16px; }
.modifySearchContainer .tags .remodal-close.secondary { width: 18px; padding: 4px 0; height: 15px; }
.modifySearchContainer .tags .remodal-close.secondary:before { font-size: 12px; line-height: 24px; color: #fff; width: 15px;  }
.modifySearchContainer .tagsComponent { border-radius: 20px; overflow: visible !important; position: relative; background: rgba(217, 217, 219, 0.7); margin: 10px 0 20px 0;}
.modifySearchContainer .location .tagsComponent { margin: 10px 0; }
.modifySearchContainer .tagsComponent .seeMore { z-index: 2; display: none; height: 25px; color: #3D8286; cursor: pointer; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; font-size: 20px; background: linear-gradient(transparent, rgba(255,255,255,0.44) 30%, rgba(255,255,255,1)); }
.modifySearchContainer .tagsComponent .seeMore.open { background: none; }
.modifySearchContainer .tagsComponent .seeMore .fa:before { background: #fff; border-radius: 50%; font-size: 15px; padding: 5px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); bottom: -14px; position: absolute; }
.modifySearchContainer .model.inputContainer.disabled .mbsc-label { color: #b3b3b6; }
.modifySearchContainer .model.inputContainer.disabled .mbsc-label-inline.mbsc-input.mbsc-control-w { border: 1px solid #B3B3B6; }
.modifySearchContainer .searchInputs.featuresInputs .checkboxes { flex-wrap: wrap; }
.modifySearchContainer .searchInputs.featuresInputs { margin-top: 8px; }
.modifySearchContainer .searchInputs.featuresInputs .checkboxes > div { width: 100%; display: block; }
.modifySearchContainer .longLabel { display: none; }
.modifySearchContainer .shortLabel { display: block; }
.used_cars .modal .modifySearchContainer .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { padding: 10px 10px 10px 0; margin-left: -1em; }
.used_cars .modal .modifySearchContainer .group.imageList .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { margin-left: 0; }
.leasing_cars .modal .modifySearchContainer .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { padding: 10px 10px 10px 0; margin-left: -1em; }
.leasing_cars .modal .modifySearchContainer .group.imageList .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { margin-left: 0; }
.modifySearchContainer .submitContainer .buttons a.button { font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 18px; display: flex; align-items: center; }
.leasing_cars .modifySearchContainer .submitContainer .buttons a.button { justify-content: center; }
.modifySearchContainer .submitContainer .buttons { padding: 14px 0; margin: 0; display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: center; }
.used_cars .modifySearchContainer .submitContainer .buttons { padding: 14px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45); margin: 0 10px; border-top: 4px solid #52B1B7; }
.leasing_cars .modifySearchContainer .submitContainer .buttons { padding: 14px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45); margin: 0 10px; border-top: 4px solid #52B1B7; }
.modifySearchContainer .submitContainer { display: flex; flex-direction: column-reverse; margin: 0 auto; z-index: 6; background: white; }
.modifySearchContainer .submitContainer .buttons .submitQuickSearch { padding: 6px 25px; height: 41px; justify-content: center; }
.modifySearchContainer.mbsc-mobiscroll a { margin: 0; color: #4e9b96; text-transform: none; }
.modifySearchContainer .submitContainer .buttons > div { display: flex; }
.price.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c { min-width: 50%; }
.consumption.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c { min-width: 50%; }
.modifySearchModal .modifySearchContainer .searchInputs .title { padding: 10px 0; }
.modifySearchModal .modifySearchContainer .searchInputs .title.colorsTitle { display: flex; justify-content: space-between; align-items: center; }
.modifySearchModal .searchInputs .group.popularFeatures .headerElements { padding-bottom: 10px; flex-direction: column; align-items: flex-start; }
.modifySearchModal .modifySearchContainer .searchInputs .group.popularFeatures .title { padding-bottom: 0; }
.modifySearchModal .modifySearchContainer .searchInputs .group.popularFeatures .subtitle a { padding: 0; line-height: normal; background: none; }
.modifySearchModal .modifySearchContainer .searchInputs.featuresInputs .title { font-size: 16px; padding: 25px 0 10px 0; }
.used_cars .modifySearchModal .featuresTitle { text-align: left; padding: 10px 0; font-size: 17px; display: flex !important; flex-direction: column; justify-content: space-between; }
.modifySearchModal .featuresTitle > span { width: 100%; }
.modifySearchModal .featuresTitle span.mbsc-input-wrap { margin: 15px 0; }
.modifySearchModal .featuresTitle.mbsc-mobiscroll.mbsc-input-outline .mbsc-input-ic { font-size: 18px; top: -2px; color: #505149; margin: 0; height: 35px; }
.modifySearchModal .featuresTitle.mbsc-mobiscroll.mbsc-input { margin: 28px 28px -18px 28px; }
.modifySearchModal .featuresInputs .checkboxes > div:nth-of-type(1n+8) { display: none; }
.modifySearchModal .featuresInputs .showMore { padding: 0; width: 110px; text-align: left; text-decoration: none; }
.modifySearchModal .mbsc-mobiscroll.mbsc-input-outline.mbsc-input input.filterFeature { height: 35px; font-size: 18px; }
.modifySearchModal .mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-left-ic { left: 0; }
.modifySearchModal .warranties .mbsc-label-inline.mbsc-input.mbsc-control-w .mbsc-label { width: 42%; }
.notifyjs-bootstrap-base.notifyjs-bootstrap-clearModifySearch { font-size: 1em; }
.traveller .notifyjs-bootstrap-base.notifyjs-bootstrap-clearModifySearch { font-size: 1.3em; }
.notifyjs-bootstrap-clearModifySearch { width: 185px; margin-bottom: 5px; text-align: center; }
.modifySearchModal .co2Emission span.letter { display: inline-block; width: 35px; height: 34px; font-weight: bold; font-size: 20px; position: absolute; top: 0; left: 0; line-height: 33px; text-align: center; }
.modifySearchModal .co2Emission .inputContainer span { font-size: 16px; }
.modifySearchModal .co2Emission .inputContainer > div.active { background: #499EA3; border: 2px solid #499EA3; border-radius: 3px; }
.modifySearchModal .co2Emission .inputContainer > div.active { color: #fff; }
.modifySearchModal .co2Emission .A_emission .lessThen { margin-right: 5px; }
.modifySearchModal .co2Emission .A_emission .letter { background: #39B54A; color: #fff;  }
.modifySearchModal .co2Emission .B_emission .letter { background: #8DC63F; color: #fff;  }
.modifySearchModal .co2Emission .C_emission .letter { background: #CBDB2A; color: #fff;  }
.modifySearchModal .co2Emission .D_emission .letter { background: #FFF200; color: #000;  }
.modifySearchModal .co2Emission .E_emission .letter { background: #FEBF16; color: #000; }
.modifySearchModal .co2Emission .F_emission .letter { background: #F78E25; color: #000; }
.modifySearchModal .co2Emission .G_emission .letter { background: #F15A29; color: #000; }
.modifySearchModal .co2Emission .checkboxInput label { position: static; margin-left: 35px !important; }
.modifySearchModal .co2Emission .minMaxValues { text-align: center; }
.selectWarrantyImg { width: 35px; height: 35px; font-size: 10px; }
.selectWarrantyImgContainer { margin-right: 15px; width: 35px; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }

/* slider and inputs  */
.modifySearchContainer .sliderInputs { display: flex; }
.modifySearchContainer .sliderInputs .inputsSeparator { width: 15px; margin-top: 55px; border-top: 1px solid #787878;}
.used_cars .modifySearchContainer .sliderInputs .mbsc-mobiscroll.mbsc-input { margin: 10px 0; }
.used_cars .modifySearchContainer .sliderInputs { align-items: center; justify-content: space-between; }
.used_cars .modifySearchContainer .sliderInputs .inputsSeparator { margin: 0 25px; }
.used_cars .modifySearchContainer .group.rightSide .minMaxSlider .noUi-value.noUi-value-horizontal.noUi-value-large:last-child { transform: translate(0, 50%); left: auto !important; right: -17px; }
.leasing_cars .modifySearchContainer .sliderInputs { align-items: center; justify-content: space-between; }
.leasing_cars .modifySearchContainer .sliderInputs .mbsc-mobiscroll.mbsc-input { margin: 10px 0; }
.leasing_cars .modifySearchContainer .sliderInputs .inputsSeparator { margin: 0 25px; }
.modifySearchContainer .noUi-tooltip { display: none; background: #52B1B7 ; color: #FFF ; border-radius: 15px ; bottom: 130% !important; }
.modifySearchContainer .noUi-active .noUi-tooltip { display: block; }
.modifySearchContainer .minMaxSlider { margin: 50px 26px 60px 26px; }
.used_cars .modifySearchContainer .minMaxSlider { margin: 26px 17px 60px 17px; }
.leasing_cars .modifySearchContainer .minMaxSlider { margin: 26px 17px 60px 17px; }
.noUi-horizontal { height: 3px !important; }
.noUi-target { border-radius: 0px !important; background: #787878! important;  border: none !important; box-shadow: none !important;}
.noUi-connect {background: #52B1B7 !important; }
.noUi-handle { cursor: pointer !important; width: 35px !important; height: 35px !important; border: 1px solid #52B1B7 !important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important; box-sizing: border-box !important; border-radius: 17px !important; top: -16px !important; right: -17px !important; outline: none!important;}
.noUi-handle:after, .noUi-handle:before { display: none !important; }
.noUi-handle.noUi-active {  width: 47px !important; height: 47px !important; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF !important; border: 6px solid rgba(82, 177, 183, 0.65) !important; border-radius: 23px !important; top: -22px !important; right: -23px !important;}
.noUi-value-horizontal { margin-top: 5px; }
.sliderInputs .mbsc-err-msg { display: none; }
#modalModifySearch .mbsc-err-msg { position: absolute; font-size: 0.94em; left: 0; }
.used_cars #modalModifySearch { min-height: 1050px; }
.new_cars #modalModifySearch { min-height: 830px; }
#modalModifySearch .clearSearch .resetQuickSearchButton { color: #000; }
.modifySearchModal .mbsc-mobiscroll .mbsc-radio-box::after { background: #52B1B7; }
.modifySearchModal .mbsc-mobiscroll .mbsc-radio-box { border-color: #52B1B7; }
.modifySearchModal .mbsc-mobiscroll.mbsc-radio { padding: 0.5em 1.4em; cursor: pointer; }
.modifySearchModal .mbsc-radio-box { left: 0; }
.modifySearchModal .fuelConsumption .radioButtons { display: flex; justify-content: center; flex-wrap: wrap; margin-left: 1.4em; }
.modifySearchModal .sectionAnchors { margin: 0 28px 32px 28px; display: flex; justify-content: space-between; flex-wrap: wrap;  font-size: 12px; color: #499EA3; }
.modifySearchModal .sectionAnchors a { padding: 0; line-height: normal; width: 60%; }
.modifySearchModal .sectionAnchors a.right { text-align: right; width: 40%; }
.modifySearchModal .sectionAnchors a.left { text-align: left; }
.modifySearchModal .mobile .sectionAnchors { display: none; }

/* Mobiscroll */
.mbsc-fr-w { font-size: 70.5% !important; font-family: 'Roboto Condensed', Times !important; }
.mbsc-form { font-family: 'Roboto Condensed', Times !important; }
.mbsc-control-w { font-family: 'Roboto Condensed', Times !important; }
.mbsc-fr.mbsc-sc { z-index: 99999; }
.mbsc-sel .mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel { font-weight: normal; }
.mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel { font-weight: bold; background: #4545451a !important; }
.mbsc-sc-itm.mbsc-btn-e { text-align: left; }
.mbsc-sc-itm-ml {font-size: 22px !important;}
.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before { color:#499EA3 !important; }
.mbsc-mobiscroll .mbsc-sc-lbl { color:#499EA3 !important; }
.mbsc-sel-gr { line-height: 17px !important; white-space: pre-wrap !important; display: flex; align-items: center; }
.mbsc-sc-itm-3d.mbsc-sel-gr { margin: 0 !important; }
.mbsc-mobiscroll .mbsc-fr-btn0 { color:#499EA3 !important; font-weight: bold; }
.mbsc-fr-btn1 { background: #499EA3 !important; color: #fff !important; font-weight: bold; }
.mbsc-sc-whl-gr-3d { perspective: 1700px !important; }
.mbsc-input.mbsc-sel-filter-cont { margin-bottom: 0.5em !important; }
.mbsc-mobiscroll.mbsc-form { background: #ffffff !important; }
.mbsc-mobiscroll .mbsc-input-outline.mbsc-input .mbsc-label { background: #ffffff !important; }
.mbsc-mobiscroll .mbsc-input-outline.mbsc-input.disabled .mbsc-label { background: #f7f7f4 !important; }
.transmissionTypeDropdown .mbsc-sel-filter-cont { display: none; }
.mbsc-material .mbsc-fr-w { background: #ffffff !important; }
.mbsc-mobiscroll .mbsc-fr-popup { font-size: 2em; }
/* iOS mobile fix - mobiscroll calendar and tippy won't be displayed in the viewport otherwise */
.mbsc-fr-lock.mbsc-fr-lock-ios { top: 0 !important; }
.mbsc-mobiscroll .mbsc-checkbox-box { background: #ffffff !important; border: 2px solid #5AB5B1; }
.mbsc-mobiscroll .mbsc-checkbox input:disabled + .mbsc-checkbox-box { border: 2px solid #c8c8c8; }
.mbsc-mobiscroll .mbsc-checkbox input:disabled + .mbsc-checkbox-box::after { border-color: #c8c8c8 !important; }
.mbsc-mobiscroll .mbsc-checkbox-box:after { border-color: #5ab5b1 !important; top: 0.1em !important; left: .12em !important; } 
.mbsc-ic.icon.fas:before, .mbsc-ic.icon.fa:before { font-weight: 900; }
.mbsc-ic.icon:before { font-family: 'Font Awesome\ 5 Free'; }


/* Car advanced search pages */
.advSearchBlock { float: left; width: 100%; margin: 15px 0 0 0; border: 1px solid #cdcdcd; background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.advSearchBlock.paddingVertical { padding-top: 8px; padding-bottom: 8px; }
.advSearchCol, .advSearchColb { float: left; margin-right: 10px; }
.advSearchColCheckbox { float: left; margin-right: 10px; width: 300px; }
.advSearchCol1 { float: left; width: 100%; }
.advSearchCol2 { float: left; width: 100%; }
.advSearchColBorder { border-right: 1px solid #cdcdcd; }
.advSearchThreeCols { float: left; width: 99%; padding-bottom: 10px; padding-left: 10px; }
.advSearchHeader { min-height: 25px; line-height: 25px; font-size: 1.3em; padding-top: 10px; padding-left: 5px; }
.advSearchHeader div { text-transform: uppercase; font-weight: bold; padding: 0 20px 0 8px; }
.advSearchHeaderColorPanel { margin-top: 2px; padding-left: 2px; }
.advSearchFields { margin-bottom: 12px; margin-left: 12px; }
.advSearchFields .searchTagsContainer .selectedListing { display: block; }
.advSearchSliderFields { padding: 0 0 12px 15px; }
.advSearchSliderFields div { width: 100%; }
.advSearchSliderFields .checkboxInput label { top: 5px; }
.advSearchSliderFields .checkboxInput input { top: 8px; margin: 0 2px 0 0; }
.advSearchFields .nowrap.checkboxInput { float: left; width: 45% !important; padding: 0 10px 10px 0; }
.advSearchFields span.removable { float: left; padding: 0 4px 0 4px; line-height: 19px; margin: 0 4px 4px 0; font-weight: bold; cursor: pointer; }
.advSearchFields a { color: #333; }
.advSearchFields a:hover { text-decoration: none; }
.advSearchFields .inputContainer { position: relative; }
.advSearchFields .inputContainer .clearOption { z-index: 1; color: #499ea3; background-color: #ffffff; border-radius: 12px; cursor: pointer; height: 20px; width: 21px; font-size: 21px; top: -0.4em; right: 0.3em; }
.advSearchBlock .advSearchMultipleSelect { width: 45%; min-width: 125px; }
.advSearchTable { border-spacing: 0; border-collapse: collapse; width: 100%; margin: 8px 0; }
.advSearchTable .advSearchHeader { padding: 0 0 0 4px; }
.advSearchTable .advSearchSliderFields { padding-left: 12px; }
.advSearchTable td { width: 33%; vertical-align: top; border-right: 1px solid #cdcdcd; }
.advSearchTable td.advSearchTableLastCol { border: none; }
.advSearchTable td.twoCols { width: 50%; }
.advSearchHeader .exclude {color: #4e9b96; float:right; }
.advSearchHeader .exclude label {color: #505149; font-size: 1em; font-weight: 900; }
.advSearchHeader .exclude label:before {color: #4e9b96; }
#makesAndModelsFields { margin-left: 0; width: 100%; }
#makesAndModelsFields .makesAndModelsDropdowns { flex: 1; }
#makesAndModelsFields .searchTagsContainer { flex: 1; margin: 0 4%; display: table; width: 92%; }
#makesAndModelsFields .tagsHeader { font-size: 1.3em; font-weight: bold; margin-bottom: 3px; }
.allSelected { float:left; padding: 3px 4px 3px 4px; border: 1px solid #a2adb3; margin: 0 4px 4px 0; font-weight: bold; }
#travellerRelativeContainer { float: left; position: relative; width: 100%; }
.travellerPositioner { float: left; height: 0; }
.travellerPositionerSearch { float: left; height: 0; width: 100%; position: relative; }
#traveller { margin-top:10px; background-color:#fff; width: 99%; border: 1px solid #585F64; float: left; z-index: 900; box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #000000; -webkit-box-shadow: 0 3px 10px #000000; transform: translateZ(0); -webkit-transform: translateZ(0); }
#traveller .radioInput { display: inline; }
.opera #traveller { margin-top: 6px; }
#traveller_header { float: left; width: 100%; padding: 0 11px; box-sizing: border-box; }
#traveller_header > div { padding: 6px 0 0 0; }
#traveller_header  .checkboxInput { width: 15%; float: left; }
#traveller_header span:not(.saveSearchSpan) { float: left; }
#traveller_header > div > div a.button > span { font-size: 1.3em; line-height: 1.5em; font-family: 'Roboto Condensed', Times, serif;  font-weight: bold;}
#traveller_header > div > div a.button > span.fas.fa-chevron-right:before { float: right; margin-left: 10px; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;}
#traveller_header .travelerSearchButtonContainer { margin-top: 0; clear: both; float: left; }
#traveller_header #resultSet { width: 95%; font-size: 1.3em; font-weight: normal; display: none; }
#traveller_header #lock { margin-right: 5px; }
#traveller_header #lockText {  font-size: 2em; }
#traveller_header #resultSet span { font-weight: bold; float: none;}
#traveller_header .checkboxInput { width: auto; margin-top: 10px; }
#traveller_header #resultSet > div { float: left; }
#traveller_header #resultSet #numberOfSearchResults { margin-left: 5px; margin-right: 5px; }
#traveller_header span#searchButton { float: right; padding: 0 8px 0 0; }
#traveller_header input { text-align: center; }
#traveller_header label { line-height: 15px; }
#traveller_watch { display: none; float: left; width: 100%; padding: 10px 11px; margin-bottom: 10px; box-sizing: border-box; }
#traveller_watch .lock a { line-height: 25px; }
.travellerAdditionalControls { cursor: pointer; line-height: 25px; color: #4e9b96; font-weight: bold; }
#traveller_controls .sortingOrder, #traveller_controls .announcementAge { width: 185px !important; }
#traveller_watch a { font-weight: bold; }
#traveller_watch .savedSearches > a { font-weight: normal; }
#traveller_watch select { width: 190px; }
#traveller_controls { float: left; width: 100%; padding:0 11px; margin-bottom: 10px; box-sizing: border-box; }
#traveller_controls input { margin-top: 2px; }
.separatorTraveller { width: 96%; height: 1px; border-bottom: 1px solid #cdcdcd; float: left; margin-left: 2%; margin-right: 2%; margin-top: 10px;}
.separatorTravellerWatch { width: 99%; height: 1px; border-bottom: 1px solid #cdcdcd; float: left; margin: 10px 0 10px 0; }
#areaList { float: left; width: 50%; min-width: 300px; padding-bottom: 15px; }
#areasSelected { float: left; width: 50%; min-width: 300px; }
#areasSelected div { float: left; }
#areasSelectedList { clear: left; margin-top: 6px; width: 100%; }
#areasSelectedList div { margin: 0 5px 0 0; padding: 4px 0 4px 0; }
.fuelTypeContainer { margin: 10px 0 10px 0; padding-left: 12px; }
.fuelTypeContainer span.checkboxInput input{ vertical-align: baseline; }
.bodyTypes .checkboxInput { width: 30%;}
.transmissionCheckboxRow.checkboxInput, .driveTrainCheckboxRow.checkboxInput { vertical-align: baseline; width: 100%; }
.advSearchIcon { height: 40px; overflow: hidden; background: url('/images/common/search_pages/icons.png') no-repeat 0 0;}
.advSearchBodyType {  width: 78px; padding: 8px 0 8px 0;  text-align: center; }
.advSearchBodyType.last { border-right: none; }
.advSearchBodyType label { top:5px !important; margin-bottom: 10px;}
.advSearchBodyTypeImg { height: 30px; }
.advSearchBodyTypeImg .img { width: 60px; height: 25px; overflow: hidden; margin-left: 10px; background: url('/images/common/body_types.png') no-repeat; }
.advSearchBodyTypeImg label { display: block; height: 100%; }
.img.SEDAN { background-position: 0 0; }
.img.COUPE { background-position: -60px 0; }
.img.STATION_WAGON { background-position: -120px 0; }
.img.SPECIAL_CAR { background-position: -180px 0; }
.img.OFFROAD { background-position: -240px 0; }
.img.VAN { background-position: -300px 0; }
.img.MPV { background-position: -360px 0; }
.img.CONVERTIBLE { background-position: -420px 0; }
.img.PICK_UP { background-position: -480px 0; }
.img.HATCHBACK { background-position: -540px 0; }
.advSearchBodyTypeText { text-align: center; }
.guaranteeIcon{ float: left; padding: 5px; width:45px; height:45px; }
.serviceManualIcon { width: 40px; background-position: 0 0; margin-right: 4px; margin-left: 40px; margin-top: 15px; }
.serviceManualIcon label { display: block; height: 100%; }
.serviceManualCheckbox { float: left; }
.serviceManualCheckbox.checkboxInput {width: 100%; }
.serviceManualCheckbox.checkboxInput label {top:4px; }
.passengerContainer .checkboxInput, .doorCountContainer  .checkboxInput { width: 40px; line-height: 22px; }
#serviceManualIncluded { vertical-align: middle; margin-top: 2px; }
.driveContainer input { vertical-align: middle; margin-top: 2px; }
.transmissionFirstCol { float: left; width: 28%; }
.transmissionIconRow { float: left; width: 100%; height: 46px; }
.transmissionIconRow div { margin-left: 15px; }
.transmissionCol { float: left; width: 36%; }
.transmissionCheckboxRow { float: left; width: 100%; height: 25px; } 
.transmissionCheckboxRow div { float: left;  }
.transmissionTypeIcon { width: 40px; }
.transmissionTypeIcon.MANUAL { background-position: -80px 0; }
.transmissionTypeIcon.AUTOMATIC { background-position: -40px 0; }
.transmissionTypeIcon label { display: block; height: 100%; }
.driveTrainCol { float: left; width: 120px; }
.driveTrainIconRow { float: left; width: 100%; height: 46px; }
.driveTrainTypeIcon { width: 60px; }
.driveTrainTypeIcon.FRONT_WHEEL_DRIVE { background-position: -240px 0; }
.driveTrainTypeIcon.REAR_WHEEL_DRIVE { background-position: -300px 0; }
.driveTrainTypeIcon.FOUR_WHEEL_DRIVE { background-position: -360px 0; }
.driveTrainTypeIcon label { display: block; height: 100%; }
.driveTrainCheckboxRow { float: left; width: 100%; height: 25px; }
.passengerContainer { clear: left; float: left; margin-top: 10px; width: 100%; }
.passengerCountIcon { width: 40px; background-position: -420px 0; margin-top: 5px; }
.doorCountContainer { clear: left; float: left; margin-top: 10px; width: 100%; }
.doorCountIcon { width: 40px; background-position: -120px 0; margin-top: 5px; }
.fuelTypeContainer input { vertical-align: middle; }
span.fuelConsumptionTypeContainer input { margin-right: 4px; }
.checkboxInput.antiCorrosionWarranty { width: 100%; }
.checkboxInput.antiCorrosionWarranty label { top: 3px; } 
.checkboxInput.radioInput.benefitType {width: 60%;}
.co2EmissionImageContainer a { width: 26px; height: 26px; overflow: hidden; background: url('/images/new_cars/co2_emission_buttons/emission_buttons.png') no-repeat; display: inline-block; }
.co2EmissionImageContainer a.A { background-position: 0 0; }
.co2EmissionImageContainer a.B { background-position: 0 -26px; }
.co2EmissionImageContainer a.C { background-position: 0 -51px; }
.co2EmissionImageContainer a.D { background-position: 0 -77px; }
.co2EmissionImageContainer a.E { background-position: 0 -102px; }
.co2EmissionImageContainer a.F { background-position: 0 -128px; }
.co2EmissionImageContainer a.G { background-position: 0 -154px; }
.co2EmissionImageContainer a.A.selected { background-position: 0 -180px; }
.co2EmissionImageContainer a.B.selected { background-position: 0 -206px; }
.co2EmissionImageContainer a.C.selected { background-position: 0 -232px; }
.co2EmissionImageContainer a.D.selected { background-position: 0 -257px; }
.co2EmissionImageContainer a.E.selected { background-position: 0 -283px; }
.co2EmissionImageContainer a.F.selected { background-position: 0 -309px; }
.co2EmissionImageContainer a.G.selected { background-position: 0 -334px; }
.carsListItemImageContainer a.hideListItem { width: 20px; height: 26px; overflow: hidden; position: absolute; background: url('/images/used_cars/poista_kohde_listalta.png') no-repeat; display: inline-block; bottom: 7px; left: 7px; cursor: pointer; z-index: 1; display: none; }

.carsListItemCarDetailBottomContainer a.hideListItem { width: 20px; height: 26px; overflow: hidden; position: relative; background: url('/images/used_cars/poista_kohde_listalta.png') no-repeat; top: 8px; height: 40px; float: left; cursor: pointer; }
#noEnergyClassMessage { float: left; }
#appearancePanel { padding-left: 18px; }
.colorContainer.checkboxInput { width: 33%; min-height: 26px; }
#filterImages, #filterPublishTime { clear: both; margin-top: 10px; }
.quarantee .float-left { clear: both; }
.lock .display-inline-block { margin: 0 0 0 20px; }
.lock .display-inline-block a { margin: 10px 0 0; }
.lock .sortAndRestrict { clear: both; float: left; margin-top: 5px; }
.sortRestrictSearchResultsControls .sortingOrder, .sortRestrictSearchResultsControls .announcementAgeRestriction { width: 185px; }
.sortRestrictSearchResultsControls .advSearchFields { float: left; width: 98%; }
.sortRestrictSearchResultsControls .advSearchCol { width: 80%; clear: both; padding-bottom: 10px; }
.advancedSearchWarrantyInputRow { margin: 10px 10px 0 0; }
.additionalSearchButton { margin-right: 15px; }
.additionalSearchButton a { color: #fff; }
.additionalSearchButton a span { font-family: 'Roboto Condensed', Times, serif; font-weight: bold; font-size: 1.3em; line-height: 1.5em; float: left; }
.additionalSearchButton a span:before { float: right; margin-left: 10px; font-family: 'Font Awesome 5 Free'; font-style: 900; font-weight: bold; }
#usedCarsSearchPageContent { width: 100%; }
#bottomSubmitNewCarSearchLink { margin-bottom: 15px; }

#youTubeFrame { margin-top: 60px; }

.saveSearchSpan { display: inline-block; }

/* Car list pages */
.soloIcon { padding: 0 1px; } /* iOS fix for icomoon font-icons when used solo inside an anchor-tag */
.listMainColumn { float: left; width: 100%; font-size: 1.1em; }
.listSideColumn { float: left; width: 200px; font-size: 1.1em; display: none; }
.listMainColumn #almad-parade-1, .listMainColumn #almad-leaderboard-1 { text-align: center; }
.listSideColumn a { font-weight: bold; color: #fff;}
#newCarsQuickSearch .checkboxInput { margin-bottom: 5px; }
#stickySkyScraper { float: left; width: 100%; }
.carListRightSideBox, .carItemRightSideBox { padding: 10px; margin-top: 30px; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #fff; font-size: 1.1em; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.carListRightSideBox h2, .carItemRightSideBox h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
.carListRightSideBox h3, .carItemRightSideBox h3 { font-size: 1.15em; margin-top: 5px; }
.carListRightSideBox ul, .carItemRightSideBox ul { margin-bottom: 0; padding-left: 10px;}
.carListRightSideBox.articleBox h2 { margin-bottom: 5px; }
.carListRightSideBox .itemArticles { font-weight: bold;  color:#4e9b96; font-size: 1.1em;}
.carListRightSideBox .itemArticles .articleItem, .carListRightSideBox .itemArticles .itemArticleButtons { padding: 10px 0; }
.carListRightSideBox .itemArticles a > img { width: 135px; max-height: 126px; padding: 1px; }
.carListRightSideBox .itemArticles .itemArticleButtons { text-align: center; }
.carListRightSideBox .itemArticles .itemArticleButtons a { text-decoration: none; color: #4e9b96; }
.carListRightSideBox .itemArticles .separator { border-bottom: 1px solid #cdcdcd; }
.carListRightSideBox .itemArticles span { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.listSideBox { float: left; width: 180px; margin: 0 0 10px 0; padding: 10px; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #fff; display: none; }
.listSideBox h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}
.listSideBox h3 { font-size: 1.15em; margin-top: 5px; }
.listSideBox ul { margin-bottom: 0; padding-left: 10px;}
.listSideBox.articleBox h2 { margin-bottom: 5px; }
.listSideBox .itemArticles { font-weight: bold;  color:#4e9b96; }
.listSideBox .itemArticles .articleItem, .listSideBox .itemArticles .itemArticleButtons { padding: 10px 0; }
.listSideBox .itemArticles a > img { max-width: 168px; max-height: 126px; padding: 1px; }
.listSideBox .itemArticles .itemArticleButtons { text-align: center; }
.listSideBox .itemArticles .itemArticleButtons a { text-decoration: none; color: #4e9b96; }
.listSideBox .itemArticles .separator { border-bottom: 1px solid #cdcdcd; }
.listTools { font-size: 1.1em; font-weight: bold; float: right; width: 100%; }
.listTools.active { background-color: #ffffff; }
.listTools.links { display: flex; justify-content: flex-end; }
.listTools .tools { font-size: 1.1em; margin-right: 5px; }
.listTools.active .tools { background-color: #fff; }
.listTools .tools a { margin-right: 20px; color: #4e9b96; }
.listTools .tools a:hover { margin-right: 20px; text-decoration: none; }
.listTools .tools a:last-child { margin-right: 10px; }
.listTools .tools a:hover .toolIcon { color: #4e9b96; }
.listTools .tools span { color:#4e9b96; }
.listTools .comparison { cursor: pointer; font-size: 1em; display: none; margin-right: 10px; }
.listTools .comparison div {color: #4e9b96; display: inline-block; }
.listTools .comparison .countLabelContainer { float: none; }
.listTools .comparison .countLabelContainer span { margin: 0 2px 0 0; background-color: #FF9900; color: #fff; border-radius: 50%; display: inline-block; width: 1.65rem; height: 1.65rem; text-align: center; line-height: 1.6rem; font-size: 0.85em; }
.listTools.active .comparison, .listTools.active .comparison div { color: #4e9b96; }
.listTools .comparisonList .comparisonItemContainer { position: relative; float: left; max-width: 122px; }
.listTools .comparisonList .comparisonItemContainer:hover { border: 2px solid #ff9900; }
.listTools .comparisonList .used.comparisonItemContainer { margin: 0 32px 0 0; width: 48%; text-align: center; background-color: #fff; overflow: hidden; max-width: none; border-radius: 3px; }
.listTools .comparisonList .carsListContainer div:last-of-type { margin-right: 0; }
.listTools .comparisonList .remove { position: absolute; color: #505149; background-color: #fff; border-radius: 50%; font-size: 25px; text-shadow: none; top: 5px; right: 8px; cursor: pointer; width: 24px; height: 24px; }
.listTools .comparisonList .remove:hover { color: #4e9b96; }
.listTools .comparisonList .showComparison { float: left; width: 60px; text-align: center; }
.listTools .comparisonList .showComparison a { color: #fff; }
.listTools .comparisonList .showComparison a:hover { color: #ff9900; text-decoration: none; }
.listTools .comparisonList .showComparison .compareIcon { font-size: 3em; line-height: 1.1em; }
.listTools .comparisonList .image { height: 112px; width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.listTools .comparisonList .image > div { width: 100%; height: auto; }
.listTools .comparisonList img { display: inline; height: auto; width: 100%; max-width: 100%; max-height: 100%; }
.listTools .comparisonList .details { padding: 15px 10px 10px 10px; text-align: center; height: 87px; display: flex; flex-direction: column; justify-content: space-between; }
.listTools .comparisonList .details .makeAndModel { font-size: 14px; color: #505149; font-weight: bold; height: 36px; overflow: hidden; text-align: left; }
.listTools .comparisonList .details .removeItem { font-size: 14px; text-decoration: none; }
.listTools .comparisonHelp { position: absolute; width: 300px; margin-left: -150px; top: 28px; left: 50%; padding: 10px; background: #000; color: #efefef; border-radius: 5px; display: none; text-align: center; } 
.listTools .comparisonHelp .hideComparisonHelp { position: absolute; right: -12px; top: -12px; color: #fff; background-color: #000; border-radius: 50%; border-color: #000; font-size: 16px; text-shadow: none; cursor: pointer; width: 23px; height: 23px; line-height: 23px; text-align: center; }
.listToolsContainer { align-items: center; margin-bottom: 10px; }
.used_cars .listToolsContainer { margin: 0; }
.listToolsContainer .listToolsContent { display: flex; flex-direction: column; border: 1px solid #cdcdcd; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);  border-radius: 2px;}
.listToolsContainer .content { display: flex; line-height: 3em; flex-direction: column; align-items: center; }
.compareCarsLinkContainer { position: absolute; bottom: 20px; left: 3px; right: 0; }
.compareCarsLinkContainer a.button.disabled { font-size: 16px; padding: 8px 24px; }
.listHeading { padding: 15px 10px; }
.listHeading h1 { font-size: 1.5em; font-weight: bold; text-transform: uppercase; }
.listHeading h2 { font-size: 22px; font-weight: normal; text-align: center; }
.listSorting { padding: 10px 10px 0 10px; font-size: 0.8em; font-weight: bold;}
.listSorting.activeComp { margin-top: 17em; }
.listSorting .filterList { display: none; }
.listSortInfoText { display: none; line-height: 15px; width: 33px; }
.listSorting .sortingOrder { width: 150px !important; }
.listSorting .dealerType { font-size: 1em; position: relative; display: flex; flex-direction: column-reverse; justify-content: space-between; text-transform: uppercase; }
.listSorting .dealerTabs { margin: 10px 0 10px 0; padding: 0; display: flex; }
.listSorting .tab { color: #000000; display: inline-block; line-height: 3.5em; zoom: 1; *display: inline; *margin-right: 6px; background: none; flex: 1; text-align: center; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; }
.listSorting .tab a { color: #909090; display: block; padding: 0 12px; outline: none; font-weight: bold; font-size: 1.2em; }
.listSorting .tab a:hover { text-decoration: none; color: #797979; }
.listSorting .tab.active { background: #499EA3; color:#ffffff; font-weight: bold; position: relative; }
.listSorting .tab.active a { color:#fff; }
.listSorting .buttonsContainer { display: flex; }
.used_cars .listSorting .buttonsContainer, .leasing_cars .listSorting .buttonsContainer  { display: block; margin: -5px auto 20px auto; text-align: center; }
.listSorting .buttonsContainer a.button { height: 36px; line-height: 36px; padding: 0; width: 100%; text-align: center; box-sizing: border-box; }
.listSorting .buttonsContainer a:hover { text-decoration: none; }
.listSorting .buttonsContainer a.button.showModifySearch { margin: 0 0.6em 0 0; flex: 1.2; }
.used_cars .listSorting .buttonsContainer a.button.showModifySearch, .leasing_cars .listSorting .buttonsContainer a.button.showModifySearch { margin: 0; padding: 0 20px; font-size: 16px; width: auto; }
.listSorting .buttonsContainer a.button.saveSearch { background-color: #fff; margin: 0; border: 1.5px solid #52B1B7; color: #499EA3; line-height: 27px; }
.listSorting .buttonsContainer a.button.saveSearch.disabled { color: #fff; border: none; }
.listSorting .buttonsContainer .saveSearchContainer { display: inline-block; flex: 1; }
.used_cars .listSorting .buttonsContainer a.button.saveSearch { display: none; }
.listPagination { background-color: #ffffff; padding: 10px; margin-bottom: 5px; border: 1px solid #CDCDCD; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.listPagination .buttonContainer { min-height: 20px; font-size: 3em; }
.listPagination .buttonContainer.next { display: none; }
.listPagination .buttonContainer.nextmobile { text-align: right; }
.listPagination .buttonContainer a { color: #505149; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.listPagination .buttonContainer a:hover { color: #5ab5b1; text-decoration: none; transition: color 0.3s;  -webkit-transition: color 0.3s; }
.listPagination .carsCount { width: 167px; text-align: center; }
.listPagination .pageCounterContainer { font-size: 1.15em; text-align: center; }
.listPagination .pageCounterContainer a { font-weight: bold; padding: 0 4px; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; }
.listPagination .pageCounterContainer a:hover { background-color: #cecece; text-decoration: none; border-radius: 2px; }
.listPagination .pageCounterContainer hr { border: solid #cacaca; border-bottom-style: none; }
.listPagination .pageCounterContainer .currentPage, #cmsArticlesContainer .listNavi .currentPage{ background-color: #ff9900; color: #fff; padding: 0 4px; font-weight: bold; border-radius: 2px; }
.listPagination .pageCounterContainer .page { font-style: normal; }
.listPagination .sortTools { padding-top: 8px; line-height: 20px; }
.listPagination .sortingOrder { width: 185px !important; }
.listPagination .pageLabel { float: left; line-height: 20px; }
.listPagination .pageList { line-height: 19px; text-align: left; margin: 10px 0 0 0; }
.listPagination .listPagerCounter.carItemList { height: auto; display: flex; flex-direction: column-reverse; justify-content: space-between; }
.listPagination .listPagerCounter.carItemList.no-pagination { margin-top: 10px; }
.listPagination.bottom .listPagerCounter.carItemList.no-pagination { margin-top: 0; }
.listPagination .filters { display: flex; flex-direction: column; justify-content: space-between; }
.listPagination .filters .mbsc-mobiscroll.mbsc-control-w { background-color: #ffffff !important; color: #c7c7c7; font-size: 15px; } 
.listPagination .filters.mbsc-mobiscroll .mbsc-input-box.mbsc-input .mbsc-input-wrap { background: #499EA3; }
.listPagination .filters.mbsc-mobiscroll .mbsc-input { margin: 0 10px 0 0; border: 1px solid #e2e2e2; border-radius: 3px; width: 100%; }
.listPagination .filters.mbsc-mobiscroll .mbsc-input input { color: #499EA3; border: 0; text-transform: uppercase; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listPagination .filters.mbsc-mobiscroll .mbsc-select .mbsc-ic:before { font-weight: bold; }
.listPagination .filters.mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic { right: .6em; }
.listPagination .filters.mbsc-mobiscroll .mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic { top: 1.2em; }
.listPagination .filters.mbsc-mobiscroll .mbsc-select:last-child { margin: 10px 0 0 0; }
.listPagination .pager { margin-right: 0; display: none; }
.listPagination .pager .listPages { justify-content: space-between; } 
.itemListFilter.mbsc-mobiscroll .mbsc-input.mbsc-sel-filter-cont { display: none; }
.itemListFilter.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm { padding: 0 1em; }
.itemListFilter.mbsc-mobiscroll .mbsc-fr-w { font-size: 13px; }
#pageAndDropdownContainer { width: 100%; }
#listContent { position: relative; }
.listContent > div { margin-bottom: 10px; }
.listContent > div.listAd { margin-bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; }
.listContent > div.preListAd { margin-bottom: 5px; }
.listContent > div.postListAd { margin-top: 5px; }
.listContent img { animation: none; -webkit-animation: none; }
.listDisclaimer { margin: 20px 0; color: #959595; }
.backToTop { display: none; position: fixed; top: 100px; right: 0; cursor: pointer; transition: top 300ms cubic-bezier(.25,.46,.45,.94); }
.backToTop .toTopText { width: 60px; display: block; text-align: center; font-size: 12px; text-decoration: none; color: #c1c1c1; -webkit-transition: color 1s; -moz-transition: color 1s; transition: color 1s; }
.backToTop .toTopIcon { width: 45px; height: 45px; display: block; margin: 0 auto 4px auto; background-color: rgba(50, 50, 50, 0.15); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; transition: background-color 1s;  text-align: center; }
.backToTop .toTopIcon > span { font-size: 40px; color: #fff; }
.backToTop:hover .toTopText { color: #232323; }
.backToTop:hover .toTopIcon { background-color: rgba(50, 50, 50, 0.75); }
#megaBoxContainer { margin: 10px 0; }
.dealerTabs a span, .dealerTabs a em { display: none; font-style: normal; }
.listRow { position: relative; display: inline-block; border: 1px solid #505149; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.listRow .imageContainer { position: relative; float: left; width: 40%; height: 100%; min-height: 170px; color: #fff; background-color: #505149; z-index: 1; }
.listRow .imageContainer .itemImage { text-align: center; }
.listRow .imageContainer img { max-width: 122px; }
.listRow .imageContainer .itemFigures {padding-left: 10px; }
.listRow .imageContainer .itemFigures .price { font-size: 1.5em; line-height: 1.4em; font-weight: bold; }
.listRow .imageContainer .itemFigures .priceTooltip { float: right; margin-top: 4px; margin-right: 5px; width: 18px; height: 19px; }
.listRow .imageContainer .itemFigures .priceUpTooltip { background: url('/images/used_cars/at_price_change.png') 0 0; }
.listRow .imageContainer .itemFigures .priceDownTooltip { background: url('/images/used_cars/at_price_change.png') 0 -18px; }
.listRow .imageContainer table, .listRow .imageContainer tr, .listRow .imageContainer td { padding: 0; line-height: 1.1em; }
.listRow .imageContainer .listBadge { position: absolute; top: -6px; left: -6px; }
.listRow .imageContainer .listBadge img { margin: 0; padding: 0; }
.listRow .detailsContainer { position: relative; float: left; width: 60%; height: 100%; min-height: 170px; background-color: #ffffff; }
.listRow .itemDetails { float: left; width: 100%; padding-top: 5px; }
.listRow .itemDetails .details { float: left; height: 100%; margin: 0 10px; }
.listRow .itemDetails .details a { font-size: 1.15em; font-weight: bold; }
.listRow .warranty { margin-top: 10px; display: none; }
.listRow .itemDetails .warranty { display: none; }
.listRow .itemDetails .warranty .warrantyLogo { width: 45px; height: 45px; }
.listRow .itemDetails .warranty .extraImage { width: 45px; height: 30px; margin-top: 4px; }
.listRow .itemDetails .logo { width: 100%; float: left; height: 100%; text-align: left; margin-right: 10px; }
.listRow .itemDetails .logo div { margin: 2% 0 0 2%; }
.listRow .itemDetails .logo a { display: block; }
.listRow .itemDetails .logo img { max-width: 140px; max-height: 50px; margin-bottom: 0; }

.listRow.noResults table { border-collapse: collapse; margin-top: 32px; margin-left: auto; margin-right: auto; color: red; font-size: 17px; }
.listRow .imgCol { float: left; width: 96px; height: 100%; background: #e3e7ea; }
.listRow .imgCol .imgCont { text-align: center; height: 68px; position: relative; }
.listRow .imgCol .imgCont div { padding: 8px 0 0 0; }
.listRow .imgCol .imgCont div img { border: 1px solid #535a60; }
.listRow .imgCol .imgCont img.img24h { position: absolute; left: 3px; top: 3px; }
.listRow .imgCol .imgCont img.alternativCar { width: 80px; }
.listRow .descriptionColumn { float: left; width: 302px; word-wrap: break-word; }
.listRow .descCont { padding: 0 3px 0 15px; }
.listRow .descCont .description p { height: 43px; line-height: 1.1em; overflow: hidden; margin: 0; }
.listRow .descriptionColumn a { font-weight: bold; }
.listRow .descriptionColumn a span p { margin: 5px 0 0 0; }
.listRow .equipmentColumn { float: left; width: 63px; padding: 16px 0 0 0; margin: 0 19px 0 0; overflow: hidden; }
.listRow .equipmentColumn .equipmentList { width: 66px; height: 63px; margin: 0; }
.listRow .figuresColumn { float: left; width: 100px; padding: 16px 0 0 0; font-weight: bold; font-size: 1.1em; }
.listRow .advertisersColumn { float: left; width: 50px; height: 100%; }
.listRow .advertisersColumn table { border-collapse: collapse; height: 100%; }
.listRow .advertisersColumn table tr td { vertical-align: middle; text-align: center; }
.listRow .advertisersColumn table tr td .warrantyLogo { width: 45px; height: 45px; }
.listRow .advertisersColumn table tr td .extraImage { margin-top: 4px; width: 47px; height: 24px; }
.listRow .dealerColumn { float: left; width: 145px; margin-left: 10px; }
.listRow .dealerLogo { margin-top: 10px; text-align: center; }
.listRow .dealerName { text-align: center; }
.listRow.noResults table { border-collapse: collapse; margin: 5px; color: red; font-size: 15px; }
.listAd { margin: 0 0.6%; }
.newlyAdded { width: 32px; height: 32px; background-size: 32px; background: url('/images/common/list_pages/newly_added_badge.png') no-repeat; }
.newlyAdded.dayOne { background-position: 0 0; }
.newlyAdded.dayTwo { background-position: 0 -33px; }
.newlyAdded.dayThree { background-position: 0 -66px; }
.carsListItemCarDetailTopContainer { height: 105px; margin: 5px 10px 10px 15px; position: relative; }
.carsListItemCarDetailTopContainer .mediaTags { width: 138px; height: 40px; position: absolute; right: 10px; bottom: 0; display: none; text-align: right; }
.carsListItemCarDetailTopRightContainer { margin-top: 5px; overflow: auto; overflow-y: hidden; }
.carsListItemCarDetailTopRightContainer .logo img { max-height: 53px; }
.carsListItemNameLink { font-size: 1.35em; font-weight: bold; }
.carListItemDescription { display: none; }
.carsListItemCarNameContainer { height: 46px; overflow: hidden; }
.carsListItemCarDetailBottomContainer { height: 40px; background: #8c8d92; color: #fff; padding: 0 10px; font-size: 1.5em; line-height: 40px; text-align: right; }
.carsListItemCarDetailBottomContainer .sep { display: inline-block; padding: 0 5px; }
.priorityCarItem { border-color: #ff9900 !important; }
.priorityCarItem .carsListItemCarDetailBottomContainer { background-color: #ff9900; }
.priorityCarItem .carsListItemImagesContainer .imgNav { background-color: #ff9900; }
.priorityCarItem .carsListItemImagesContainer .imgNav li.active span { background-color: #505149; }
.priorityCarItem .carsListItemImageContainer .addToFavorite { background-color: rgba(255, 153, 0, 0.7); }
.priorityCarItem > .imageContainer { background-color: #ff9900; }
.priorityCarItem .carsListItemCompare .checkboxInput input[disabled="disabled"] { background-color: #ff9900; }
.carsListItemCarBottomContainerItem { display: inline-block; }
.carsListItemCarPrice { display: inline-block; font-weight: bold; }
.carsListItemCarPrice .disclaimer.tooltip { color: #313131; vertical-align: super; background: #fff; border-radius: 50%; }
.carsListItemCarPrice .disclaimer.desktop.tooltip { display: none; }
.carsListItemCarPrice .priceTooltip { display: inline-block; width: 18px; height: 18px; }
.carsListItemCarPrice .priceUpTooltip { background: #fff url('/images/used_cars/at_price_change_up.png'); border-radius: 50%; }
.carsListItemCarPrice .priceDownTooltip { background: #fff url('/images/used_cars/at_price_change_down.png'); border-radius: 50%; }
.carsListItemCompare { font-size: 0.7em; font-weight: bold; float:right; display: none;}
.carsListItemCompare .checkboxInput input { top:12px; }
.carsListItemCompare .checkboxInput input[disabled="disabled"] { background-color: #505149; }
.checkboxInput input[disabled="disabled"] { background-color: #ebebe4; border-color: #cccccc; }

.carsListItemImagesContainer { min-height: 184px; }
.carsListItemImageContainer { text-align: center; background-color: #cdcdcd; }
.carsListItemImagesContainer .listBadge { position: absolute; top: 8px; left: 8px; }
.carsListItemImagesContainer .imgNav {display: none;}
.carsListItemImagesContainer .imgNav ul { width: 100%; text-align: center; margin: 0; padding: 0; }
.carsListItemImagesContainer .imgNav li { color: red; display: inline-block; margin: 0 3px; }
.carsListItemImagesContainer .imgNav li span { width: 10px; height: 10px; display: block; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.carsListItemImagesContainer .imgNav li.active span { background: #953778; }
.carsListItemImagesContainer .videoBadge { display: block; width: 26px; height: 30px; font-size: 30px; position: absolute; top: 40%; left: 50%; margin-top: -15px; margin-left: -13px; color: #fff; text-decoration: none; }
.carsListItemImageContainer .addToFavorite { position: absolute; right: 0.5em; top: 0.8em; font-size: 1.5em; color: #ffffff; width: 34px; height: 32px; background-color: rgba(80, 81, 73, 0.7); border-radius: 20px; }
.carsListItemImageContainer i.favoriteImg { position: relative; top: 0.25em; }
.carsListItemImageContainer a.addToFavorite:hover { color: #ffffff; }
.carsListItemImage { max-width: 100%; max-height: 210px; }
.listNavi { float: left; position: relative; z-index: 1; width: 805px; margin: 10px 0 0 0; }
.listNavi .sortOrder { width: 227px; }
.listNavi .sortOrderSpinner { position: relative; width: 16px; height: 16px; }
.listNavi .resultsPerPage { width: 80px; }
.listNavi .resultsPerPageSpinner { position: relative; width: 16px; height: 16px; }
.listNavi table.listPagerContainer {  border-collapse: collapse; margin-left: auto; margin-right: auto; }
.listNavi .itemNaviLeft { float: left; height: 23px; line-height: 23px; font-weight: bold; border: 1px solid #a2abb2; border-right: 0; }
.listNavi .itemsShown { float: left; padding: 0 10px 0 10px; border-right: 1px solid #a2abb2; }
.listNavi .listPages { float: left; height: 23px; line-height: 23px; border: 1px solid #a2abb2; border-left: 0; padding-right: 1px; } 
.listNavi .listPage { float: left; }
.listNavi .listPage a { float: left; padding: 0 5px 0 5px; font-weight: bold; }
.listNavi .listPage a:hover { background: #eee; }
.listNavi .listPage em { font-style: normal; font-weight: bold; padding: 0 5px 0 5px; }
.listNavi .previousPage, .listNavi .nextPage {  float: left; padding: 0 5px 0 5px; } 
#similarCars { background: none; padding: 0; }
.listCarFactsPanel a, .carFactsNewContentPanel a { color: #4e9b96; font-weight: bold; }
.articleGeneralInfo .imgCol { margin-bottom: 5px; margin-top: 5px; overflow: hidden;}
.idcIcon { background: #51534a none repeat scroll 0 0; border: 2px solid #5db4b0; border-radius: 50%; color: white; font-size: 13px; font-weight: bold; height: 30px; left: 7px; position: absolute; text-align: center; top: 7px; width: 30px; z-index: 2; }
.idcIcon::before { content: "HETI"; display: block; font-size: 9px; margin-top: 4px; }
.idcIcon::after { content: "AJOON"; display: block; font-size: 7px; }
.carListHeader { font-size: 1.1em; float: left; box-sizing: content-box; width: 100%; width: 100%; }
.carListHeader.carFacts { margin-bottom: 20px; }
.carListHeader.searchTags { margin: 20px 0 0 0; }
.new_cars .carListHeader.searchTags { margin: 10px 0; }
.carListHeader .container { padding: 1%; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; display: flex; flex-direction: column; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.carListHeader.searchTags .container { padding: 0; border-top: 10px solid #52B1B7; }
.carListHeader.searchTags .container .firstLine { display: flex; justify-content: space-between; padding: 0; flex-direction: column; }
.showHiddenItems { display: none; font-size: 15px; align-items: center; flex-shrink: 0; }  
.showHiddenItems .textLabel { cursor: pointer; }
.showHiddenItems .mbsc-mobiscroll.mbsc-ltr.mbsc-switch { padding: 1em 3em 1em 1em; }
.saveSearchListPageTraveller { display: none; position: fixed; bottom: 53px; right:0; border-radius: 0; background: #fff; padding: 6px 5px;  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: -0 0 10px rgba(0, 0, 0, 0.5); z-index: 10; }
span.saveSearchText { font-size: 1.2em; line-height: 1.2em; font-family: 'Roboto Condensed', Times, serif; font-weight: bold;}
span.saveSearchText.fas.fa-chevron-right::before {float: right; font-family: 'Font Awesome 5 Free'; font-style: 900; font-weight: bold; margin-left: 10px; }
.searchTagsContainer .selectedListing { border-top: 1px solid #B3B3B6; display: none; justify-content: space-between; }
.searchTagsContainer .selectedListing .tagsComponent { width: 100%; overflow: visible !important; position: relative; background: rgba(217, 217, 219, 0.7); }
.searchTagsContainer .selectedListing .tagsContainer { padding: 5px 15px 0 40px; height: 28px; overflow: hidden; }
.searchTagsContainer .selectedListing .title { font-size: 18px; padding: 5px 0 10px 0; display: none; }
.searchTagsContainer .selectedListing .turquoiseBg { background-color: #499ea3; padding: 3px 32px 3px 10px; color: #fff; font-size: 11px; font-weight: bold; margin: 0 10px 5px 0; display: flex; align-items: center; cursor: pointer; border-radius: 20px; position: relative; float: left; height: 17px; line-height: 17px; }
.searchTagsContainer .selectedListing .turquoiseBg.super { line-height: 8px; }
.searchTagsContainer .selectedListing .turquoiseBg .remodal-close:before { line-height: 22px; }
.searchTagsContainer .selectedListing .exclude .turquoiseBg { background-color: #ea1c1c; }
.searchTagsContainer .selectedListing > .removeAll { display: none; text-decoration: none; font-size: 18px; color: #505149; margin-top: 6px; }
.searchTagsContainer .selectedListing .remodal-close { color: #fff; font-weight: normal; height: 23px; width: 33px; }
.searchTagsContainer .selectedListing .remodal-close:before { line-height: 25px; font-size: 20px; }
.searchTagsContainer .selectedListing .remodal-close.removeAll { color: #505149; left: 1px !important; top: 4px;}
.searchTagsContainer .selectedListing .remodal-close.removeAll:before { font-size: 30px; }
.searchTagsContainer .selectedListing div.seeMore { display: none; height: 25px; color: #3D8286; cursor: pointer; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; font-size: 20px; background: linear-gradient(transparent, rgba(255,255,255,0.44) 30%, rgba(255,255,255,1)); }
.searchTagsContainer .selectedListing div.seeMore .fa:before { background: #fff; border-radius: 50%; font-size: 15px; padding: 5px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); bottom: -14px; position: absolute; }

/* Used cars list page */
div.inputContainer.checkboxInput { margin-right: 0 !important; }
div.range.fuelConsumption {margin-top: 10px;}
.used .listTools { float: left;}
.used .listTools.active { float: left; }
.used .listRow { width: 100%; background: #fff; }
.used .listRow .imageContainer img { max-height: 91px; }
.used .listRow .itemDetails { height: auto; }
.used .listRow .itemDetails .details { width: 96%; margin: 0 2%; overflow: hidden; }
.used .listRow .itemDetails .warranty { width: 45px; }
.usedCarListItemDealerName { font-weight: bold; }
.usedCarsListItemCarMeterReading { display: inline-block; }
.usedCarsListItemCarModelYear { display: inline-block; }

.usedCarsListPagination { padding: 10px; }
.usedCarsListPagination .listPages { display: flex; justify-content: space-between; }
.usedCarsListPagination .listPages .listPage { font-family: Roboto Condensed; font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; display: flex; align-items: center; text-align: center; }
.usedCarsListPagination .listPages .listPage a { font-weight: normal; color: #505149; }
.usedCarsListPagination .previousPage, .usedCarsListPagination .nextPage { font-style: normal; font-weight: 900; font-size: 17.0455px; line-height: 20px; display: flex; align-items: center; text-align: center; }
.usedCarsListPagination .listPages .inactive .listPagerCounterFas { color: #B3B3B6; cursor: default; }
.usedCarsListPagination .listPages .active .listPagerCounterFas { color: #52B1B7; }
.usedCarsListPagination .listPages .listPage span { padding: 4px 10px; }
.usedCarsListPagination .listPages .listPage .currentPage { background: #BAE0E2; border-radius: 3px; color: #499EA3; }
    
.usedCarsListSort { display: block; margin: 20px 0; }    
.usedCarsListSort .title { font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; display: flex; align-items: center; flex-shrink: 0; color: #505149; }
.usedCarsListSort .dropdowns { display: flex; align-items: center; justify-content: space-between; flex-direction: column; width: 100%; }
.usedCarsListSort .dropdowns .mbsc-select-input.mbsc-control { z-index: 2; border-bottom: 0.5px solid #B3B3B6; padding: 0; font-size: 15px; line-height: 18px; color: #505149; font-style: normal; font-weight: normal; }
.usedCarsListSort .dropdowns .mbsc-input-wrap .mbsc-select-ic { z-index: 1; height: 100%; display: flex; align-items: center; top: 0; font-size: 15px; line-height: 18px; color: #505149; font-style: normal; font-weight: normal; } 
.usedCarsListSort .dropdowns > div { margin: 0; height: 100%; width: 100%; }
.usedCarsListSort .dropdowns.mbsc-form:before { display: none; }
.usedCarsListSort .dropdowns.mbsc-form:after { display: none; }
.usedCarsListSort.mobile { display: flex; justify-content: space-between; height: 30px; flex-direction: row; padding: 0 21px; }
.usedCarsListSort.mobile .dropdowns { width: auto; }
.dropdowns .mbsc-input-wrap { height: 100%; display: flex; align-items: center; } 

.sortDropdownPanel .mbsc-mobiscroll.mbsc-control-w { display: none; }
.sortDropdownPanel .mbsc-fr-w { background: #FFFFFF !important; box-shadow: none !important; border: 0.5px solid rgba(217, 217, 219, 0.7); }
 
.stickyComponent {transition: top 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); display: none; width: 100%; top:100px; z-index:6; position: absolute; height:60px; background: #FFFFFF; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); border-radius: 1px; }
.mobileDevice .stickyComponent { display: none !important; }
.tabletDevice .stickyComponent { display: none !important; }
.stickyComponent .container { max-width: 1000px; width: 1000px; margin: 0 auto; display:flex; justify-content: space-between; }
.stickyComponent .container .sorting { display: flex; height: 100%; flex:65%; }
.stickyComponent .container .sorting .title { display: none; }
.stickyComponent .container .button { text-decoration: none; }
.stickyComponent .dropdowns { display: flex; align-items: center; flex: 1; }
.stickyComponent .dropdowns > div { margin: 0; height: 100%; }
.stickyComponent .dropdowns .mbsc-input-wrap { height: 100%; display: flex; align-items: center; }
.stickyComponent .dropdowns .mbsc-select-input.mbsc-control { z-index: 2; border-bottom: none; height: 100%; padding: 0 15px; font-size: 15px; line-height: 18px; color: #505149; font-style: normal; font-weight: normal; }
.stickyComponent .dropdowns > div { border-right: 0.5px solid rgba(217, 217, 219, 0.7); }
.stickyComponent .dropdowns .mbsc-input-wrap .mbsc-select-ic { z-index: 1; height: 100%; display: flex; align-items: center; top: 0; right: 15px !important; font-size: 15px; line-height: 18px; color: #505149; font-style: normal; font-weight: normal; } 
.stickyComponent .dropdowns .sellerTypeDropdown {max-width: 130px; flex: 37%; }
.stickyComponent .dropdowns .sortingDropdown {max-width: 170px; flex: 33%; }
.leasing_cars .stickyComponent .dropdowns .sortingDropdown { max-width: 255px; }
.stickyComponent .dropdowns .resultsPerPageDropdown {max-width: 140px; flex: 33%; }
.stickyComponent .buttons {display: flex; padding: 11px 5px; flex: 35%; justify-content: flex-end; }
.stickyComponent .buttons .showModifySearch { font-size: 16px; line-height: 19px; margin:0 20px 0 0; padding: 9px 15px; display: inline-block; }
.stickyComponent .buttons .usedCarsSaveSearchLink { font-size: 16px; line-height: 15px; background-color: #fff; border: 1.5px solid #52B1B7; color: #499EA3; margin: 0; padding: 5px 15px; display: inline-block; }
.stickyComponent .buttons .usedCarsSaveSearchLink.disabled { border: 1.5px solid #fff; color: #fff; }

.stickyComponent .buttons .saveSearchContainer { display: inherit; }

/* New cars list page */
.newCarQuickSearchButton { background-color: #ff9900; color: #fff; border-radius: 3px; width: 180px; height: 38px; border: none; font-size: 17px; font-weight: bold; }
.newCarListOfficeContainer { float: right; }
.new.carsListItemCompare .checkboxInput input { top:2px; }
.new .listRow { width: 100%; background: #fff; }
.new .listRow .imageContainer img { max-height: 76px; }
.new .listRow .itemDetails { height: auto; }
.new .listRow .itemDetails .details { width: 96%; margin: 0 2%; }
.new .preListAd .listRow { margin-bottom: 3px !important; }
.new .postListAd .listRow { margin-top: 3px !important; }

/* Leasing cars list page */
body.listPage.leasing_cars .nettixBannersContainer { width: 100%; }
#leasingCarsListContent { display: flex; flex-wrap: wrap; }
#leasingCarsListContent .listRow { width: 100%; margin: 5px 0; overflow: hidden; border: 1px solid #cdcdcd; box-sizing: border-box; }
#leasingCarsListContent .goToTargetPageLink { display: block; width: 100%; font-size: 18px; background: rgba(149, 55, 120, 0.85); color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; }
#leasingCarsListContent .goToTargetPageLink span { margin-right: 5px; }
#leasingCarsListContent .goToTargetPageLink i { font-size: 14px; display: none; }
#leasingCarsListContent .carsListItemDetailsContainer .leasingTitle { width: 59%; font-size: 18px; font-weight: bold; color: #499EA3; margin-bottom: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#leasingCarsListContent.listByContract .carsListItemDetailsContainer .leasingTitle span { cursor: pointer; }
#leasingCarsListContent .carsListItemDetailsContainer .startingPriceLabel { font-weight: bold; font-size: 16px; position: absolute; bottom: 40px; right: 20px; color: #505149; }
#leasingCarsListContent .leasingDetails .detailsItem { display: flex; justify-content: space-between; font-size: 14px; }
#leasingCarsListContent .leasingDetails .detailsItem .label { width: 125px; flex-shrink: 0; font-weight: bold; }
#leasingCarsListContent .leasingDetails .detailsItem .value { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#leasingCarsListContent .carsListItemCarDetailBottomContainer { display: flex; justify-content: space-between; padding: 0; }
#leasingCarsListContent .carsListItemCarDetailTopContainer { height: 125px; border-bottom: 1px solid #B3B3B6; }
#leasingCarsListContent .carsListItemCarDetailTopRightContainer .logo img { max-width: 97%; max-height: 25px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#leasingCarsListContent .carsListItemImagesContainer { height: 205px; }
#leasingCarsListContent .carsListItemImageContainer { background: #fff; }
#leasingCarsListContent .carItemLeasingLabel { cursor: pointer; position: absolute; left: auto; right: 0; top: 12px; background: rgba(82, 177, 183, 0.9); border: 0.5px solid rgba(255, 255, 255, 0.9); box-sizing: border-box; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); font-weight: bold; font-size: 14px; color: #fff; padding: 5px; }
#leasingCarsListContent.listByModel .listRow .leasingTitle { font-size: 18px; font-weight: bold; color: #499EA3; margin: 20px 20px 10px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#leasingCarsListContent.listByModel .listRow .leasingDetails { margin: 0 20px 80px 20px; padding-bottom: 10px; }
#leasingCarsListContent.listByModel .listRow .leasingDetails .detailsItem { font-size: 14px; }
#leasingCarsListContent.listByModel .listRow .startingPriceLabel { position: absolute; bottom: 52px; right: 8%; font-size: 16px; font-weight: bold; border-top: 1px solid #B3B3B6; padding-top: 10px; width: 84%; text-align: right; }
#leasingCarsListContent.listByModel .listRow .goToContractListingLink { display: block; text-align: center; background: #953778; color: #fff; padding: 10px 0; font-size: 18px; margin-top: 10px; text-transform: uppercase; position: absolute; bottom: 0; width: 100%; }
#leasingCarsListContent.listByModel .listRow .itemImageContainer { height: 195px; display: flex; align-items: center; justify-content: center; }
#leasingCarsListContent.listByModel .listRow .carsListItemImage { max-height: 195px; }
#leasingCarsListContent.listByModel .leasingDetails .detailsItem.contractMileage .value { display: flex; align-items: center; }
.leasing_cars .listPagination { padding: 10px; }
.leasing_cars .listPagination.bottom { margin-top: 5px; }
.leasing_cars .order.itemListFilter.mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w { max-width: 250px !important; width: 250px !important; }
.leasing_cars .carListHeader .itemDetailToggleBar { display: none; font-size: 21px; font-weight: bold; padding-left: 20px; text-transform: uppercase; }
.leasing_cars .carListHeader.searchTags { margin-top: 15px; }
.leasing_cars a.button { box-sizing: border-box; }
.leasing_cars a.button.tab { background-color: #52B1B7; }
.leasing_cars a.button.tab.unfilled { background-color: #fff; }
.leasing_cars .searchResultsLabel { color: #000; font-weight: normal; display: block; }
.leasing_cars .traveller.carListTraveller .saveSearchLink { display: none; } 
.contracts #leasingCarsListContent .carsListItemImagesContainer .imgNav { position: absolute; bottom: 0; left: 0; display: none; height: 6px; padding: 17px 0; width: 100%; background: #b3b3b6; opacity: 0.7;}
.contracts #leasingCarsListContent .carsListItemImagesContainer { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.contracts #leasingCarsListContent .carsListItemCarDetailBottomContainer { font-size: 20px; text-align: left; }
.contracts #leasingCarsListContent .carsListItemCarDetailTopRightContainer { display: block; width: 36%; float: right; text-align: right; position: absolute; right: 10px; top: 0; font-size: 10px; }
.contracts #leasingCarsListContent .carsListItemCarDetailTopLeftContainer { height: auto; }
.contracts #leasingCarsListContent .carsListItemCarDetailTopContainer { margin: 20px 20px 40px 20px; }
.contracts #leasingCarsListContent .sellerLogo { float: none; }
.leasing_cars .modifySearchModal .remodal-close { z-index: 2; }

/* Leasing cars item page */
.leasing_cars.targetPages .carItemHeaderAndImages { box-shadow: none; border: none; }
.leasing_cars.targetPages #mainImageSlider { visibility: visible; width: auto; height: auto; min-height: 200px; }
.leasing_cars.targetPages #mainImageSlider .image img { max-height: 289px; }
.leasing_cars.targetPages #imageCarousel { display: none; }
.leasing_cars.targetPages .carItempageImageComponentContainer { box-shadow: none; padding: 0; width: 100%; margin: 0 13px 0 0; }
.leasing_cars.targetPages .carItempageImageComponentContainer .carItempageImageComponent { box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); box-sizing: border-box; border-radius: 2px; }
.leasing_cars.targetPages .itemPageFunctionalityContainer { height: 68px; margin: 0 10px; }
.leasing_cars.targetPages .itemPageFunctionalityContainer .functionalityContent { justify-content: space-around; } 
.leasing_cars.targetPages .itemPageFunctionalityContainer .itempageFunctionalityLink { padding: 4px 20px; }
.leasing_cars.targetPages .carItempageHeaderComponent .titleAndMonthlyFee { display: none; justify-content: space-between; margin: 5px 0; }
.leasing_cars.targetPages .carItempageHeaderComponent .titleAndMonthlyFee .leasingFee { font-size: 24px; font-weight: bold; color: #0E2D6D; }
.leasing_cars.targetPages .carItempageHeaderComponent .titleAndMonthlyFee .leasingFee .tooltip { cursor: pointer; }
.leasing_cars.targetPages .imageAndLeasingInfo { display: flex; flex-direction: column; justify-content: space-between; margin: 5px 0; }
.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox { margin: 0; flex-shrink: 0; width: 100%; height: 105px; }
.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox .leasingDetails { padding: 15px; }
.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox.serviceProvider { display: none; }
.leasing_cars.targetPages .imageAndLeasingInfo .itemDetailToggleBar .usedItempageContainerHeader { font-size: 21px; text-align: center; margin: 0; }
.leasing_cars.targetPages .imageAndLeasingInfo .itemDetailToggleBar { padding: 8px 0; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingDetailsSection { display: flex; justify-content: space-between; }
.leasing_cars.targetPages .imageAndLeasingInfo .sellerLogoContainer { display: flex; align-items: center; max-width: 100%; }
.leasing_cars.targetPages .imageAndLeasingInfo .sellerLogoContainer .sellerLogo { max-width: 100%; }
.leasing_cars.targetPages .imageAndLeasingInfo .sellerLogoContainer .sellerLogo img { max-height: 30px; max-width: 100%; margin-bottom: 3px; }
.leasing_cars.targetPages .imageAndLeasingInfo .contactDealerButton a { background: #FFFFFF; border: 1.5px solid #499EA3; border-radius: 1.50667px; font-size: 14px; color: #499EA3; padding: 7px 12px; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingInfoPanel { display: flex; flex-direction: column; }
.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox.leasingAgreement { height: auto; margin-top: 10px; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails { font-size: 16px; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails .carDetailsLine { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid rgba(217, 217, 219, 0.7); }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails .carDetailsLine:first-child { padding-top: 0; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails .carDetailsLine:last-child { padding-bottom: 0; border-bottom: 0; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails .carDetailsLine .label { width: 110px; flex-shrink: 0; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails .carDetailsLine .value { font-weight: bold; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingOfferContactRequest { display: none; }
.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingOfferContactRequest a { font-size: 18px; border-radius: 1.6px; padding: 5px 20px; margin: 0; }
.leasing_cars.targetPages .mobile.contactSellerPanel { margin-bottom: 0; }
.leasing_cars.targetPages .mobile.contactSellerPanel .contactSellerButtonsPanel { margin-bottom: 10px; }
.leasing_cars.targetPages .mobile.contactSellerPanel .contactSellerButtonsPanel div { margin-bottom: 10px; }
.leasing_cars.targetPages .mobile.contactSellerPanel .leasingInfo { display: flex; flex-direction: column-reverse; margin-bottom: 15px; }
.leasing_cars.targetPages .mobile.contactSellerPanel .title { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.leasing_cars.targetPages .mobile.contactSellerPanel .startingPrice { font-size: 24px; font-weight: bold; color: #0E2D6D; }
.leasing_cars.targetPages .mobile.contactSellerPanel .logo { margin-bottom: 10px; text-align: right; }
.leasing_cars.targetPages .mobile.contactSellerPanel .logo img { max-height: 50px; width: auto; }
.leasing_cars.targetPages .mobile.contactSellerPanel .logo .dealerInfo { text-align: right; max-width: 100%; margin: 0; }
.leasing_cars.targetPages .contactDealer { display: none !important; }

.leasing_cars .modal .carDetailsSection { display: block; }
.leasing_cars .modal .carDetailsSection .carDetailsLine { display: flex; justify-content: space-between; margin-bottom: 10px; }
.leasing_cars .modal .carDetailsSection .carDetailsLine .label { width: 110px; flex-shrink: 0; }
.leasing_cars .modal .carDetailsSection .carDetailsLine .value { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; text-align: right; }
.leasing_cars .modal .regionDropdowns .dealerSelect { margin: 1em 0; }
.leasing_cars .modal .regionDropdowns .dealerSelect .select.region { margin: 0 0 0.8em 0; }
.leasing_cars .modal.askForOffer .header h1 { font-size: 18px; }
.leasing_cars .modal.askForOffer .button { min-width: 228px; font-size: 20px; box-sizing: border-box; border-radius: 2px; cursor: pointer; }
.leasing_cars .modal.askForOffer .dealerSelection { padding-top: 25px; }
.leasing_cars .modal.askForOffer #askForLeasingOfferForm { padding: 15px 0 0 0; }
.leasing_cars .modal.askForOffer #askForLeasingOfferForm > div { padding-top: 10px; }
.leasing_cars .modal.askForOffer h2 { font-size: 19px; }
.leasing_cars .modal.askForOffer h3 { font-size: 17px; }
.leasing_cars .modal.askForOffer .carContainer { padding: 15px 0; }
.leasing_cars .modal.askForOffer .contactRequestFormImageContainer { margin-right: 20px; flex: 1; }
.leasing_cars .modal.askForOffer .contactRequestMainInfo { flex: 1.3; }
.leasing_cars .modal.askForOffer .contactRequestMainInfo .title { font-size: 52px; font-weight: bold; margin-bottom: 8px; }
.leasing_cars .modal.askForOffer .contactRequestMainInfo .startingPrice { font-size: 30px; font-weight: bold; color: #0E2D6D; margin-bottom: 60px; }
.leasing_cars .modal.askForOffer .contactRequestMainInfo .providerName { font-size: 35px; font-weight: bold; color: #0E2D6D; margin-bottom: 8px; }
.leasing_cars .modal.askForOffer .note { border-left: 3px solid #0E2D6D; }
.leasing_cars .modal.askForOffer .note .message { margin-left: 6px; font-size: 16px; }
.leasing_cars .modal.askForOffer .dropdowns { display: flex; justify-content: space-between; flex-wrap: wrap; }
.leasing_cars .modal.askForOffer .dropdowns .detailsSelect { width: 100%; margin: 1em 0 0.5em 0; }
.leasing_cars .modal.askForOffer .dropdowns .detailsSelect .mbsc-mobiscroll.mbsc-input { margin: 0; }
.leasing_cars .modal.askForOffer .dropdowns .mbsc-input-wrap { display: block; }
.leasing_cars .modal.askForOffer .otherDetails { display: flex; justify-content: space-between; flex-direction: column; }
.leasing_cars .modal.askForOffer .otherDetails > div { margin-top: 10px; }
.leasing_cars .modal.askForOffer .otherDetails .others .mbsc-mobiscroll.mbsc-input { margin: 1em 0; } 
.leasing_cars .modal.askForOffer .otherDetails .others textarea { height: 136px; }
.leasing_cars .modal.askForOffer .otherDetails .services .formLine { margin: 0.7em 0 0 -1em; }
.leasing_cars .modal.askForOffer .otherDetails .services .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { padding: 0.3em 3.125em 0.3em 1em; }
.leasing_cars .modal.askForOffer .contactInfo > div { display: flex; justify-content: space-between; padding: 0; flex-direction: column; }
.leasing_cars .modal.askForOffer .contactInfo { display: block; }
.leasing_cars .modal.askForOffer .contactInfo .contactFormInputs .formLine:last-child { margin-right: 0; }
.leasing_cars .modal.askForOffer .contactInfo .mbsc-mobiscroll .senderEmail .mbsc-input-outline.mbsc-input .mbsc-label { min-width: 105px; }
.leasing_cars .modal.askForOffer .contact .checkboxInput { display: flex; margin-left: -1em; flex-direction: column; }
.leasing_cars .modal.askForOffer .contact .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { padding: 0.8em 3.125em 0.8em 1em; }
.leasing_cars .modal.askForOffer .contact .itemPageModalContactRequestSubmitButton { margin: 0; padding: 13px 0; }
.leasing_cars .modal.askForOffer .userInfo .mbsc-ic.icon { font-family: inherit; font-weight: normal; }
.leasing_cars .modal.askForOffer .contactInfo .carExchange { margin: 10px 0 25px 0; }
.leasing_cars .modal.askForOffer .carExchange .radioButtons { display: flex; flex-direction: column; margin-left: -1em; }
.leasing_cars .modal.askForOffer .carExchange .radioButtonsContainer { margin-right: 5px;  }
.leasing_cars .modal.askForOffer .carExchange .carDetails { display: flex; flex-direction: column; }
.leasing_cars .modal.askForOffer .carExchange .carDetails > div { display: flex; margin: 0.56em 0; }
.leasing_cars .modal.askForOffer .carExchange .carDetails .label { margin-right: 6px; flex-shrink: 0; line-height: 34px; width: 127px; }
.leasing_cars .modal.askForOffer .carExchange .carDetails .registrationNumberContainer { margin-left: 0; }
.leasing_cars .modal.askForOffer .carExchange .carDetails .mbsc-mobiscroll.mbsc-input input { height: 1.7em; }
.leasing_cars .modal.askForOffer .mbsc-mobiscroll .carDetails .mbsc-err-msg { position: absolute; white-space: nowrap; left: -133px; }
.leasing_cars .modal.askForOffer .mbsc-mobiscroll .radioInput.mbsc-radio { padding: 1em 3.125em 1em 1em; }
.leasing_cars .modal.askForOffer .biddingDetails { display: none !important; padding-top: 2.5em; }
.leasing_cars .modal.askForOffer .biddingDetails .title { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
.leasing_cars .modal.askForOffer .biddingDetails .text { font-size: 18px; }
.leasing_cars .modal.askForOffer .biddingDetails .buttonContainer { text-align: right; margin-top: 25px; }
.leasing_cars .modal.askForOffer #itemPageBiddingRequestButton { padding: 11px 0; color: #0E2D6D; font-weight: bold; background: #fff; border: 2px solid #0E2D6D; text-decoration: none; text-align: center; }
.leasing_cars .modal.askForOffer .contactFormInputs .formLine input.text { width: 100%; }
.leasing_cars .modal.askForOffer .submitButtonContainer { align-self: flex-end; margin-top: 20px; }
.leasing_cars .modal.askForOffer .contactFormInputs.mbsc-mobiscroll .mbsc-input { margin: 1em 0 0.3em 0; }
.leasing_cars .popup.leasingOffer #modal { max-width: none !important; padding-bottom: 30px; }
.leasing_cars .mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="contractLength"] .mbsc-sc-itm { text-align: left; }
.modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine { display: block; }
.modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine .value { width: 100%; text-align: left; }
.modal.tellAFriendAboutLeasingForm .header h1 { text-align: left; }
.leasing_cars .popup.leasingPriceInfo { padding: 3em; max-width: none !important; }
.leasing_cars .popup.leasingPriceInfo .remodalContentContainer { text-align: center; color: #505149; padding: 10px 25px; }
.leasing_cars .popup.leasingPriceInfo h1 { font-size: 26px; text-transform: uppercase; margin-bottom: 30px; }
.leasing_cars .popup.leasingPriceInfo p { font-size: 18px; line-height: 24px; }
.leasing_cars .popup.leasingPriceInfo .button { margin: 20px 0; padding: 10px 60px; color: #fff; text-decoration: none; }
.leasing_cars .popup.leasingPriceInfo .remodal-close { width: 40px; height: 43px; }
.leasing_cars .popup.leasingPriceInfo .remodal-close::before { font-size: 45px; line-height: 43px; }
.leasing_cars .popup.leasingPriceInfo .modal .remodal-close { width: auto; font-size: 17px; height: auto; position: relative; }
.leasing_cars .popup.leasingPriceInfo .modal .remodal-close::before { content: none; }

.leasing_cars .disclaimerBadge { background: #FFFFFF; border-radius: 4px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); margin: 20px 10px; padding: 10px 0; display:flex; position: relative; }
.leasing_cars .disclaimerBadge .icon { background: url(/images/common/discaimerIcon.svg) no-repeat; width: 20px; margin: 0 17px; background-position-x: 50% !important; background-position-y: 50% !important; }
.leasing_cars .disclaimerBadge .disclaimerInfo { flex: 10; padding-right: 28px; }
.leasing_cars .disclaimerBadge .disclaimerTitle  {font-weight: bold; font-size: 16px; line-height: 19px; }
.leasing_cars .disclaimerBadge .disclaimerTitle .close { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #8C8D92; font-size: 12px; }
.leasing_cars .disclaimerBadge .disclaimerText { font-size: 14px; line-height: 16px; margin-top: 10px; }

.leasingImageComponentContainer { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.leasingImageComponentContainer .carItempageImageComponent { width: 100%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35); border: 1px solid #CDCDCD; box-sizing: border-box; }
.leasingImageComponentContainer .carItemLeasingComponent { width: 100%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35); border: 1px solid #CDCDCD; margin-top: 10px; box-sizing: border-box; }
.car_item_leasing .carItempageHeaderComponent { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35); border: 1px solid #CDCDCD; border-bottom: none; box-sizing: border-box; }
.carItemLeasingComponent .calculatorTitle { background: #52b1b7; color: #fff; font-size: 22px; font-weight: bold; text-align: center; padding: 10px 0; margin-top: 0; }
.carItemLeasingComponent .padder { padding: 0 10px 20px 10px; }
.carItemLeasingComponent .leasingSection { padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.carItemLeasingComponent .leasingSection h5 { margin: 0; font-size: 18px; font-weight: bold; margin-right: 15px; }
.carItemLeasingComponent .leasingSection p { margin: 0; font-size: 16px; }
.carItemLeasingComponent .leasingSection .propertyValue {  font-size: 18px; }
.carItemLeasingComponent .leasingSection .propertyList { width: 100%; margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.carItemLeasingComponent .leasingSection .propertyList a { padding: 10px 18px; color: #52b1b7; border: 1px solid #52b1b7; box-sizing: border-box; border-radius: 5px; font-size: 16px; }
.ie .carItemLeasingComponent .leasingSection .propertyList a { margin-right: 10px; }
.carItemLeasingComponent .leasingSection .propertyList a.active { background: #52b1b7; color: #fff; }
.carItemLeasingComponent .leasingSection.submitSection { margin-top: 20px; padding-top: 25px; border-top: 1px solid rgba(217, 217, 219, 0.7); }
.carItemLeasingComponent .leasingSection.submitSection .propertyValue { font-weight: bold; }
.carItemLeasingComponent .leasingSection .submit { margin-top: 20px; padding: 10px 0; width: 100%; font-size: 16px; text-align: center; border-radius: 2px; }

.carItemLeasingOffer .modal h2 { font-size: 18px; }
.carItemLeasingOffer .modal h3 { font-size: 16px; }
.carItemLeasingOffer .modal .icon { margin-right: 5px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-top: 20px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .carContainer { order: 1; display: block; width: 100%; padding: 0; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); border-radius: 1px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactRequestFormImageContainer { position: relative; text-align: center; background: #E9EBEE; min-height: 120px; display: flex; align-items: center; justify-content: center; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactRequestFormImageContainer .mainImage { max-height: 230px; width: auto; max-width: 100%;  }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactRequestFormImageContainer .carItemLeasingLabel { cursor: pointer; position: absolute; top: 20px; right: 0; display: inline-block; padding: 5px 10px; border: 1px solid #fff; background: #52B1B7; color: #fff; font-size: 14px; font-weight: 700; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactFormInputs { order: 2; width: 100%; display: block; margin-top: 20px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactFormInputs .formLine input.text { width: 100%; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs { order: 3; width: 100%; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter { order: 4; width: 100%; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .carDetails { padding: 10px 15px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .carDetails h4 { margin: 10px 0; font-weight: 700; font-size: 18px; line-height: 21px; color: #499EA3; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .carDetailRow { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 14px; line-height: 22px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .carDetailRow .label { font-weight: bold; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .monthlyFee { margin-top: 20px; border-top: 1px solid #505149; font-weight: 700; font-size: 18px; line-height: 60px; text-align: right;  }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactFormInputs .contactRequestDetails { margin-top: 20px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-top: 30px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .contactMethodContainer { order: 2; margin-top: 20px; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .contactMethodContainer .checkboxInput { display: flex; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .carExchange { order: 1; width: 100%; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .carExchange .checkboxInput .mbsc-label { font-size: 16px; font-weight: bold; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .mbsc-input { margin: 0.8em 0; position: relative; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .mbsc-checkbox { margin-left: -1em; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .carExchange .mbsc-checkbox { padding: 0 0 0 1em; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .carExchange.disabled .mbsc-label { background: none !important; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .buttons .cancel { display: none; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .submitButtonContainer { width: 100%; display: flex; flex-direction: column-reverse; margin: 20px 0; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .itemPageModalContactRequestSubmitButton { display: block; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .submitButtonContainer .clear { color: #505149; font-size: 18px; margin: 10px; text-align: center; }
.carItemLeasingOffer .modal .leasingCarContactRequestForm .contactFormInputs .contactRequestDetails { margin-top: 30px; }
.car_item_leasing .modal.tellAFriendAboutLeasingForm .carDetailsSection { display: block; }
.car_item_leasing .modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine .value { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; text-align: right; }
.car_item_leasing .modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine { display: flex; justify-content: space-between; margin-bottom: 10px; }
.car_item_leasing .modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine .label { width: 110px; flex-shrink: 0; }

/* Used Cars - Car Park */
#carParkBannerContainer { visibility: hidden; }
#carParkBannerTwoPanel { background: url('/images/common/image-loader.gif') no-repeat center bottom; height: 145px; }
.carParkContainer {float: left; box-sizing: border-box; padding: 10px 1% 10px 1%; width: 100%; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; max-height: none; overflow: hidden; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.carParkContainer.frontPageBanner { max-height: none; float: none; padding: 21px 11px 20px 11px;}
.carParkHeading { margin-left: 5px; padding-bottom: 6px; font-size: 1.8em; font-weight: bold; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.carParkHeading.frontPageBannerHeading { font-size: 24px; text-transform: none; margin-left: 0; padding-bottom: 10px; }
.carParkItem { margin-bottom: 20px; }
.carParkItemDesc { text-align: center; }
.carParkItemDesc a { font-weight: bold; }
#carParkContent { position: relative; font-size: 1.35em; }
#carParkContent .slick-next { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_paakuva_oik_.png') no-repeat; border-radius: 50%; width: 40px; height:40px; background-position: center; color: transparent; position: absolute; right: 0; top: 50%; margin:-20px 0 0;}
#carParkContent .slick-prev { background: #70b7b3 url('/images/used_cars/target_page_new_layout/selaus_paakuva_vas_.png') no-repeat; border-radius: 50%; width: 40px; height:40px; background-position: center; color: transparent; position: absolute; top: 50%; margin:-20px 0 0;}
#carParkContent .slick-slide { margin: 0 5px; }
#carParkContent .slick-list { margin: 0 -5px; }
#carParkContent .slick-next { right: 0px !important; }
#carParkContent .slick-prev { left: 0px !important; }
#carParkContent .slick-next, #carParkContent .slick-prev { opacity: 0.8; }
.frontPageBannerHeading a { font-weight: normal; display: block; white-space: nowrap; /* forces text to single line */ overflow: hidden; text-overflow: ellipsis; }
.bannerContent { position: relative; }

#carSuggestionBannerPanel { background: url('/images/common/image-loader.gif') no-repeat center bottom; }
#carSuggestionBannerContent { visibility: hidden; }
.slick-slide .carParkItemImg { height: auto; width: 100%; margin-bottom: 4px; display: inline-block; text-align: center; vertical-align: middle; }
.slick-slide .carParkItemImg img { display: inline; max-width: none; width: 100%; }

#carParkBannerTwoPanel .carParkLink { color: #ffffff !important; }
#carParkBannerTwoPanel .carParkHeading { color: #ffffff; }
#carParkBannerTwoPanel .carParkItemDesc { color: #ffffff; }
#carParkBannerTwoPanel .carParkItemDesc a { color: #ffffff; }
#carParkBannerTwoPanel .carParkContainer { background-color: #505149; }

/* Item Page Renewal */
.usedCarItemPageRetargetingDiv { float: right; }
.itemSearchFunctions { padding: 20px 0; display:flex; justify-content: space-between; flex-wrap: wrap; }
.itemSearchFunctions a { display: inline-block; padding: 7px; border-radius: 2px; }
.itemSearchFunctions .backToListingLink { border: 2px solid #499EA3; text-transform: uppercase; padding: 8px 10px; font-size: 11px; }
.itemSearchFunctions .currentCarContainer { font-weight: bold; color: #499EA3; padding: 0 7px; }
.itemSearchFunctions .itemPagePagination { display: flex; align-items: center; font-size: 13px; height: 100%; }
.itemSearchFunctions .itemPagePagination a { color: #fff; background: #499EA3; }
.itemSearchFunctions .itemPagePagination a i { font-size: 11px; }
.carItemHeaderAndImages { border-radius: 1px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); border: 1px solid #CDCDCD; box-sizing: border-box; }
.car_item_leasing .carItemHeaderAndImages { box-shadow: none; border: none; }
.carItempageHeaderComponent .titleAndPrice.desktop { display: none; border-bottom: 1px solid rgba(217, 217, 219, 0.7); padding: 13px 0; }
.carItempageHeaderComponent .carTitle { display: flex; flex-direction: column; overflow: hidden; }
.carItempageHeaderComponent .carTitle .makeAndModel { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.carItempageHeaderComponent .carTitle .type { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.carItempageHeaderComponent .titleAndPrice .rightSide { display: flex; min-width: 210px; align-items: flex-end; flex-direction: column; margin-left: 20px; }
.car_item_leasing .carItempageHeaderComponent .titleAndPrice .rightSide { justify-content: flex-end; }
.new_cars.targetPages .carItempageHeaderComponent .titleAndPrice .rightSide { justify-content: flex-end; }
.carItempageHeaderComponent .titleAndPrice .rightSide .formButton span { white-space: nowrap; }
.carItempageHeaderComponent .carPrice { font-size: 24px; margin-bottom: 7px; font-weight: bold; color: #0E2D6D; }
.car_item_leasing .carItempageHeaderComponent .carPrice { margin-bottom: 0; }
.new_cars.targetPages .carItempageHeaderComponent .carPrice { margin-bottom: 0; }
.carItempageHeaderComponent .formButton a { font-size: 16px; }
.carItempageHeaderComponent .sectoButton { margin-top: 8px; }
.carItempageHeaderComponent .carAttributes { width: 100%; font-size: 12px; display: flex; justify-content: space-around; flex-direction: row-reverse; align-items: center;  min-height: 55px; margin: 0 auto; }
.carItempageHeaderComponent .iconContainer { height: 20px; display: flex; align-items: center; }
.carItempageHeaderComponent .carAttributes img { margin: 0 0 5px 0; height: 20px; }
.carItempageHeaderComponent .carAttributes .meterReading img { height: 15px; }
.carItempageHeaderComponent .carAttributes .lastInspectionTime img { height: 23px; }
.carItempageHeaderComponent .carAttribute { display: flex; flex-direction: column; align-items: center; padding: 0 10px; }
.carItempageHeaderComponent .carAttribute.bodyType { display: none; }
.carItempageHeaderComponent .carAttribute.lastInspectionTime { display: none; }
.carItempageHeaderComponent .carAttribute:last-child { border-right: none; padding-right: 0; }
.carItempageHeaderComponent .carAttribute:first-child { padding-left: 0; }
.carItempageHeaderComponent .carOverviewContainer { display: flex; justify-content: space-between; background: linear-gradient(180deg, rgba(7, 7, 7, 0.0625) 0%, rgba(255, 255, 255, 0) 48.96%); }
.carItempageHeaderComponent .carOverviewContainer .formButton { display: none; margin-left: 20px; align-self: center; }
.carItempageHeaderComponent .dealerInfo { display: none; }
.carItempageHeaderComponent .dealerName { text-align: left; font-size: 11px; line-height: 13px; }
.carItempageHeaderComponent .dealerInfo img { max-height: 38px; max-width: 140px; margin-bottom: 3px; align-self: flex-end; }
.itempageContactSellerLinks #contactRequestLink { color: #fff; text-decoration: none; }
.new_cars .autojerryLinkContainer { padding: 32px 10px; }
.new_cars.immediately_deliverable .autojerryLinkContainer { padding-top: 0; }
.new_cars .carItemHeaderAndImages .whiteBox { border: none; box-shadow: none; margin: 0 10px; padding: 0; }
.new_cars .carItemHeaderAndImages .carDetails { padding: 0; }
.new_cars .carItemHeaderAndImages  #priceInfoSection #newCarsMakeLogo { text-align: center; }
.new_cars .carItemHeaderAndImages  #priceInfoSection #newCarsMakeLogo img { max-width: 100%; max-height: 70px; }
.new_cars .carItemHeaderAndImages .itemDetailToggleBar { height: 40px; border-radius: 0; padding: 0; }
.new_cars .carItemHeaderAndImages #priceInfoSection .moreDetailsContainer { display: flex; flex-direction: column-reverse; width: 100%; }
.new_cars .carItemHeaderAndImages .carDetailsSection .carDetailsGroup .carDetailsLine .label { font-weight: normal; padding: 0; }
.new_cars .carItemHeaderAndImages .carDetailsSection .carDetailsGroup .carDetailsLine .value { font-weight: bold; padding: 0; }
.new_cars .carItemHeaderAndImages #priceInfoSection .carDetailsGroup .carDetailsLine { background: #fff; border-bottom: 1px solid rgba(217, 217, 219, 0.7); }
.new_cars .carItemHeaderAndImages .usedItempageContainerHeader { line-height: 40px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: bold; margin: 0; }
.new_cars .carItemHeaderAndImages #priceInfoSection { padding: 6px 0 20px 0; margin: 0; box-shadow: none; }
.new_cars .carItemHeaderAndImages #priceInfoSection .carDetailsGroup { margin: 0; flex-basis: auto; }
.new_cars .carItemHeaderAndImages #priceInfoSection .getMoreDetailsAbout { margin: 20px 0; font-size: 14px; }
.new_cars .carItemHeaderAndImages .mobile.contactSellerPanel { border-bottom: 1px solid rgba(217, 217, 219, 0.7); margin: 0 10px 20px 10px; padding: 15px 0; }
.newCarItemHeader #imageCarousel { display: none; }
.newCarItemHeader #mainImageSlider > div { width: 100%; height: 100%; }
.newCarItemHeader #mainImageSlider .image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.newCarItemHeader #mainImageSlider .image img { max-width: 100%; max-height: 100%; flex-shrink: 0; }
.newCarItemHeader #allImagesLink { display: none; }
.contactRequestTextArea { width: 100%; min-height: 50px; }
.itempageContactrequestButton { text-decoration:none; }
.itempagePhoneNumberButton { text-decoration:none; }
.itempageContactrequestButton:hover { text-decoration:none; }
.itempagePhoneNumberButton:hover { text-decoration:none; }
.usedcarItempageOfficeInformationContainer a.button.phoneTypeCR { cursor: default; background-color: #fff; color: #499EA3; padding: 0; border: none; }
a.button.phoneTypeCR::after { transition: none !important; }
.phoneIcon { font-size: 20px; }

.sellerDetailsContainer { display: flex; align-items: center; }
.desktop.contactSellerPanel { display: none; padding: 10px 10px 0 10px; }
.contactSellerPanel .sellerDetails { display: flex; align-items: center; margin-right: 20px; font-weight: bold; font-size: 16px; text-transform: uppercase; }
.contactSellerPanel .sellerDetails img { border-radius: 50%; margin-right: 15px; }
.contactSellerPanel .sellerDetails .userPlaceholder { display: flex; align-items: center; }
.contactSellerPanel .sellerAddress { font-size: 14px; text-transform: none; margin-left: 20px; max-width: 175px; }
.contactSellerPanel .sellerAddress .separator { margin-left: -3px; }
.contactSellerPanel .sellerAddress .addressInfo span { font-weight: normal; }
.contactSellerPanel .phoneNumberContainer span { color: #499EA3; font-weight: normal; }
.contactSellerPanel .dealerInfo img { max-width: 147px; }
.contactSellerPanel .dealerInfo { max-width: 150px; text-align: left; }
.mobile.contactSellerPanel { display: flex; flex-direction: column; margin: 15px 10px 25px 10px; }
.car_item_leasing .mobile.contactSellerPanel { margin-bottom: 0; }
.mobile.contactSellerPanel .carInfo { display: flex; flex-direction: column-reverse; margin-bottom: 20px; }
.mobile.contactSellerPanel .carInfo .carTitle { font-size: 16px; margin-bottom: 10px; }
.mobile.contactSellerPanel .carInfo .makeAndModel { font-weight: bold; }
.mobile.contactSellerPanel .carInfo .carPrice { font-size: 24px; color: #0E2D6D; font-weight: bold; }
.mobile.contactSellerPanel .carInfo .logo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.mobile.contactSellerPanel .dealerInfo { max-width: 70%; }
.mobile.contactSellerPanel .dealerInfo img { max-width: 170px; }
.mobile.contactSellerPanel #goToContactInfoLink { font-size: 14px; cursor: pointer; }
.mobile.contactSellerPanel .contactSellerButtonsPanel .firstRow { display: flex; flex-direction: column; position: relative; }
.mobile.contactSellerPanel .contactSellerButtonsPanel .openContactDealerFormButton { color: #499EA3; background: #fff; border: 2px solid #499EA3; padding: 6px 12px; }
#content.itemPageContent .mobile.contactSellerPanel a.button { display: block; font-size: 16px; }
#content.itemPageContent .desktop.contactSellerPanel a.button { display: inline-block; padding: 8px 20px; }
.itemPageContent #rightBanner { margin-top: 146px; }
.dealerName { line-height: 20px; max-height: 40px; -webkit-line-clamp:2; overflow: hidden; }
.dealerInfo { max-width : 150px; margin-right: 4px; }
.dealerInfo img { width: 100%; }

.carItempageImageComponentContainer { margin-bottom: 10px; background-color: #ffffff; }
.carDetails { padding-top: 10px; padding-bottom: 25px; }
.used_cars #mainImageSliderContainer { visibility: hidden; }
.immediately_deliverable #mainImageSliderContainer { visibility: hidden; }
#mainImageSliderContainer { position: relative; display: flex; flex-direction: column; }
#mainImageSliderContainer .gradient { position: absolute; left: 0; z-index: 1; height: 18%; width: 100%; }
#mainImageSliderContainer .top.gradient { top: 0; background: linear-gradient(180deg, rgba(7, 7, 7, 0.37) 0%, rgba(255, 255, 255, 0) 100%); }
#mainImageSliderContainer .bottom.gradient { bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.37) 100%); }
.used_cars #mainImageSlider { max-height: 240px; }
.immediately_deliverable #mainImageSlider { max-height: 240px; }
#mainImageSlider { margin-bottom: 0; min-height: 240px; max-height: 600px; overflow: hidden; visibility:hidden; background: #E9EBEE; }
#mainImageSlider .slick-dots li.slick-active button:before { color: #52B1B7; opacity: 1; box-shadow: none; }
#mainImageSlider .slick-dots li { width: 8px; height: 8px; margin: 0 2px; }
#mainImageSlider .slick-dots li button { width: 8px; height: 8px; }
#mainImageSlider .slick-dots li button:before { font-size: 8px !important; width: 6px; height: 6px; line-height: 8px; color: #fff; opacity: 1; box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.65); border-radius: 50%; }
#imageCarousel { display: none; margin: 0; max-height: 145px; overflow: hidden; visibility:hidden; }
#imageCarousel .slick-slide > div { display: table; table-layout: fixed; width: 100%; }
.itemPageFunctionalityContainer { display: flex; justify-content: center; height: 83px; border-bottom: 1px solid rgba(217, 217, 219, 0.7); margin: 0 10px; }
.itemPageFunctionalityContainer .functionalityContent { display: flex; justify-content: space-between; align-items: center; padding: 0 10px; width: 300px; }
.itemPageFunctionalityContainer .itempageFunctionalityLink { display: flex; align-items: center; justify-content: center; color: #499EA3; background: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; box-shadow: 0px 1.59354px 6.37415px rgba(0, 0, 0, 0.25); height: 36px; width: 36px; padding: 6px; border-radius: 2px; }
.itemPageFunctionalityContainer .itempageFunctionalityLink.disabled { color: #8C8D92; pointer-events: none; cursor: default; }
.itempageFunctionalityLink i { font-size: 25px; }
.slick-slide .itempageCarouselSlide { border: 4px solid #fff !important; display: table-cell !important; overflow: hidden; }
.slick-slide.slick-current .itempageCarouselSlide { border: 4px solid rgb(255, 153, 0) !important; }
.itempageFunctionalityLabel { display: none; margin: auto 0 auto 3px; font-size: 14px; }
.itempageFunctionalityImage { width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
.shareOptionsModal.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { padding: 1.5em; }
#shareOptionsContainer { display: none; min-width: 255px; width: 100%; font-size: 16px; }
#shareOptionsContainer .mbsc-mobiscroll .mbsc-lv-item { color: #505149; padding: 1.25em 0em; }
#shareOptionsContainer .title { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#shareOptionsContainer .mbsc-mobiscroll.mbsc-btn { position: absolute; background: none; color: #505149; }
#shareOptionsContainer .remodal-close:before { font-size: 30px; }
#shareOptionsContainer .mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left { padding-left: 3em; }
#shareOptions li { border-bottom: 0.8px solid #B3B3B6; }
#shareOptions li div { display: flex; align-items: center; justify-content: space-between; }
#shareOptions li i { font-size: 10px; }
#shareOptions li i.fa-check { display: none; color: green; }
#shareOptions li i.fa-times { display: none; color: red; }
#shareOptions li .linkCopyMsg { display: none; color: #66676D; }
#shareOptions .mbsc-lv-img-left .mbsc-lv-img { left: 1em; }
.carDetailsSection { display: flex; padding-top: 20px; font-size: 16px; margin-top: 10px; }
.carDetailsSection .carDetailsSectionIcon { margin-right: 20px; height: 44px; width: 68px; background-position-x: 50% !important; background-position-y: 50% !important; }
.carDetailsSection.mbsc-mobiscroll .mbsc-form-group-title { color: #505149; background: #fff; display: flex; align-items: center; height: 44px; }
.carDetailsSection .contactDealer span { font-size: 14px; }
.autojerryLinkContainer { padding: 0 10px 32px 10px; }
.carDetailsSection .carDetailsSectionContent { flex: 10; display: flex; flex-direction: column; justify-content: center; }
.carDetailsSection .carDetailsSectionContent .carDetails { display: flex; flex-direction: column; }
.carDetailsSection .carDetailsSectionContent .mbsc-form-group-content { margin: 0; }
.carDetailsSection .carDetailsSectionContent .carDetailsGroups { display: flex; justify-content: space-between; flex-direction: column; }
.carDetailsSection h2 { text-transform: uppercase; padding-left: 10px; font-size: 1.1em; margin-bottom: 10px; }
.carDetailsSection .carDetailsGroup { flex-grow: 1; margin-bottom: 0; }
.carDetailsSection .carDetailsGroup hr { border: none; padding: 0; height: 34px; }
.carDetailsSection .carDetailsGroup:last-child { margin-bottom: 0; }
.carDetailsSection .carDetailsGroup .carDetailsLine { min-height: 34px; line-height: 34px; display: flex; justify-content: space-between; }
.carDetailsSection .carDetailsGroup .carDetailsLine.priceLine { flex-direction: column; }
.carDetailsSection .carDetailsGroup .carDetailsLine .priceDetails { display: flex; justify-content: space-between; }
.carDetailsSection .carDetailsGroup .carDetailsLine .label { font-weight: normal; padding-left: 10px; display: inline-block; margin-right: 10px; flex-shrink: 2; }
.targetPages #carHistorySection hr { width: 100%; }
#carHistorySection { margin: 0 10px 32px 10px; }
#carHistorySection .technicalInfoLink { margin-top: 20px; padding: 10px 40px; text-transform: uppercase; background: #499ea3; color: #fff; }
.carHistoryTitle { font-size: 16px; font-weight: bold; display: flex; align-items: center; padding: 10px 0; }
.carHistoryTitle img { margin-right: 12px; flex-shrink: 0; display: none; }
.carHistoryDetails .buttonContainer { display: flex; height: 100%; align-items: flex-end; }
.carHistoryDetails .title { text-transform: uppercase; display: inline-block; margin: 15px 0 0 0; }
.carHistoryDetails .details { display: block; }
.rekkariDetails .title { margin-top: 30px; }
.autojerryPanel.carDetails .carDetailsSectionContent { margin: 0 0 32px 0; }
.autojerryPanel.carDetails .carDetailsSectionContent .header { display: flex; justify-content: space-between; align-items: center; padding: 0 10px; height: 44px; }
.autojerryPanel.carDetails .carDetailsSectionContent .header h2 { padding: 0; }
.autojerryPanel .carDetailsGroup { margin-bottom: 0; }
.autojerryPanel .carDetailsSection .carDetailsGroup .carDetailsLine .label { font-weight: normal; }
.autojerryPanel .linksLine { margin: 20px 10px 0 0; text-align: right;}
.autojerryPanel .modelMaintenanceInfo {padding-top: 10px;}
.autojerryPanel .emptyAutojerryPanel { display: flex; justify-content: space-between; flex-direction: column; font-size: 16px;}
.autoJerryIconEmptyPanel { background: url('/images/used_cars/target_page_new_layout/autojerry.png') no-repeat; background-size: 132px 32px; height: 32px; min-width: 132px; margin-top: 10px; }
.autojerryPanel .carDetailsSection .carDetailsGroup { flex-basis: auto; }
.carDetailsSection .carDetailsGroup .carDetailsLine .value { text-align: right; display: inline-block; padding-right: 10px; font-weight: bold; flex-shrink: 1; }
.carDetailsSection .carDetailsGroup .carDetailsLine:nth-of-type(odd) { background: #DCEFF1; }
.carDetailsSection .carDetailsGroup .carDetailsLine .value a.notKnownEndorsementLink { display: inline-block; width: 20px; height: 20px; margin-top: 6px; background: url('/images/used_cars/target_page_new_layout/ikoni_auton_tiedot.png') no-repeat; }
.carDetailsSection .carDetailsGroup .carFeatureLine { line-height: 20px; padding: 6px 0; display: flex; justify-content: space-between; align-items: flex-start; }
.carDetailsSection .carDetailsGroup .carFeatureLine i { color: #52B1B7; margin-left: 7px; }
.carDetailsSection .carDetailsGroup .carDetailsLine .priceValue { display: inline-block; }
.carDetailsSection .carDetailsGroup .carDetailsLine .priceValue .value { float: none; color: #0E2D6D; }
.carDetailsSection .carDetailsGroup .carDetailsLine .co2EmissionImageContainer a { margin-top: 3px; }
.carDetailsSection.healthInformation { display: block; }
.carDetailsSection.healthInformation .moreInfo { display: flex; position: relative; align-items: center; padding: 10px; border: 1px solid #cdcdcd; border-radius: 2px; margin: 0 10px 10px 10px; }
.carDetailsSection.healthInformation .moreInfo .infoCircle { color: #5BB7C5; font-size: 40px; margin-right: 14px; }
.carDetailsSection.healthInformation .infoText { font-size: 15px; }
.carDetailsSection.healthInformation .infoText .example { color: #F90; font-weight: bold; text-decoration: underline; cursor: pointer; }
.carDetailsSection.healthInformation .infoText .close { position: absolute; top: 6px; right: 8px; cursor: pointer; color: #cdcdcd; display: block; }
.carDetailsSection.healthInformation .infoText .close:hover { color: #4e9b96; }
.carDetailsSection.healthInformation .carDetailsSectionContent h3 { margin: 0; font-size: 16px; font-weight: bold; background: #DCEFF1; padding: 10px; }
.carDetailsSection.healthInformation .ratingsAndPhotos { margin-bottom: 32px; }
.carDetailsSection.healthInformation .ratings .itemContainer { display: flex; padding: 14px 0; }
.carDetailsSection.healthInformation .ratings .itemContainer.last { border: none; } 
.carDetailsSection.healthInformation .ratings .itemContainer .iconContainer { display: none; width: 75px; margin-right: 2em; }
.carDetailsSection.healthInformation .ratings .itemContainer.paintAndDents .iconContainer img { width: 70px; }
.carDetailsSection.healthInformation .ratings .itemContainer .title { font-size: 16px; cursor: pointer; flex-shrink: 0; margin-right: 10px; }
.carDetailsSection.healthInformation .ratings .itemContainer .text { font-weight: bold; text-align: right; }
.carDetailsSection.healthInformation .ratings .itemContainer .dashes { margin: 0 10px -10px 0; border-bottom: dashed 1px #B3B3B6; width: 100%; }
.carDetailsSection.healthInformation .ratings .itemContainer .starItems { flex-shrink: 0; }
.carDetailsSection.healthInformation .ratings .itemContainer .mbsc-mobiscroll.mbsc-progress { padding: 0; }
.carDetailsSection.healthInformation .ratingStars { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; }
.carDetailsSection.healthInformation .ratingLabel { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; }
.carDetailsSection.healthInformation .ratingStars .mbsc-mobiscroll.mbsc-rating input:disabled ~ .mbsc-progress-cont .mbsc-progress-track { opacity: 1; }
.carDetailsSection.healthInformation .ratingStars .mbsc-rating.mbsc-progress .mbsc-progress-cont { cursor: default; }
.carDetailsSection.healthInformation .moreDetails .header { display: flex; align-items: center; margin-bottom: 8px; font-size: 18px; }
.carDetailsSection.healthInformation .moreDetails .header img { display: none; margin-right: 12px; width: 50px; }
.carDetailsSection.healthInformation .moreDetails .header .title { width: 100%; font-size: 16px; padding: 10px; background: #DCEFF1; text-transform: none; }
.carDetailsSection.healthInformation .moreDetails { margin: -7px 0 32px 0; }
.carDetailsSection.healthInformation .moreDetails .break-word { padding: 0 10px; } 
.carConditionGallery .slick-arrow.mbsc-mobiscroll.mbsc-btn { position: absolute; border-radius: 50%; width: 34px; height: 34px; color: transparent; z-index: 10; margin: 0; padding: 0; background: none; font-size: 0; }
.carConditionGallery .slick-arrow.mbsc-mobiscroll.mbsc-btn:hover { opacity: 1; background: rgba(217, 217, 219, 0.45); }
.carConditionGallery .slick-dots li.slick-active button::before { opacity: 1; color: #953778; }
.carConditionGallery .slick-dots li button::before { font-size: 10px !important; width: 13px; }
.carConditionGallery .slick-dots li button { width: 13px; }
.carConditionGallery.slick-dotted.slick-slider { margin-bottom: 30px; margin-top: 15px; }
.carConditionGallery .slick-dots { bottom: -22px; }
.carConditionGallery .slick-dots li { margin: 0; width: 13px; }
.carConditionGallery .image img { max-width: 85vw; max-height: 260px; margin: 0 auto; }
.carConditionGallery .image { width: 85vw; display: table-cell; vertical-align: middle; text-align: center; background: #E9EBEE; }
.carConditionGallery { width: 85vw; margin: 15px auto; }
.used_cars.targetPages .mbsc-ic.mbsc-ic-star { color: rgb(204, 204, 204); }
.used_cars.targetPages .mbsc-mobiscroll.mbsc-rating.mbsc-rating-warning .mbsc-progress-track { color: #F90; }
#defectImagesList { visibility: hidden; }
#interiorImagesList { visibility: hidden; }
#economyAndPerformanceSection .contactRequestButtonsLabel { padding-top: 0; margin-right: 10px; }

/* Star rating tooltip */
.ratingTooltip .ratingStars { display: flex; margin-bottom: 10px;}
.ratingTooltip .ratingStars .mbsc-progress-track { opacity: 1 !important; color: #FF9900 !important; }
.ratingTooltip .ratingStars .mbsc-mobiscroll.mbsc-progress { padding: 0; }
.ratingTooltip .title {display: block; font-size: 30px; line-height: 41px; font-weight: bold; text-transform: uppercase; margin-bottom: 25px; text-align: center; }
.ratingTooltip .starDetail { font-size: 16px; line-height: 19px; }
.ratingTooltip .xButton { text-align: right; font-size: 30px;}
.ratingTooltip .xButton .fa-times{ cursor: pointer; }
.mbsc-fr-btn0.ratingOkButton { background: #FF9900 !important; color: #fff !important; width: 126px; height: 44px; border-radius: 3px; text-align: center; text-transform: uppercase; line-height: 44px; }
.ratingTooltip .mbsc-progress-track { cursor: default; }
.ratingTooltip .starsList { display:flex; }
.ratingTooltip .starsList .container { margin: 0 auto; }

.carDetailsSectionIcon .fuelIcon { background: url(/images/used_cars/target_page_new_layout/ikoni_taloudellisuus.png) no-repeat; height: 60px;} 
.priceWatcherSubscribeLink.carDetailsLinks { text-transform: uppercase; color: #499EA3; border: 2px solid #499EA3; }
.priceWatcherInline { display: flex; justify-content: space-between; align-items: center; font-size: 0.84em; min-height: 34px; padding: 0 10px; }
.priceWatcherInline span { font-weight: bold; }
.carDetailsSection .carDetailsGroup .priceWatcherInlineContainer hr { border-top: 1px solid #B3B3B6; height: auto; width: 50%; }
.carDetailsSection .carDetailsLinks { font-weight: bold; font-size: 18px; cursor: pointer; border-radius: 2px; padding: 8px 0; margin: 0; display: inline-block; text-decoration: none; width: 177px; text-align: center; }
.carDetailsSection .carDetailsLinks.itempageContactrequestButton { color: #fff !important; }
.carDetailsSection .contactRequestButtonsLabel { display: block; font-size: 18px; font-weight: bold; }
.carDetailsSection .carDetailsGroup .subtitle { font-weight: bold; padding: 10px 0; }
.carDetailsSection #featureContainer .carDetailsGroup.emptyItem { display: none; }
.carDetailsSection .subsectionHeader { display: flex; justify-content: space-between; padding: 10px; }
#featureContainer .subsectionHeader { padding: 10px; }
#featureContainer .carDetailsSectionContent .subtitle { padding: 10px; background: #DCEFF1; }
#featureContainer .carDetailsSectionContent .features { padding: 10px; }
#featureContainer .carDetailsGroup { margin-bottom: 0; }
.furtherInformation { max-width: 100%; line-height: 22px; }
.furtherInformation .sectoButton { display: flex; justify-content: flex-end; margin-bottom: 10px; }
#basicInfoSection .furtherInformation .sectoButton .openSectoFormButton { width: auto; padding: 4px 14px; margin: 10px 0; font-size: 16px; }
.grecaptcha-badge { display: none; }

.loanCalculator { width: 100%; padding: 0 10px 32px 10px; }
.loanCalculator .input-with-slider { padding: 8px 0; color: #000; line-height: 32px; display: flex; align-items: center; }
.loanCalculator .input-with-slider .label { display: inline-block; width: 120px; flex-shrink: 0; }
.loanCalculator .input-with-slider .text { width: 100px; height: 34px; }
.loanCalculator .input-with-slider .unit { display: inline-block; width: 25px; padding-left: 8px; }
.loanCalculator .input-with-slider .rangeContainer { display: none; }
.loanCalculator .input-with-slider .rangeContainer .mbsc-mobiscroll.mbsc-progress { padding: 0; }
.loanCalculator .input-with-slider .mbsc-slider-tooltip { width: 4.30em; margin-right: -2.15em; }
.loanCalculator .validationError { color: #f00; display: none; }
.loanCalculator .summary { background: #eee; padding: 10px; margin: 20px 0; }
.loanCalculator .summary h3 { margin-bottom: 20px; }
.loanCalculator .summary table { width: 100%; }
.loanCalculator .summary table th { text-align: left; padding: 5px 0; font-weight: normal; }
.loanCalculator .summary table td { text-align: right; padding: 5px 0; }
#content.itemPageContent .loanCalculator .button { display: inline-block; }
.loanCalculator .mbsc-mobiscroll .mbsc-slider-step { display: none; }
.loanCalculatorLogo { height: 50px; }
.loanCalculatorLogo.opbank { background: url('/images/used_cars/opbank_logo.svg') no-repeat left; background-size: 50px 50px; }
.opBankBanner { text-align: center; width: 100%; }
.opBankBannerDesktop { max-width: 100%; display: none; }
.opBankBannerMobile { display: inline; }

#modal { display: none; }
.popup.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { padding: 0; }
.popup.mbsc-mobiscroll .mbsc-fr-w { background: #ffffff; min-width: 98vw; }
.popup.mbsc-mobiscroll .group.location .mbsc-fr-w { min-width: auto; }
.popup.mbsc-mobiscroll .mbsc-btn { margin: 1em 0; }
.popup #modal { padding: 30px 30px 0 30px; border-top: 7px solid #52B1B7; }
.popup.hiddenItemsInfo #modal { padding: 35px; text-align: center; }
.popup.modifySearchModal #modal { padding: 0; border-top: none; }
.new_cars .popup.modifySearchModal #modal { padding: 30px 30px 0 30px; }
.popup.sortMobile #modal { border-top: none; }
.popup.sortMobile .remodal-close { right: 0; }
.textPopup .md-text-center { text-align: center; padding: 10px 0; }
.textPopup.bordered.success .mbsc-fr-w { border-top: 7px solid #40AF49; }
.textPopup.bordered.error { background: none; border: none; padding: 0; }
.textPopup.bordered.error .mbsc-fr-w { border-top: 7px solid #EE1B22; }
.textPopup.bordered .md-text-center { padding: 0; font-size: 16px; }
.textPopup.bordered .md-text-center a { color: #fff; font-size: 16px; margin-top: 25px; padding: 11px 42px; }
.textPopup.bordered.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { padding: 2em 3em; }
.textPopup.bordered .remodal-close { color: #505149; }
.textPopup.bordered .remodal-close:before { font-size: 40px; line-height: 50px; width: 0; }
.remodalContentContainer { font-size: 1.3em; }
#messagePopup { font-size: 1.3em; }
.textPopup.mbsc-wdg .mbsc-wdg-c.mbsc-w-p { padding: 2em; }
.hiddenItemsInfo a.button, .hiddenItemsInfo .modal .cancelLink { font-size: 18px; }
.hiddenItemsInfo .hideListItemInfoText { font-size: 18px; margin: 20px 0px 20px 0px; }

.modal .header h1 { color: #505149; font-size: 25px; padding: 0; }
.modal h2 { font-size: 1.1em; margin: 0; padding: 0; }
.modal .mbsc-mobiscroll .mbsc-err-msg { position: static; }
.modal .mbsc-mobiscroll .mbsc-checkbox-box { left: 1em; background: #4e9b96; }
.modal .mbsc-mobiscroll .mbsc-checkbox { padding: 0.8em; }
.modal .mbsc-mobiscroll .mbsc-checkbox input { cursor: pointer; }
.modal .mbsc-mobiscroll .radioInput.mbsc-radio { padding: 0.8em 3.125em 0.8em 1em; } 
.modal .mbsc-mobiscroll .radioInput .mbsc-radio-box { left: 1em; border: .125em solid #5db4b0; }
.modal .mbsc-mobiscroll .radioInput .mbsc-radio-box:after { background: #4e9b96; }
.modal .radioInput .mbsc-label { margin: 0 0 0 1.7em; }
.modal .mbsc-mobiscroll .radioInput .mbsc-radio-box:after { background: #4e9b96; }
.modal .mbsc-mobiscroll .allowDealerContact .mbsc-label { margin-left: 1.7em; }
.modal .mbsc-mobiscroll .allowDealerContact .mbsc-checkbox-box { left: 0; top: 0.55em; }
.modal .mbsc-mobiscroll .allowDealerContact .mbsc-checkbox { padding: 0; }
.modal #contactDetailsContainer .allowDealerContact { margin: 1.2em 0 0.3em 0; }
.modal .subtitleNotifier { margin-bottom: 15px; }
.modal .checkboxInput :checked:before { font-size: 15px; left: 4px; }
.modal .checkboxInput .mbsc-label { margin: 0 0 0 1.7em; }
.modal .carContainer { padding: 15px 0 10px 0; display: flex; justify-content: space-between; }
.modal .carContainer .contactRequestFormImageContainer { flex: 2; }
.modal .carContainer .carDetails { padding-left: 15px; text-align: left; flex: 3; }
.modal .carContainer .carDetails .carTitle { font-size: 20px; margin-bottom: 15px; }
.modal .carContainer .carDetails .carDetailsSection { padding: 0; box-shadow: none; }
.modal .carContainer .carDetails .carDetailsGroup { padding: 0; margin: 0 10px 0 0; }
.modal .carContainer .carDetails .carDetailsGroup .carDetailsLine { padding: 2px 0; line-height: 25px; }
.modal .carContainer .carDetails .carDetailsGroup .carDetailsLine .label { padding: 0; }
.modal .carContainer .carDetails .carDetailsLine:nth-child(odd) { background: #fff; }
.modal .contactFormInputs { padding-top: 10px; }
.modal .contactFormInputs .contactInformation { text-align: left; padding-right: 10px; width: 100%; display: inline-block; }
.modal .contactFormInputs .contactInformation .mbsc-label-floating.mbsc-label-floating-active span.mbsc-label { width: auto; }
.modal .contactFormInputs .contactInformation .mbsc-label-floating span.mbsc-label { width: 70%; }
.modal .contactFormInputs.mbsc-mobiscroll .mbsc-input { margin: 0.8em 0; position: relative; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .outlineInputs .mbsc-input { margin: 0.4em 0; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .outlineInputs .mbsc-input.mbsc-select { width: 88%; display: inline-block; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .mbsc-input { flex: 1; }
.modal .contactFormInputs.secto.mbsc-mobiscroll .outlineInputs span { flex: 0.15; text-align: center; }
.modal .contactFormInputs.secto .checkboxInput { display: block; }
.modal .contactFormInputs.secto .formLine input.text { width: 100%; }
.modal .contactFormInputs.secto .leasing-tooltip { cursor: pointer; }
.modal .contactFormInputs.secto #contactRequestLeasingFinancingService { cursor: auto; }
.modal .contactFormInputs .checkboxInput { display: flex; justify-content: space-around; }
.modal .contactFormInputs .formLine input.text { width: 98%; }
.modal .contactFormInputs .formLine textarea { padding: 4px 1%; float: right; margin-left: 1%; }
.modal .contactFormInputs .formLine .checkboxInput label { padding: 1em 2em 1em 1em; }
.modal .contactFormInputs .formLine .datepicker { width: 50% !important; color: #000; }
.modal .contactFormInputs.mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline.mbsc-ic-left input:focus { padding-left: 3em; }

/* IE issue */
.ie .mbsc-mobiscroll.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel::before { left: -0.1em; }
.ie [data-placement^=top].tippy-box > .tippy-arrow::before { border-top-color: currentColor; }
.modal .contactFormInputs .mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap :-ms-input-placeholder.mbsc-control { opacity: 1; }
.modal .contactFormInputs .mbsc-label-floating.mbsc-input.disabled .mbsc-label ~ .mbsc-input-wrap :-ms-input-placeholder.mbsc-control { opacity: 0.4; }

.modal .contactRequestDetails { width: 100%; padding-right: 0; display: flex; flex-direction: column; vertical-align: top; text-align: left; flex: 1.3; margin-bottom: 1em; }
.modal .contactRequestDetails .yourCarInfo input.text, .modal .contactRequestDetails .yourCarInfo .contactRequestFormTextArea { width: 100%; }
.modal .contactRequestDetails .yourCarInfo .additionalInfo .contactRequestFormTextArea { width: 100%; }
.modal .contactRequestDetails .yourCarInfo { margin-bottom: 10px; }
.modal .contactRequestDetails .details .leasingDetails select { width: 93%; font-size: 1.3em; padding: 4px 1%; border-radius: 3px; background-color: white; }
.modal .contactRequestDetails .details .leasingDetails .inputContainer { display: flex; align-items: center; }
.modal .contactRequestDetails .details { display: flex; flex-direction: column; }
.modal .secto .contactRequestDetails .details .outlineInputs .formLine.first { margin-top: 14px; }
.modal .secto .contactRequestDetails .messageForSeller { margin-top: 0.8em; }
.modal .contactRequestDetails .carExchange textarea { max-height: 125px; min-height: 125px; }
.modal .contactRequestDetails .mbsc-input-wrap { padding-top: .25em; }
.modal .leasing { position: relative; }
.modal .leasing-tooltip { position: absolute; right: -7px; top: 10px; z-index: 4; }

.contactRequestFormTextArea { width: 100%; min-height: 100px; }

.modal .formFooter .formNotes { font-size: 16px; }
.modal .formFooter .submitButtonContainer { display: inline-block; margin-bottom: 43px; }

.modal .dealerSelection { display: inline-block; text-align: left; padding: 20px 0 0 0; width: 100%; }
.modal .dealerSelection.mbsc-mobiscroll.mbsc-ltr .mbsc-input-outline .mbsc-err-msg { left: 0; }
.modal .dealerSelection.mbsc-mobiscroll .mbsc-input { margin: 0; }
.modal .cancelLink { font-size: 1.2em; padding-left: 5px; text-transform: uppercase; }
.modal .submitButtonContainer { display: inline-block; }
.modal.deleteFavorite a { font-size: 16px; }

.secto.mbsc-mobiscroll .mbsc-sel-filter-cont { display: none; }
.dealerDropdown.mbsc-mobiscroll .mbsc-fr-popup{ font-size: 1.21em; }
.regionDropdown.mbsc-mobiscroll .mbsc-fr-popup { font-size: 1.21em; }

.itemPageModalContactRequestSubmitButton { font-size: 18px; background-color: #ff9900; border: none; border-radius: 3px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 12px 65px; margin: 2em 0 0 0; }

.itemPageDetailSectionIcon { display: none; }

.carDetailsSectionIcon.basicInfoIcon { background: url('/images/used_cars/target_page_new_layout/basic-info-icon.svg') no-repeat; position: relative; }
.carDetailsSectionIcon.fuelIcon { background: url('/images/used_cars/target_page_new_layout/economy-and-performance-icon.svg') no-repeat; }
.carDetailsSectionIcon.priceIcon { background: url('/images/new_cars/price-icon.svg') no-repeat; background-size: 44px; }
.carDetailsSectionIcon.extraFeaturesIcon { background: url('/images/new_cars/extra-features-icon.svg') no-repeat; }

.furtherInformation .contactDealer { display: block; }
.carDetailsSectionContent .subSectionContainer { margin: 10px; }
.carDetailsSectionContent .subSectionContainer.somethingWrongCR { margin: 20px 10px; }
.carDetailsSectionContent .contactDealer.subSectionContainer { display: flex; align-items: center; justify-content: space-between; }
.carDetailsSectionContent.mbsc-form-group.mbsc-collapsible { padding-bottom: 20px !important; }
.carDetailsSectionContent.mbsc-form-group.mbsc-collapsible.mbsc-collapsible-open { padding-bottom: 0 !important; }
.contactDealer { display: inline-block; }
.contactDealer span { font-weight: bold; font-size: 16px; }
.contactDealer a { font-size: 16px; display: inline-block !important ; }
.furtherInformation h3 { font-weight: normal; text-transform: uppercase; }
#notKnownEndorsementExplanation  { display: none; }
#basicInfoSection.carDetailsSection .contactRequestButtonsLabel { font-size: 16px; }
#basicInfoSection.carDetailsSection .carDetailsLinks { padding: 4px 0; margin-top: 10px; }
#basicInfoSection .carDetailsSectionContent .contactDealer.subSectionContainer { display: inline-block; margin: 10px 0; }

#mainImageSlider .image { text-align: center; min-height: 240px; display: flex; align-items: center; justify-content: center; width: 100%; }
#mainImageSlider .image img { display: inline; max-width: 100%; max-height: 100%; flex-shrink: 0; }
#mainImageSlider .imageContainer { display: flex !important; }
#mainImageSlider.slick-slider { min-width: 1px; height: 100%; width: 100% !important; }

.carItempageImageComponent .slick-arrow { border-radius: 50%; width: 34px; height: 34px; }
.carItempageImageComponent .slick-arrow:hover { background: rgba(217, 217, 219, 0.45); }
.carItempageImageComponent .slick-arrow:before { font-family: 'Font Awesome 5 Free' !important; font-weight: 900; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); opacity: 1; }
.carItempageImageComponent .slick-prev:before { content: '\f053' !important; margin-right: 4px; }
.carItempageImageComponent .slick-next:before { content: '\f054' !important; margin-left: 4px; }
.carItempageImageComponent .slick-prev { left: 0px; }
.carItempageImageComponent .slick-next { right: 0px; }
.slick-next, .slick-prev { z-index: 10; }
.slick-next:before, .slick-prev:before { content: none !important; font-family: none !important; }
.slick-next:hover, .slick-prev:hover { opacity: 1 !important; }
.slick-slide { outline: none; }
.slick-slide img { max-width: 100%; max-height: 100%;}
#mainImageSlider .slick-dots, #imageCarousel .slick-dots { bottom: 10px !important; left: 0; z-index: 2; }
.slick-dots li button:before { font-size: 13px !important; }
.slick-disabled { display: none !important; }
.slick-dots .mbsc-mobiscroll.mbsc-btn { color: transparent; background: transparent; position: absolute; margin: 0; padding: 0; }

#mainImageSlider .slick-prev, #mainImageSlider .slick-next { top: 120px ; }
.itempageCarouselSlide.panoramaImage {border: 6px solid #fff !important;}
.itempageCarouselSlide.videoImage {border: 6px solid #fff !important;}

#imageCarousel .slick-track { height: 135px; }
#imageCarousel .image { height: 123px; width: 100%; display: flex; align-items: center; justify-content: center; background: #E9EBEE; }
#imageCarousel .image img { display: inline; flex-shrink: 0; }

.autojerryPanel.emptyAutoJerryPanel { padding: 25px 10px; }
.autojerryPanel .rightContent { display: flex; align-items: center; }
.autoJerryCarIcon { background: url('/images/used_cars/target_page_new_layout/autojerry-icon.svg') no-repeat center; height: 45px; width: 68px; margin-right: 20px; display: none; }
.autoJerryLink { text-transform: uppercase; }
.autoJerryLink a { white-space: nowrap; }
.autoJerryLink a span { white-space: pre-wrap; white-space: break-spaces; }
.autoJerryIcon { background: url('/images/used_cars/target_page_new_layout/autojerry.png') no-repeat; background-size: 132px 32px; min-width: 132px; background-position: right;  height: 30px; margin: 20px 10px 0 0; }
#almad-list-1 { text-align: center; }
.imagesBottomBanner { margin: 10px 0; }
.carItempageImageComponent .imagesBottomBanner { margin: 10px -10px 0 -10px; }

/* Seller information used car targe page renewal */
#contactInfoSection { padding: 0; }
.usedItempageContainerHeader { font-size: 20px; text-align: center; font-weight: bold; text-transform: uppercase; }
.usedCarItempageSellerInformation .addressInfo { display: flex; flex-direction: column; line-height: 22px; font-size: 16px; }
.usedCarItempageSellerInformation .sellerLinks { font-size: 16px; color: #499EA3; display: flex; flex-direction: column; }
.usedCarItempageSellerInformation .sellerLinks a { margin-top: 5px; }
.usedCarItempageSellerInformation .sellerLinks a:first-child { margin-top: 10px; }
.usedcarItempageOfficeInfoContentContainer { padding: 0 10px; display: flex; flex-direction: column-reverse; }
.usedcarItempageOfficeInformationContainer { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: center; padding: 20px 0; }
.usedcarItempageOfficeInformationContainer .itempagePhoneNumberButton i { margin-right: 10px; }
.usedcarItempageOfficeInformationContainer a.button { padding: 8px 0; font-size: 14px; border: 2px solid #ff9900; box-sizing: border-box; width: 100%; }
.usedcarItempageOfficeInformationContainer a.button.empty { background: #fff; color: #499EA3; border: 2px solid #499EA3; }
.targetPages .usedcarItempageOfficeInformationContainer hr { display: none; border-top: none; border-right: 2px solid #B3B3B6; width: 2px; height: 30px; padding: 0; margin: 0; }
.usedcarItempageOfficeInformationContainer .linkContainer.phoneCRLink { display: none; }
.usedcarItempageOfficeInformationContainer .linkContainer { flex: 1; }
.usedcarItempageOfficeInformationContainer .linkContainer.emailCRLink { margin-right: 10px; }
.contactInfo { display: inline-block; } 
.usedCarItempageOfficePersonelContainer { display: block; font-size: 14px; line-height: 18px; padding: 0 10px 20px 10px; }
#contactInfoSection .usedCarItempageOfficePersonelContainer .title { padding-top: 5px; }
.usedCarItempageOfficePersonelContainer .salesPersonName { font-weight: bold; }
.usedCarItempageOfficePersonelContainer #showAllDealers { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #499EA3; margin-top: 20px; cursor: pointer; }
.usedCarItempageOfficePersonelContainer .showAllDealerContainer { display: block; text-align: center; }
.usedCarItempageSellerInformation .dealerSalesPerson { display: flex; margin-bottom: 15px; }
.usedCarItempageSellerInformation .dealerSalesPersonImage { display: inline-block; position: relative; }
.usedCarItempageSellerInformation .dealerSalesPersonImage .defaultImage { background: #fff; }
.usedCarItempageSellerInformation .dealerSalesPerson .dealerSalesPersonImage img { width: 60px; }
.usedCarItempageSellerInformation .dealerSalesPerson .dealerSalesPersonImage { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; display: flex; flex-shrink: 0; align-items: center; justify-content: center; background: #E9EBEE; margin-right: 15px; }
.usedCarItempageSellerInformation .dealerSalesPersonInfo { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.usedCarItempageSellerInformation .dealerSalesPersonInfo .generalInfo { overflow: hidden; }
.usedCarItempageSellerInformation .dealerSalesPersonInfo .generalInfo a { text-decoration: none; cursor: default; }
.usedCarItempageSellerInformation .dealerSalesPersonInfo .sellerWhatsappPhoneNumberContainer { height: 30px; width: 108px; }
.usedCarItempageSellerInformation .dealerSalesPersonInfo .generalInfo span { display: block; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.addressInfo span, a {font-weight:bold; }
.contactInfo .dealerPhoneNumber { height: 18px; line-height: 18px; padding-left: 5px; font-weight: bold; font-size: 1.15em; }
hr { height: 1px; border: 0; border-top:1px solid #cdcdcd; margin: 0; }
.sellerPhoneNumber { display: block; font-weight: bold; color: #499EA3; }
#contactInfoSection .title { display: block; text-transform: uppercase; font-weight: bold; font-size: 18px; color: #505149; padding: 25px 0 15px 0; }
#contactInfoSection .addressDetails span { font-weight: normal; }
#contactInfoSection .addressDetails span.sellerName { font-weight: bold; }
#contactInfoSection .addressDetails .separator { margin-left: -3px; }
#contactInfoSection #openDealerMap span { font-weight: bold; }
.usedcarItempageOfficeInformationContainer .itempageContactrequestButton { display: inline-block !important; }
.sellerWhatsappPhoneNumberContainer .whatsappLink { display: inline-block; background: url('/images/used_cars/target_page_new_layout/whatsapp-icon.svg') no-repeat left; height: 100%; width: 100%; }
.sellerWhatsappPhoneNumberContainer .disabled { display: inline-block; background: url('/images/used_cars/target_page_new_layout/whatsapp-icon-disabled.svg') no-repeat left; height: 100%; width: 100%; cursor: default; }

#cto_cookies_header_message, #cto_cookies_ack_header_message { display:none; }

/* Other Cars panel target page renewal*/
.carPromotionsPanel { padding: 0 10px; }
.carPromotionsPanel .slick-slide { margin: 0 5px; }
.targetPages .otherCarsPanel { padding: 0 10px; }
.targetPages .otherCarsPanel .slick-slide { margin: 0 5px; display: flex; justify-content: center; }
.carList { margin-top: 30px; font-size: 16px; display: block; }
.carList h2 { font-size: 18px; text-transform: uppercase; margin-right: 15px; }
.carList div { display: inline-block; width: 100%; }
.carList .otherCarsHeader { display: flex; justify-content: space-between; flex-wrap: wrap; }
.carList .carsContainer { margin-top: 20px; }
.carList .carsContainer .item { margin: 0 0 15px 0; width: 100%; position: relative; }
.carList .carsContainer .item .carImage { display: flex; justify-content: center; align-items: center; width: 100%; height: 264px; background: #E9EBEE; overflow: hidden; }
.carList .carsContainer .item .carImage a { text-align: center; width: 100%; }
.carList .carsContainer .item .carImageLabel { display: flex; justify-content: center; padding: 7px 0; min-height: 40px; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.35); }
.carList .carsContainer .item .carImageLabel a { text-align : center; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.carList .carsContainer img { display: inline; max-width: 100%; max-height: 264px; }
a.headerCarsLink { font-size: 16px; margin-left: auto; text-transform: uppercase; text-decoration: none; display: flex; align-items: center; }
a.headerCarsLink i { margin-left: 7px; display: none; }
/* Similar Cars panel target page renewal */
.box { font-size: 20px; }
.box .similarCars .header { display: flex; flex-direction: column; }
.box .similarCars .title span { font-size: 24px; font-weight:bold; margin-right: 21px; }
.box .similarCars .subtitle { display: inline-block; font-size: 16px; } 
.box .similarCars .tabs { border: none; padding: 0; margin: 0; display: flex; justify-content: space-between; }
.box .similarCars .tab { flex: 1; box-sizing: border-box; margin-left: 7px; border: 1px solid #52B1B7; color: #52B1B7; display: inline-block; background: #fff; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; }
.box .similarCars .tab:first-child { margin-left: 0; }
.box .similarCars .tab a { color: #505149; display: block; font-size: 12px; text-align: center; text-transform: capitalize; padding: 6px 0; text-decoration: none; }
.box .similarCars .tab.active { background: #52B1B7; color: #fff; }
.box .similarCars .tab.active a { color: #fff; }
.box .similarCars .carsList { margin-top: 20px; }
.box .similarCars .carsList div { width: 100%; display: inline-block; }
.box .similarCars .carListItems { font-size: 16px; }
.box .similarCars .carItem { width: 100%; margin-bottom: 15px; position: relative; }
.box .similarCars .carItem img { max-height: 264px; max-width: 100%; display: inline; }
.box .similarCars .carItem .carName { color: #4e9b96; text-align: center; font-weight: bold; margin-top: 15px; }
.box .similarCars .carItem .carName span { display: block; }
.box .similarCars .carItem .carImage { width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 264px; background: #E9EBEE; }
.box .similarCars .carItem .carImage a { width: 100%; text-align: center; }
.box .similarCars .carItem .carImageLabel { display: flex; justify-content: center; padding: 8px 0; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.35); }
.box .similarCars .carItem .carImageLabel a { text-align: center; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); }
.box .similarCars .carItem .carImageLabel span { display: block; }

.otherCarsPanel .box .similarCars h2 { font-size: 18px; margin-bottom: 15px; }
.otherCarsPanel .box { margin-top: 30px; }
.listPage .leasingArticles { margin-top: 30px; }
.leasingArticles .box .carListItems { margin-top: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 16px; }
.leasingArticles .box .carItem { background: #E9EBEE; width: 100%; text-align: center; }
.leasingArticles .box .carItem .carName { color: #4e9b96; font-weight: bold; display: block; background: #fff; margin: 0; padding: 15px 0; }
.leasingArticles .box .carItem img { max-height: 170px; max-width: 100%; text-align: center; }
.leasingArticles .box .carItem a { width: 100%; text-align: center; }
.leasingArticles .box .carsList { margin: 0; }
.leasingArticles .box .carsList .title { font-size: 24px; font-weight: bold; }

/* Car item articles target page renewal  */
.carArticles { margin: 30px 10px 0 10px; }
.carArticles .title { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; }
.carArticles h2 { display: block; text-transform: uppercase; margin-right: 15px; font-size: 18px; }
.carArticles .itemArticleLink { display: inline-block; font-size: 16px; margin-left: auto; }
.carArticles .itemArticleLink a { margin-left: auto; text-transform: uppercase; text-decoration: none; display: flex; align-items: center; }
.carArticles .itemArticleLink i { display: none; margin-left: 7px; }
.carArticles .content { margin: 0; }
.carArticles .content .slick-prev, .carArticles .content .slick-next { top: 40%; }
.carArticles .content .slick-slide { margin: 0 5px; height: 266px; display: flex; justify-content: center; align-items: center; }
.carArticles .content div { width: 100%; display: inline-block; }
.carArticles .content .listItem .item { box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); margin: 0; position: relative; }
.carArticles .content .item .image { display: flex; justify-content: center; align-items: center; background: #E9EBEE; width: 100%; height: 190px; overflow: hidden; }
.carArticles .content .item .image a { width: 100%; text-align: center; }
.carArticles .content .item .image img { max-height: 190px; max-width: 100%; display: inline; }
.carArticles .content .item .info { width: 100%; text-align: center; background-color: #fff; display: flex; align-items: center; justify-content: center; height: 70px; }
.carArticles .content .item .info .title { margin: 0; }
.carArticles .content .item .info span { font-size: 14px; padding: 0 5px; }
.carArticles .content .item .info .articleDate { position: absolute; right: 0; top: 20px; width: 85px; padding: 3px 0; background: #fff; color: #505149; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.35); }

.special1Banner { margin-top: 10px; text-align: center; }

/* Tell a friend modal */
.modal.tellAFriend { text-align: left; }
.modal .tellAFriendContainer { margin-top: 20px; text-align: left; font-size: 16px; }
.modal .tellAFriendContainer .submitButton { text-align: right;}
.modal .tellAFriendContainer .formLine input.text { width: 100%; box-sizing: border-box; }
.modal .tellAFriendContainer .formLine textarea { height: 235px !important; box-sizing: border-box; }
.modal .tellAFriendContainer .formLine .mbsc-textarea { height: 235px !important; }
.modal .tellAFriendContainer .carInformation .formLine { margin-bottom: 8px; }
.modal .tellAFriendContainer .carDetailsSection { box-shadow: none; padding: 15px 0; }
.modal .tellAFriendContainer .contactFormInputs > div { flex: 1; }
.modal .tellAFriendContainer .contactFormInputs.mbsc-mobiscroll .mbsc-input { margin: 0.3em 0 0.8em 0; }
.modal .tellAFriendContainer .carAnnouncementURL, .modal .tellAFriendContainer .leasingAnnouncementURL { overflow-wrap: break-word; }

/* Report content modal */
.modal.reportContent { font-size: 16px; } 
.modal.reportContent #contentReportForm { padding: 20px 0 43px 0; }
.modal.reportContent .formLine.message { margin-top: 10px; }
.modal.reportContent textarea { width: 100%; height: 130px !important; }
.modal.reportContent .submitButton { margin-top: 10px ; }
.modal.reportContent #submitContactRequest { padding: 12px 65px; font-size: 18px; }
.modal.reportContent .mbsc-mobiscroll .mbsc-radio-box { left: 0; right: auto; }
.modal.reportContent .mbsc-mobiscroll.mbsc-radio { padding: 0.5em 1em; max-width: 165px;  }
.modal.reportContent .mbsc-mobiscroll.mbsc-radio input { cursor: pointer; }
.modal.reportContent .mbsc-mobiscroll.mbsc-input { margin: 0.5em 0; }

/* Target pages */
.targetPages #content { width: 980px; padding-bottom: 0; }
.targetPages .carDetailsSection.mbsc-form { font-family: "Roboto Condensed", Times; }
.targetPages .carDetailsSection .mbsc-ic:before { font-weight: bold; font-size: 29px; color: #499EA3; }
.targetPages .carDetailsSection .ratingStars .mbsc-ic:before { font-weight: normal; font-size: 22px; color: inherit; }
.targetPages .carDetailsSection .mbsc-collapsible .mbsc-collapsible-icon { top: 65%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); cursor: pointer; }
.targetPages .carDetailsSection .mbsc-collapsible-open>.mbsc-collapsible-header .mbsc-collapsible-icon { top: 50%; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.targetPages .carDetails { padding: 0; }
.targetPages .carDetails.otherCars { padding-bottom: 30px; }
.targetPages .carDetailsSection { padding: 20px 0 0 0; margin: 0; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); box-sizing: border-box; border-bottom: 1px solid rgba(217, 217, 219, 0.7); }
.targetPages .carDetailsSection:last-child { border-bottom: none; }
.targetPages .carDetailsSection.healthInformation { padding: 0; box-shadow: none; border-bottom: none; }
.targetPages .carDetailsSection h2 { font-size: 18px; margin: 0; }
.targetPages .carDetailsSection h2.subSectionHeader { padding: 20px 10px 10px 10px; }
.targetPages .carDetailsSection h2.subSectionHeader ~ div { padding: 0 10px 20px 10px; display: flex; flex-direction: column; }
.targetPages .carDetailsSection .carDetailsSectionContent.mbsc-collapsible-open .carDetails { padding: 16px 0 0 0; }
.targetPages .carDetailsSection .carDetailsSectionContent.mbsc-collapsible-open .carDetails.single { padding-top: 0; display: block; }
.targetPages .carDetailsSection .subsectionHeader h2 { font-size: 16px; padding: 0; }
.targetPages .itemContent .slick-arrow:before { font-family: 'Font Awesome 5 Free' !important; font-weight: 900; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); opacity: 1; }
.targetPages .itemContent .slick-arrow:hover { background: rgba(217, 217, 219, 0.45); }
.targetPages .itemContent .slick-arrow { border-radius: 50%; width: 34px; height: 34px; }
.targetPages .itemContent .slick-next:before { content: '\f054' !important; margin-left: 4px }
.targetPages .itemContent .slick-next { right: 6px; }
.targetPages .itemContent .slick-prev:before { content: '\f053' !important; margin-right: 4px; }
.targetPages .itemContent .slick-prev { left: 6px; }
.targetPages hr { border-top: 1px solid #B3B3B6; width: 50%; height: auto; margin-right: auto; }
.targetPages #modal hr { padding: 0; height: 1px; border-top: 1px solid #cdcdcd; width: 100%; margin: 0; }
.targetPages .furtherInformation hr { width: 100%; }
#dimensionPanel .carDetails { padding-top: 0; }
#content.itemPageContent { width: 100%; padding-bottom: 0; }
.itemPageContent .breadcrumbsContainer { font-size: 14px; padding: 0 7px; }
.itemContent { float: left; width: 100%; }
.itemContent h1 { font-size: 2.2em; font-weight: normal; }
.itemContent h3 { font-size: 1.25em; font-weight: normal; }
.pageSectionsLinks { height: 42px; border: 1px solid #CDCDCD; border-bottom: 2px solid #52B1B7; padding: 0; width: 104%; margin-left: -2%; border-left: none; border-right: none; }
.pageSectionsLinks .firstContainer { height: 100%; margin: 0 auto; }
.pageSectionsLinks .secondContainer { height: 100%; }
.pageSectionsLinks .linksList { height: 100%; margin: 0 auto; display: flex; justify-content: space-around; }
.pageSectionsLinks .linksList a { color: #505149; font-size: 10px; text-transform: uppercase; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; text-decoration: none; font-weight: bold; border-right: 0.5px solid rgba(217, 217, 219, 0.7); }
.pageSectionsLinks .linksList a:last-child { border-right: none; }
.pageSectionsLinks #goToMainGalleryLink { display: none; }
.pageSectionsLinks a.openContactDealerFormButton { display: none; }
#content.itemPageContent a.button { display: block; }
#content.itemPageContent a.button.phoneTypeCR { display: flex; align-items: center; }
.itemTopNaviBar { float: left; margin-top: 10px; width: 100%; padding-bottom: 16px; background-color: #505149; }
span.itemPagePrevAndNext a { color: #fff; padding-left: 7px; }
.searchResultText { display: none; }
.itemPageIcon:before { padding-right: 5px; }
.itemPageIconWhite, .itemPageIcon { display: inline-block; vertical-align: top; height: 30px; color: #fff; font-size: 1.3em; line-height: 30px; cursor: pointer; font-weight: bold; }
.searchIcon { background-position: 0 -62px; padding-left: 27px; }
.searchIcon:hover { background-position: 0 -93px; }
.carItemTargetPageIcon { font-size: 25px; display: flex; justify-content: space-between; }
.carItemTargetPageIcon span { font-size: 15px; vertical-align: middle; }
.carItemTargetPageIcon a { color: #fff; margin-right: 5px; }
.carItemTargetPageIcon a:hover { color: #ff9900; }
.carItemTargetPageIcon .targetPageTellAFriend { display: inline; }
.carItemTargetPageIcon .targetPageAllImages { display: inline; float: right; }
.itemMinilist { float: left; margin-top: 4px; width: 100%; }
.itemImages { position: relative; background-color: #505149; }
.itemImages #mainImage img { max-width: 100%; max-height: 401px; }
.itemImages #mainImage.newCar img { max-height: 401px; }
.itemTools { height: 40px; line-height: 40px; padding-bottom: 4px; margin: 4px 11px 0 11px; }
.itemTools a:hover { text-decoration: none; }
.priceTag { display: none; }
.priceTag { background-color: #5ab5b1; color: #fff; white-space: nowrap; overflow: hidden; font-size: 1.5em; font-weight: normal; padding: 10px; margin-bottom: 5px; }
.priceTag > span { font-size: 1.3em; }
.priceTag > div { font-size: 0.9em; }
.priceTag a { color: white; font-weight: bold; }
.itemDetailsRow { float: left; width: 262px; overflow: hidden; }
.itemDetailsRow .key { float: left; width: 140px; font-weight: bold; padding: 1px 0 2px 10px; }
.itemDetailsRow .value { float: left; width: 110px; padding: 1px 0 2px 0; }
.itemDetailToggleBar { background-color: #52B1B7; color: #fff; padding: 8px 0; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); box-sizing: border-box; }
.itemDetailToggleBar > span { float: left; margin: 10px; vertical-align: middle; font-size: 23px; line-height: 20px; }
.itemDetailToggleBar h2 { line-height: 24px; }
.itemDetailToggleBar.basicInfoBar { display: flex; flex-direction: column; align-items: center; }
.itemDetailToggleBar.basicInfoBar .carId { line-height: 24px; font-size: 14px; }
.itemDetailContent { padding: 20px 0; font-size: 16px; }
.itemDetailContent h3 { font-weight: bold; margin-bottom: 6px; font-size: 16px; padding: 10px; background: #DCEFF1; }
.itemDetailContent .featureGroup .optionalFeature:last-child { border-bottom: none; }
.itemDetailContent > table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.itemDetailContent > table tr:nth-child(odd) { background: #ececec; }
.itemDetailContent > table tr:nth-child(even) { background: #fff; }
.itemDetailContent > table tr td { min-width: 49%; max-width: 49%; width: 49%; vertical-align: middle; padding: 5px 0 5px 2%; }
.itemDetailContent .equipmentList { list-style: none; margin: 0; padding: 0; }
.itemDetailContent .equipmentList > li { padding: 0 10px 0 10px; line-height: 27px; }
.itemDetailContent .equipmentList > li:nth-child(odd) { background: #fff; }
.itemDetailContent .equipmentList > li:nth-child(even) { background: #f0f0f0; }
.itemDetailContent ul { margin-top: 0; margin-bottom: 0; padding-left: 27px; }
.itemDetailContent p { margin: 0 10px 0 10px; }
.itemDetailContent a { font-weight: bold; }
.itemDetailContent iframe { margin-left: 10px; }
.itemDetailContent .itemArticles .article { margin: 10px; width: 43%; float: left; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); }
.itemDetailContent .itemArticles .article .padder { padding: 8px; }
.itemDetailContent .itemArticles .article img { margin-bottom: 5px; }
.itemDetailContent .itemArticles a > img { max-width: 168px; max-height: 126px; padding: 1px; }
.itemDetailContent .itemArticles a > div { position: absolute; bottom: 0; left: 0; height: 30px; width: 160px; padding: 2px 5px 2px 5px; cursor: pointer; text-decoration: none; }
.itemDetailContent .featureGroup .optionalFeature { line-height: 20px; padding: 6px 0; margin: 0 10px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(217, 217, 219, 0.7); }
.itemDetailContent .featureGroup .optionalFeature .accessory img { float: left; padding: 3px 2px 0 0; }
.itemDetailContent .featureGroup .optionalFeature .accessoryPrice { font-weight: bold; margin-left: 20px; flex-shrink: 0; }
.itemDetailContent .featureGroup .optionalFeature input { float: left; }
.itemDetailContent #carPriceTotal { font-size: 1.25em; font-weight: bold; }
.itemDetailContent .accessoriesLegend { padding: 10px; margin: 10px 0 10px 0; border-top: 1px solid #596066; border-bottom: 1px solid #596066;  }
.itemDetailContent a.notKnownEndorsementLink { display: block; width: 20px; height: 20px; float: right; margin: 0 10px 0 0; background: url('/images/used_cars/target_page_new_layout/ikoni_auton_tiedot.png') no-repeat; }
.itemDetailContent .notKnownEndorsementExplanation { padding: 3px 0 3px 25px; margin-top: 15px; font-size: 12px; }
.itemDetailContent span.previousPrice { text-decoration: line-through; float: right; margin-right: 5px; }
.itemDetailToggleBar .itemPageMakeModelFactHeader { font-weight: normal; }
.carDetailsContent.priceWatcherComponent { display: none; }
.itemArticles a { color: #4e9b96; font-weight: bold; min-height: 36px; }
.itemNumber { min-height: 17px; }
.dealerContact { float: left; width: 100%; }
.dealerContact .dealerName { text-align: left; margin: 10px auto 10px 10px; width: 100%; padding: 0; }
.dealerContact .dealerName img { display: block; margin: 0 0 10px 0; }
.regionAndDealerDropdown .dealerSelect { margin: 1em 0; }
.regionAndDealerDropdown .dealerSelect .select { flex: 1; }
.regionAndDealerDropdown .dealerSelect .select.region { margin: 0 0 17px 0; }
.regionAndDealerDropdown .dealerSelect .select label { margin: 0; }
.contactRequestContainer { border: 2px solid #505D69; padding: 5px; }
.contactRequestContainer .closeBox { border: 2px solid #E3E7EA; width: 15px; text-align: center; cursor: pointer; float: right; }
.contactRequestLinkContainer { display: none; }
.contactRequestLinkContainer .contactRequestIcon { margin-right: 8px; }
.videoContainer, .panoramaContainer { display: inline-block; margin-left: 5px; }
.dealerContactInfo img { max-width: 300px; border: 1px solid #596066; margin-top: 10px; }
.dealerContactInfo .dealerPhoneNumberWrapper { margin: 8px 0; }
.dealerContactInfo .dealerPhoneNumber { height: 18px; line-height: 18px; padding-left: 5px; font-weight: bold; font-size: 1.15em; }
.dealerContactInfo .dealerSalesPerson { margin-top: 10px; }
.dealerContactInfo .dealerSalesPersonImage { float: left; width: 71px; height: 91px; }
.dealerContactInfo .dealerSalesPersonImage img { max-width: 71px; max-height: 91px; border: none; margin: 0; }
.dealerContactInfo .dealerSalesPersonInfo { float: left; width: 134px; padding: 6px 0 0 6px; overflow: hidden; }
.dealerContactInfo .salesPersonName { font-weight: bold; }
.dealerContactInfo .showPhoneNumber { display: block; color: rgb(255, 255, 255); margin: 5px 0; font-size: 1.0em; padding: 8px 12px; border: 1px solid rgb(204, 204, 204); border-radius: 3px; text-transform: uppercase; font-weight: bold; background: rgb(33, 52, 96); text-decoration: none; text-align: center;}
#itemDealerAndMapContainer { float: left; width: 100%; border: 1px solid #0d0d0f; position: relative; }
#itemDealerAndMapContainer a { font-weight: bold; }
#itemDealerAndMapContainer form input.invalid { color: #333333; border-color: red; }
#itemMapContainer { height: 562px; position: relative; }
#findRouteDiv { position: absolute; width: 110px; height: 18px; line-height: 18px; background: #fff; top: -1px; right: 0; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; text-align: center; z-index: 10; }
#findRouteDiv a { font-weight: bold; cursor: pointer; }
#findRouteForm { position: absolute; width: 245px; padding: 8px; line-height: 18px; background: #fff; top: -1px; right: 0; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; text-align: left; z-index: 999; }
span#findRouteFormTitle { font-weight: bold; }
#findRouteForm a#closeRouteForm { position: absolute; top: 0; right: 0; margin-right: 8px; font-weight: normal; cursor: pointer; }
#findRouteForm input { margin: 0 4px 4px 0; }
#findRouteForm input.text { width: 200px; }
#findRouteForm input.submit { float: right; }
#findRouteForm input.default { color: #8a8a8a; }
#findRouteForm input.error { color: #cc0000; width: 190px; }
#findRouteForm a#resetFindRouteFromAddressForm { font-weight: normal; cursor: pointer; }
#noMapLocationFound { float: left; padding-top: 200px; width: 100%; height: 100%; color: #cc0000; font-weight: bold; text-align: center; }
.itemBottomNaviBar { display: table; margin-top: 10px; width: 100%; background-color: #505149; color: #fff; font-size: 1.6em; padding: 10px 0; }
.itemBottomNaviBar .bottomNaviMiddle.tableCell { display: none; }
.itemBottomNaviBar .bottomNaviRight { width: 180px; text-align: right; }
.itemBottomNaviBar a { color: #fff; }
.itemBottomNaviBar a:hover {color: #ff7d04; text-decoration: none; }
.itemBottomNaviBar .bottomNaviTools { margin: auto; }
.itemBottomNaviBar .bottomNaviTools .itemCounter { font-size: 1.2em; text-align: center; }
.itemBottomNaviBar .bottomNaviTools .backToList { text-align: center; margin: auto; font-size: 0.9em; }
.itemBottomNaviBar .bottomNaviTools .backToList a:hover { text-decoration: none; } 
.itemBottomNaviBar .tableCell { display: table-cell; vertical-align: middle; }
.contactInfoPanelEmailContainer { word-wrap: break-word; }
.similarCarsLink { display: none; }
.targetPageTellAFriend span { display: none; }
#rightBanner #skyscraperAnchor { width: 100%; height: 1px; padding: 0; }
.socialMediaIcons { float: left; padding-top:0;}
.tellAFriendIcon {padding-top: 3px; float: left; }
#almad-parade-2, #almad-parade-3 { text-align: center; }

/* Used cars target page */
#contactRequestLink { background-color: #ff9900; font-size: 1.45em; padding: 5px 10px; }
#contactRequestLink > i { font-size: 18px; margin-left: 5px; }
.privateCarPriceMsg { font-size: 1.1em !important; white-space: normal !important;}
#usedCar_userStory { background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; padding: 10px; margin-top: 10px; font-size: 1.3em;}
#usedCar_userStory h2 { font-size: 1.15em; font-weight: bold; padding: 10px 0 10px 0; text-transform: uppercase; }

/* New cars target page */
.newCarsPriceInfo { float: left;}
.newCarsPriceInfo #totalPrice { font-size: 1.25em; }
.newCarsPriceInfo #totalPrice span { font-size: 1.45em; }
.newCarsPriceInfo table { border-collapse: collapse; margin: 0 0 10px 10px; }
.newCarsPriceInfo td { vertical-align: bottom; padding-right: 20px; }
.newCarsPriceInfo #newCarsMakeLogo { vertical-align: middle; padding-left: 20px; float: left;}
.newCarsPriceInfo .idcInfo { margin: 0 10px 10px 10px; }
.newCarsPriceInfo .idcInfo > span { display: block; font-size: 1.25em; margin-bottom: 4px; }
#newCarsPriceInfo { float: left; width: 267px; height: 126px; font-size: 1.3em; font-weight: bold; line-height: 1.4em; }
.newCarQuicklyDeliveredPriceInfo { font-size: 1.2em; font-weight: bold; padding: 10px 15px 10px 10px; }
#accessoriesSelectionForm .hidden { display: none; }
.accessoriesFooter { float: left; width: 247px; overflow: hidden; margin: 10px 0 0 8px; padding: 10px 0 0 0; border-top: 1px solid #a3acb3; }
.accessoryFooterFont { font-size: 0.95em; }
#dealersList { float: left; }
.new_cars.targetPages .tippy-tooltip { text-align: left !important;}

/* Car comparison pages */
#comparisonContainer { margin: 15px 0 0 0; padding: 0 0 10px 0; overflow-x: scroll; }
#comparisonContainer table { border-collapse: collapse; border-spacing: 0; }
#comparisonContainer a {font-weight: bold; }
#comparisonContainer th {background: #5ab5b1; color: #fff; font-weight: bold; padding:5px 10px; border-left: 2px solid #fff;}
#comparisonLayoutTable td .twoRows { height: 36px; }
#comparisonContainer tr   {background-color: #fff;}
#comparisonContainer td {background-color: #fff;}
#comparisonContainer tr.returnArea td {background-color: #ececec; } 
#comparisonContainer tr.returnArea td:first-child { vertical-align: top; min-width: 110px; }
.comparisonCol { width: 155px; }
.comparisonColSpacer { width: 0; }
.comparisonHeader { width: 136px; padding-left: 8px; height: 24px; line-height: 24px; border: 1px solid #55595c; background: #5ab5b1; color: #fff; font-weight: bold; }
.comparisonHeaderBlock div { width: 138px; padding-left: 8px; height: 18px; line-height: 18px; }
.used_cars .comparisonHeaderBlock div { width: 150px; }
.comparisonOddRow { background: #f5f5f5; }
.comparisonDataBlock div { width: 147px; padding-right: 8px; height: 18px; line-height: 18px; text-align: left; }
.comparisonDataListCont { vertical-align: top; }
.comparisonDataListCont ul { padding: 0 0 0 9px; margin: 0 0 10px 9px; line-height: 16px; }
.comparisonCarImg { float: left;  width: 100%; height: 80px; text-align: center; background: #505149; }
.comparisonCarImg ul li { width: 100%; height: 80px; }
.comparisonCarImg ul li img { border: 1px solid #a0a9b2; margin-top: 7px; width: 90px; height: 70px; }
.comparisonImgNavi { float: left; width: 157px; padding: 5px 0 7px 0; background: #505149; }
.comparisonImgNavi a {color:#fff;}
.comparisonPreviousImg, .comparisonNextImg { float: left; overflow: hidden; }
.comparisonPreviousImg .fas, .comparisonNextImg .fas { font-size: 17px; }
.comparisonPreviousImg { margin: 0 0 0 19px; }
.comparisonNextImg img { margin-left: -19px; }
.comparisonImgText { float: left; width: 92px; text-align: center; color:#fff; } 
.comparisonCarTitle { float: left; width: 100%; min-height: 40px;}
#comparisonContainer .returnArea {background-color: #ececec; padding: 10px}
.comparisonColumnTop { vertical-align: top; padding: 0; background-color: #ececec; }
.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="modelYear"] .mbsc-sc-itm { text-align: center; }
.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="contractLength"] .mbsc-sc-itm { text-align: center; }
.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="yearlyKilometrage"] .mbsc-sc-itm { text-align: center; }
/* Add/edit car page */
.accessoryList { margin-top: 5px; }
.accessoryList div { padding: 1px 0 1px 5px; }
.accessoryHeader { background: #cdcdcd; height: 25px; line-height: 25px; }
.accessoryHeader div { font-weight: bold; padding: 0 0 0 8px; }
.accessoryFields { padding: 8px 0 12px 0; }
.safetyHidden, .interiorHidden, .appearanceHidden, .otherHidden { display: none; }
.otherAccessoriesToggle span { float: left; color: #5ab5b1; padding: 8px 0 0 8px; font-weight: bold; cursor: pointer; }
#registrationNumber { text-transform: uppercase; }
.cubicCapacityInput, .powerInput { width: 75% !important; }
.cubicCapacityUnit, .powerUnit { width: 20% !important; }
.itemDetail { float: left; width: 100%; padding-top: 10px; }
.itemDetail .key {float: left; line-height: 30px; }
.itemDetail .checkboxWrap { padding: 5px 0px 0px 5px; float: left; width: 20px; }
.itemDetail .key  span.required { color: red; }
.itemDetail h1 { padding: 5px 0;}
.itemDetail.passwordContainer .value { position: relative; }
.itemDetail.passwordContainer .value .tooltip { position: absolute; top: 6px; right: 2px; background: url('/images/common/question-circle-solid.svg') no-repeat; width: 18px; height: 20px; display: inline-block; }
.itemDetailContentLeft { float: left; width: 100%; }
.addEditCarItemForm input.text, .addEditCarItemForm textarea { background-color: #fff; border: 1px solid #5ab5b1; border-radius: 3px; height: 25px; padding-left: 4px;  width: 93%; }
.addEditCarItemForm textarea.userStory { height: 100px; }
.addEditCarItemForm .featureGroupToggle > span.collapse { display: none; }
.addEditCarItemForm .featureGroupToggle > span.expand { display: block; }
.addEditCarItemForm .fileinput-button { margin-bottom: 10px; }
.addEditCarItemForm .formOverlay { width: 100%; height: 100%; position: absolute; z-index: 9999; background: rgba(204,204,204,0.75); text-align: center; }
.addEditCarItemForm .formOverlay .spinner { background:  url('/images/common/image-loader.gif') no-repeat 50% 50%; position: fixed; left: 50%; top: 50%; height: 90px; width: 200px; margin-left: -100px; margin-top: -45px; }
.addEditCarItemForm .formOverlay .text { text-align: center; font-size: 18px; font-weight: bold; color: #fff; }
.addEditCarItemForm .errorMessage { color: red; font-size: 13px; margin-top: 2px; width: 97%; text-align: justify; }
body.addEditPage #content { width: 100%; }
body.addEditPage #contentBackground { padding: 0; width: 100%; }
body.addEditPage .breadcrumbsContainer { padding: 13px 0; background: #fff; width: inherit; margin: 0; }
body.addEditPage .breadcrumbsContainer .breadcrumbs { margin-left: 13px; }
body.addEditPage div[aria-label="driveTrainType"] .mbsc-sc-whl-c { top: 63%; }
.addEditPageTabs { height: 63px; background: #505149; display: flex; flex-wrap: wrap; }
.addEditPageTabs a { display: inline-block; text-decoration: none; cursor: pointer; width: auto; color: #B3B3B6; text-transform: uppercase; font-weight: bold; font-size: 1.127em; line-height: 63px; padding: 0 10px; }
.addEditPageTabs .active { color: #fff; background: #499EA3; }
#addEditPageForm .mbsc-form, #addEditPageForm .mbsc-control-w, #addEditPageForm .mbsc-segmented { font-family: 'Roboto Condensed', Times; }
#addEditPageForm .mbsc-mobiscroll.mbsc-input { margin: 2em 0; }
#addEditPageForm .intro { text-align: center; font-size: 18px; color: #000; margin: 19px 0 35px 0; }
#addEditPageForm .introFields { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); margin-bottom: 1.88em; padding-bottom: 15px; }
#addEditPageForm .introFields h2 { font-size: 18px; line-height: 21px; text-transform: uppercase; color: #52B1B7; padding-top: 25px; }
#addEditPageForm .header { text-transform: none; font-weight: bold; font-size: 1.2em; }
#addEditPageForm .infoPanels { padding: 16px 16px 32px 16px; }
#addEditPageForm .inputContainer { position: relative; }
#addEditPageForm .inputContainer .clearOption { background-color: #ffffff; color: #499ea3; top: 0.4em; right: -7px; width: 21px; height: 20px; z-index: 1; border-radius: 50%; cursor: pointer; }
#addEditPageForm .inputContainer.currentPrice { position: relative; }
#addEditPageForm .sectionBar .fas { padding: 0 15px; line-height: 40px; }
#addEditPageForm .sectionBar .fa-cogs { padding: 0 11px 0 15px !important; }
#addEditPageForm .footerButtons .secondRow { display: flex; flex-direction: column; }
#addEditPageForm .footerButtons .firstRow { display: flex; flex-direction: column; }
#addEditPageForm .footerButtons .button.visibility-hidden { display: none; } 
#addEditPageForm #imageUpload .footerButtons .nextTab { display: none; }

#addEditPageForm .footerButtons { background: #ececec; width: 100%; padding: 15px 0; display: inline-block; }
#addEditPageForm a { text-decoration: none; padding: 10px 10px; }
#addEditPageForm a.button { color: #fff; }
#addEditPageForm a.nextTab span { margin: 0 -5px 0 5px; }
#addEditPageForm a.previousTab { margin: 0 15px; }
#addEditPageForm a.previousTab span { margin: 0 5px 0 -5px; }
#addEditPageForm .sectionBar { height: 40px; margin: 0 1em 1.88em 1em; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); color: #52B1B7; text-transform: uppercase; display: flex; }
#addEditPageForm .sectionBar[aria-expanded="true"] {  margin: 0 1em; }
#addEditPageForm .sectionBar .title { flex: 3; line-height: 40px; display: flex; font-weight: bold; font-size: 18px; }
#addEditPageForm .mbsc-err-msg { position: absolute; display: none; font-size: 0.94em; left: 0; padding-top: 0; }
#addEditPageForm .carConditionRadioButtons .mbsc-err-msg { position: static; }
#addEditPageForm #cubicCapacityInvalid.mbsc-err-msg { position: static; }
#addEditPageForm #registrationNumberInvalid.mbsc-err-msg { position: static; }
#addEditPageForm .inputContainer .title { display: flex; align-items: center; height: 25px; }
#addEditPageForm .inputContainer .title.superscript { display: inline-block; }
#addEditPageForm .footerButtons a { padding: 15px 8px; font-size: 16px; min-width: 110px; }
#addEditPageForm .footerButtons .leftButtons { float: left; display: flex; flex-direction: column; }
#addEditPageForm .footerButtons .rightButtons { float: right; display: flex; flex-direction: column-reverse; }
#addEditPageForm .footerButtons .leftButtons a { margin: 0 13px 15px 1.7em; }
#addEditPageForm .footerButtons .rightButtons a { margin: 0 1.7em 15px 0; }
#addEditPageForm .formOverlay { width: 100%; height: 100%; position: absolute; left: 0; z-index: 999; background: rgba(204,204,204,0.75); text-align: center; }
#addEditPageForm .formOverlay .spinner { background:  url('/images/common/image-loader.gif') no-repeat 50% 50%; position: fixed; left: 50%; top: 50%; height: 90px; width: 240px; margin-left: -120px; margin-top: -45px; }
#addEditPageForm .formOverlay .text { text-align: center; font-size: 18px; font-weight: bold; color: #fff; }
#addEditPageForm .disabledContainerTooltip { top: 25px; }
#addEditPageForm .inputContainer.registrationNumber label { margin-bottom: 0; }
#extraInfoPanel .mbsc-radio-box { left: 0; }
#extraInfoPanel .mbsc-mobiscroll.mbsc-radio { padding: 0.5em 3.125em 0.5em 2em; }
#extraInfoPanel .mbsc-mobiscroll .mbsc-radio-box { border: 0.125em solid #52B1B7; }
#extraInfoPanel .mbsc-mobiscroll .mbsc-radio-box::after { background: #52B1B7; }
#extraInfoPanel .coloursList { padding-left: 1em; }
#extraInfoPanel .coloursPanel { position: relative; }
#extraInfoPanel #other { position: absolute; left: 0; bottom: 54px; margin: 0 0 0 5em; width: 100%; padding-right: 6em; }
#extraInfoPanel #other input { border: 1px solid #8e8e8e; height: 2em; border-radius: 1px; }
#extraInfoPanel .title { padding: 1.5em 0 1em 0; font-weight: bold; font-size: 1em; }
#extraInfoPanel .metalicColor { padding-left: 0 !important; }
#carCondition { display: none; }
#carCondition .infoPanels { padding-top: 30px; }
#carCondition .inputContainer.interior label { margin-bottom: 0; }
#imageUpload { display: none; }
#conditionInfo .mbsc-radio-box { display: none; }
#carTypeField-autocomplete-container { z-index: 3; }
.uploadImageContent { background: #fff; padding: 30px; }
.uploadImagesContainer { margin-bottom: 30px; }
.uploadImagesContainer .mbsc-grid { margin: 0; padding: 0; }
.uploadImagesContainer .header { background: #fff; padding: 10px 15px 8px 37px; margin-bottom: 10px;}
.uploadImagesContainer .header h2 { font-size: 18px; font-weight: bold; line-height: 20px; color: #52b1b7; text-transform: uppercase; cursor: pointer; }
.uploadImagesContainer .topContainer { background: #fff; padding: 0 35px 40px 35px; }
.uploadImagesContainer .topContainer p { font-size: 18px; line-height: 20px; color: #404149; }
#addEditPageForm .uploadImagesContainer .topContainer a.advise { padding: 0; margin-top: 10px; font-size: 18px; line-height: 20px; }
.uploadImagesContainer .mainImageContainer .mainImage { width: 100%; }
.uploadImagesContainer .topContainer .imageButtons { padding: 20px 0 0 0; }
.uploadImagesContainer .topContainer .imageButtons a { display: inline-block; width: 160px; font-size: 15px; text-align: center; }
.uploadImagesContainer .topContainer .imageButtons .far { font-size: 20px; }
.uploadImagesContainer .topContainer .imageButtons .fileinput-button { display: block; width: 160px; padding: 10px 0; font-size: 15px; text-align: center; }
.uploadImagesContainer .topContainer .removeAllImages { display: block-inline; }
.uploadImagesContainer .thumbnailsContainer { padding: 5px 0; background: #cdcdcd; }
.uploadImagesContainer .thumbnailImage { height: 60px; float: left; margin: 7px; text-align: center; position: relative; }
.uploadImagesContainer .imageContainer { display: table-cell; vertical-align: middle; height: 60px; }
.uploadImagesContainer .topContainer p { margin-top: 0; padding-right: 5px; }
#addEditPageForm .thumbnailImage .deleteLink { color: #fff; font-size: 13px; display: block; position: absolute; right: 2px; top: 2px; padding: 0; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); background-color: rgba(0,0,0,0.75); border-radius: 10px; }
.uploadImagesContainer .imageContainer img { height: 60px; } 
#addEditPageForm .uploadImagesContainer .collapsible.closed .collapsible-content { display: none; }
#addEditPageForm .uploadImagesContainer .collapsible .collapsible-button { position: absolute;	padding: 0;	width: 1em; height: 1em; top: 50%; right: 1em; margin-top: -.5em; line-height: 1em; font-size: 16px; transition: transform .125s ease-out; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
#addEditPageForm .uploadImagesContainer .collapsible.closed .collapsible-button { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); }
.uploadImagesContainer .imageButtons i { padding-right: 15px; }
.uploadImagesContainer .collapsible, .uploadImagesContainer .collapsible.closed .header { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); }
.uploadImagesContainer .collapsible.closed { box-shadow: none; }
#addEditPageForm .thirdColumn .mbsc-mobiscroll.mbsc-input { margin-bottom: 0; }
#addEditPageForm .thirdColumn .firstRow .mbsc-mobiscroll.mbsc-input { margin-top: 2em; }

.mbsc-fr-btn0.mbsc-fr-btn-e.okButton { color: #fff !important; background: #FF9900 !important; width: 126px; height: 44px; line-height: 44px; border-radius: 3px; text-align: center; text-transform: uppercase; }
.carConditionRadioButtons.mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content { background: #52B1B7; color: #f7f7f7; }
.mbsc-mobiscroll .carConditionRadioButtons .mbsc-segmented-content { border-color: #52B1B7; color: #52B1B7; text-transform: none; margin-bottom: 17px; }
#carCondition.panel .categoryTitle { font-size:16px; line-height: 21px; font-weight: bold; margin: 10px 0; }
.carConditionRadioButtons.mbsc-segmented .mbsc-segmented-item { font-size: 1em; display: inline; }
.carConditionRadioButtons.mbsc-segmented .mbsc-segmented-item .mbsc-segmented-content { font-weight: bold; }
#carConditionAdditionalInfo.textarea { height: 140px; }
#basicAdditionalInfo.textarea { height: 140px; }
.categoryTitle.additionalInfo { padding-left: 1em; margin-bottom: 0px !important; }
.extraInfo { padding-left: 1em; }
.additionalInfoLabel { margin-top: 5px !important; width: 100%; padding: 0 1em; }
.mbsc-mobiscroll .mbsc-collapsible .mbsc-form-group-title { padding: 0px !important; }
#basicInfoPanel .icon { background: url('/images/common/reg.svg') no-repeat; background-size: 28px 58px; top: 25px; height: 57px; background-position-x: 0px; }
#basicInfoPanel #registrationNumber { padding-left: 38px;}
#basicInfoPanel .checkboxInput .mbsc-checkbox-box { right: inherit; }
#basicInfoPanel .inputContainer.lastServiceTime { display: none; }
.infoPanels #basicInfoPanel .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { margin: 2em 0; padding-top: 0; padding-bottom: 0; }
.infoPanels #basicInfoPanel .checkboxInput.vatDiscount .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { margin-bottom: 0; }
.infoPanels .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { padding-left: 45px; padding-right: 16px; }
.infoPanels .mbsc-mobiscroll .mbsc-checkbox-box { margin-top: -15px; width: 30px; height: 30px; left: 0px; border-radius: 3px;  z-index: 3; }
.infoPanels .mbsc-mobiscroll .mbsc-checkbox-box:after { top: 0.3em !important; left: 0.25em !important; width: 18px; height: 9px; }
#featuresPanel .allFeatures { display: none; padding-top: 10px; }
#featuresPanel .showMore, #featuresPanel .showLess { font-size: 1em; float: right; } 
#addEditPageForm hr { border-top: 1px solid #787878; margin: 20px 0; }
.addBackPrefillSectionContainer { display: none; text-align: right; }
.addBackPrefillSectionContainer .inputContainer { margin-top: 1em; }
.addBackPrefillSectionContainer .addBackPrefillSectionLink { padding: 0 !important; margin: 5px 0; color: #52B1B7; font-weight: normal; text-decoration: underline !important; cursor: pointer; } 
#addEditPageForm.edit .introFields { display: none; }
#addEditPageForm.edit .addBackPrefillSectionContainer { display: block; }
#basicInfoPanel .sectionBar.disabled, #technicalInfoPanel .sectionBar.disabled { pointer-events: none; color: #cdcdcd; }

.uploadImagesContainer .textContent {display: flex; margin-bottom: 20px; }
.uploadImagesContainer .textContent .order { font-size: 31px; font-weight: bold; }
.uploadImagesContainer .textContent .text { font-size: 19px; margin-left: 20px; }

.tippy-content div.hideButton { height: 10px;}
.tippy-content div.tippyContent { margin-right: 20px; }
.tippy-content span.fa-times-circle { position: absolute; right: 5px; }
.netwheelsMissing { color: red; }


.mainImage { width: 100%; }
.explainUpload { position: absolute; width: 180px; right: 5px; font-size: 12px; font-weight: bold; }
.addEditInfoPanel {border: 1px solid #cdcdcd; border-radius: 5px; background: white; padding: 5px !important; display: none; margin: 5px; }
.addEditInfoPanel > span { font-size: 14px; color:red; font-weight: bold; }
.locationSelectionDiv { margin: 20px 0 0 20px;}
span.originText {font-size: 18px; }
.colorContainer { display: inline-block; width: 130px; padding-top: 5px; padding-bottom: 5px; }
.colorHeader { font-size: 1.3em; font-weight: bold; }
.colorPreviewBox { display:inline-block; width: 15px; height: 15px; border-radius: 2px; vertical-align: middle; margin-left: 5px; }
#colorRed { background-color: #cc0001; color: #fff; }
#colorBrown { background-color: #a88043; color: #fff; }
#colorBeige { background-color: #e4d8b2; }
#colorBlue { background-color: #1760a5; color: #fff; }
#colorGrey { background-color: #aaa; }
#colorTurquoise { background-color: #14aabb; color: #fff; }
#colorSilver { background-color: #cccccc; }
#colorYellow { background-color: #ffcd64; }
#colorGreen { background-color: #389b49; color: #fff; }
#colorBlack { background-color: #000; color: #fff; }
#colorViolet { background-color: #764ad3; color: #fff; }
#topPublishButton { clear: left; margin-top: 15px; margin-bottom: 5px; }
#bottomPublishButton { clear: left; margin-top: 15px; margin-bottom: 5px; }
.modal.userAgreementModal { font-size: 16px; text-align: left; }

/* Dealer info page */
#dealerPageContent { font-size: 1.1em; padding-top:1px; }
.dealerPageInfo { border: 1px solid #cdcdcd; border-radius:2px; width: 100%; background: #fff; margin: 10px 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.dealerPageOfficeNameHeader { margin: 10px 0 0 10px; }
.dealerPageInfo h2 {text-transform: uppercase; }
.dealerPageInfo a {font-weight: bold; } 
.dealerPageContact { margin: 10px 0 0 10px;}
.dealerPageContactLogo { display:inline-block; vertical-align: top; width: 189px; border: 1px solid #a4acae; padding: 10px 0; text-align: center; margin: 0 10px 10px 0; }
.dealerPageContactLogo img { max-width : 189px; }
.dealerPageContactAddress { display:inline-block; margin: 0 10px 10px 0; }
.dealerPageContactSearchLinks { display:inline-block; vertical-align: top; font-size: 1.3em; margin-bottom: 10px; }
.dealerPageContactNewCarsSales { display: inline-block; vertical-align: top; margin-right: 10px; }
.dealerPageDealership { margin-left: 10px; }
.brandDealershipHeadline { padding-bottom: 10px; }
.brandDealershipLogoContainer { display: inline-block; margin-bottom: 10px; }
.dealerPageInfoBottom { width: 100%; margin-left: 10px; }
.dealerPageInfoBottomLeft { display: inline-block; max-width: 386px; margin-bottom: 10px; }
.dealerPageInfoBottomRight { display: inline-block; max-width: 390px; vertical-align: top; margin-bottom: 10px; }
.dealerPageInfoBottomRight img { max-width: 390px; }
.dealerPageSalesPersonCont { float: left; width: 402px; border: none; background: none; }
.dealerPageMapContainer { background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.officeSalesPersonContainer { border-bottom: 1px solid #cdcdcd; }
.dealerPageSalesPersonsContainer { display: inline-block; vertical-align: top; }
.salesPerson { float: left; width: 200px; text-align: center; padding: 20px 0; }
.salesPersonsTitle { padding: 10px;  }
.salesPersonsTitle h2 { text-transform: uppercase; }
.salesPerson img { margin-bottom: 5px; width: 71px; height: 91px;}
.popup.openDealerMap #modal { padding: 0; }
.popup.openDealerMap #modal > .remodal-close { right: 0; top: 8px; z-index: 2; }
#dealerMap { width: 100%; height: 550px; z-index: 1; }
#dealerMap.error { height: auto; border: none; padding: 0; font-size: 19px; }
#dealerMap .message { padding: 30px; text-align: center; color: #505149; }

/* Dealer search page */
.allDealersHeader { float: left; width: 96%; padding: 2%; margin-top: 15px; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.allDealersHeader h1 { font-size: 15px; }
.allDealersHeader h2 { font-size: 12px; margin-top: 8px; }
.searchBox { border: 1px solid #cdcdcd; margin: 12px 0; background-color: #fff; float: left; width: 96%; padding: 2%; font-size: 1.1em; border-radius: 2px; line-height: 25px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.searchBox h3 { text-transform: uppercase; }
#dealerSearchString { padding-left: 20px; padding-right: 20px; width: 220px; font-size: 100%;}
#dealerSearchString.default { color: #8A8A8A; font-family: 'Roboto Condensed', Times, serif;}
.dealerSearchStringIcon { position: absolute; top: 5px; }
.dealerSearchStringIcon span { color: #cdcdcd; }
#dealerSearchStringSearchIcon { left: 4px;}
#dealerSearchStringClearIcon { right: 4px;}
#dealersCountContainer { line-height: 30px; }
#dealersCountContainer > div { float: left; }
#dealersCount { margin-left: 2px; margin-right: 2px; text-align: center; }
table.dealersList { float: left; width: 100%; margin: 6px 0; border: 1px solid #cdcdcd; border-collapse: collapse; background-color: #fff; font-size: 0.9em; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
table.dealersList th { padding: 8px 3px; font-size: 0.9em; background-color: #fff; height: 9px; border-bottom: 1px solid #cdcdcd; }
table.dealersList th.name { width: auto; border-right: 1px solid #a2adb3; }
table.dealersList th.usedCarCount { width: auto; border-right: 1px solid #a2adb3; }
table.dealersList th.city { width: 160px; border-right: 1px solid #a2adb3; }
table.dealersList th.dealership { width: auto; }
table.dealersList td { padding: 8px 2px; border: 1px solid #cdcdcd; border-top: none; border-left: none; border-radius: 2px; }
table.dealersList td.dealership { border-right: none; }
table.dealersList tr.last td { border-bottom: none; }
table.dealersList tr.regionRow td { background: #ccc; }
table.dealersList a { color: #000; font-weight: normal; font-size: 0.9em; }
table.dealersList a h2 { display: inline; font-size: 1.1em; }
table.dealersList h4 { margin: 0; }
table.dealersList .dealerRow a { color: #4e9b96; font-weight: bold; }
table.dealersList .cityRow a.cityUsedCarsLink { font-size:1.1em; }

/* Car Facts */
.modelSeries h2 { font-size: 22px; }
.articleSearchForm .articleSearchFormRow { margin-top: 10px; }
.articleSearchForm .articleSearchFormRow .criteria { float: left; width: 200px; }
.articleSearchFormRow.checkboxInput.radioInput { width: 100%; }
.rssFeedGoogleReader { float: left; clear: both; margin-top: 10px; margin-left: 30px; }

/* Article list page */
.articlesFunctions { border: 1px solid #cdcdcd; height: 82px; padding: 24px 15px 24px 22px; margin-bottom: 13px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.articlesFunctions .articleSearch { display: flex; }
.articlesFunctions .articlesSearchBar { width: 80%; height: 22px; padding: 10px 15px !important; font-style: normal; font-weight: normal; font-size: 18px; line-height: normal; margin-right: 22px; }
.articlesFunctions .submitSearchButton { background-color: #FF9900 !important; font-size: 24px; width: 15%; color: white; border-radius: 2px; text-decoration: none; text-align: center; padding-top: 7px; } 
.articlesFunctions #resultSet { margin-top: 21px; font-size: 18px; text-transform: uppercase; color: #000000; }

.articlesPageCounterContainer{ display: flex; background-color: #fff; height: 100px; margin-bottom: 13px; flex-flow: column; border: 1px solid #cdcdcd; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.articlesPageCounterContainer .articlesFilter { font-weight: bold; font-size: 14px; letter-spacing: 0.05em; text-transform: uppercase; height: 18px; }
.articlesPageCounterContainer .articlesFilter:not(.active) { opacity: 0.4; }
.listPagerCounter .listPages a { font-weight: bold; color: #499EA3; }
.listPagerCounterFas { color: #499EA3; }

.pager .listPages { display: flex; font-size: 16px; height: 100%; align-items: center; justify-content: space-around; }
.pager .listPages .currentPage { border: 2px solid #499EA3; padding: 2px 3px; }
.articlesPageCounterContainer .pager .currentPage { font-weight: bold; font-size: 18px; line-height: 22px; }
.articlesFilters { flex: none; display: flex; justify-content: space-around; margin-top: 18px; }
.pager { flex: none; height: 53px; }
#listArticleFunctions { float: left; width: 100%; margin: 8px 0; }
#listArticleFunctions h1#headerMessage { display: inline; font-size: 1.7em; font-weight: bold; line-height: 33px; text-transform: none;}
#listArticleFunctions #resultSet { display: inline; font-size: 1.6em;  font-weight: bold;}
#articlesListContent { width: 100%; position: relative; font-size: 1.1em; }
#articlesListContent .fiveColumns { width: 100%; }
#articlesListContent #tabBar span span.count { display: none; }
.articleListContainer { float: left; width: 100%; }
.listArticleRow { margin-bottom: 24px; overflow: hidden; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; padding: 7px 10px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.listArticleRow .imgCol { max-width: 20%; }
.listArticleRow .imgCol img { width: 100%; }

.articleItems .descCont { display: flex; }
.articleRowStartTime { margin-right: 22px; }
.articlesContent .title a { text-decoration: none; font-size: 20px; font-weight: bold; line-height: 1.1; color: #000000 !important; }
.articlesContent .tags { font-size: 14px; font-weight: bold; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow { padding: 0; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow .imgCont { width: 100%; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow .title { padding: 7px 10px; }
.articleItems .articlesContent:nth-child(3n-2) .listArticleRow .descCont { padding: 7px 10px; }
.articleItems .articlesContent:not(:nth-child(3n-2)) .listArticleRow .imageAndTitleContent { display: flex; flex-direction: row-reverse; margin-bottom:5px; }
.articleItems .articlesContent:not(:nth-child(3n-2)) .listArticleRow .imgCont { width: 40%; text-align:right; }
.articleItems .articlesContent:not(:nth-child(3n-2)) .listArticleRow .title { width: 58%; margin-right: 7px; }

.articleItems .articlesContent .imageAndTitleContent .imgCont img { max-height: 100%; max-width: 100%; height: auto; }
.articleItems .articlesContent .imageAndTitleContent .imgCont { text-align: center;}
.articleItems .articlesContent .listArticleRow .imgCont .centeredImg { vertical-align: middle; display: table-cell; width: 800px; }
.articlesListDesktopBanner { display: none; } 
.articleMakeModelTitle { margin-bottom: 13px; }   
    
/* Article target page */
#articleContent img { max-width: 100%; height: auto; }
#articleItem .articleContent .articleGeneralInfo { padding: 10px; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
#articleItem { width: 100%; margin: 10px 0; }
#articleItem .articleContent { width: 100%; }
#articleItem .articleContent .articleGeneralInfo { width: 96%; padding: 2%; }
#articleItem #articlePhotos table.photoset { border-spacing:8px;}
#articleItem #articlePhotos table.photoset img { width:100%; }
#articleItem #articlePhotos table.gallery { border-spacing:8px; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer { display: none; width: 168px; height: 126px; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer img { width: 168px; height: 126px; border: 1px solid #535A60; background-color: #535A60; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer.active { display: block; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer .photoLink { position: relative; }
#articleItem #articlePhotos table.gallery .galleryPhotoContainer .header { position: absolute; width:100%; height: 36px; bottom: 0; left:0; text-align: center; margin-bottom: 3px; color: #fff; word-wrap: break-word; }
.articleGeneralInfo { color: #000000; }
.articleGeneralInfo .imgCont img { width: 100%; }
.articleGeneralInfo #preface { font-weight: 400; margin: 10px 0 7px 0; font-size: 22px; }
.articleGeneralInfo #articleTitle { font-size: 30px; margin-top: 4px; font-weight: 600; color: #000000; line-height: 1.1; }
.articleGeneralInfo #articleContent  { font-size: 17px; font-family: "Roboto Regular"; line-height: 1.45; }
.articleGeneralInfo #articleAuthor { font-weight: 600; font-size: 1.2em; }
.articleGeneralInfo #articleContentContainer { font-weight: 300; max-width: 100%; }
.articleGeneralInfo #mainContainer { display: flex; flex-direction: column; }
.articleGeneralInfo .articleTagInfo { margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
.articleGeneralInfo .articleTagInfo h3 { color: #CC0000; display: inline; }
.articleGeneralInfo .articleTagInfo .generalInfo { flex: 1; }
.articleGeneralInfo .articleTagInfo .socialMediaIcons { flex: 1; display: flex; justify-content: flex-end; padding-top: 0; }
.articleGeneralInfo .articleTagInfo .socialMediaIcons img { margin-right: 10px; }
.articleGeneralInfo .articleTagInfo .socialMediaIcons #mailToLink img { margin-right: 0; }
.articleGeneralInfo .articleTagInfo .articleDate { font-size: 1em; display: inline-block; line-height: 13px; font-weight: 300; width: 100px; }
.articleGeneralInfo .articleTagInfo .messages { font-size: 15px;}
.articleGeneralInfo .articlecommentsMessage { font-size: 15px; font-weight: bold;  margin-top: 20px; margin-bottom:  10px; }
#latestArticles .empty { height: 50px; }
#latestArticles .header { text-align: left; margin-bottom: 10px; display:inline-block; text-transform: none }
#latestArticles .header .title { font-size: 24px; display:inline-block; margin-right: 22px; }
#latestArticles .content { width: 100%; height: auto; min-height: 100px; }
#latestArticles .content .listItem { display:inline-block; width: 48%; vertical-align: top; margin: 0 15px 10px 0; }
#latestArticles .content .listItem .item { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
#latestArticles .content .listItem:nth-child(2n+2) { margin-right: 0; }
#latestArticles .content .item .image { height: 190px; border: 1px solid #ccc; }
#latestArticles .content .item .image img { width: 100%; height: 190px; }
#latestArticles .content .item .info { height: 119px; background-color: #fff; border: 1px solid #ccc; text-align: center; position: relative; }
#latestArticles .content .item .info .title { display: block; margin: 10px 10px 0 10px; word-wrap:break-word; font-weight: bold; font-size: 1.2em; color: #4e9b96; text-decoration: none;  }
#latestArticles .content .item .info .preface a { color: #333333; }
#latestArticles .content .item .info span { font-size: 20px; }
#latestArticles .content .item .info div {  position: absolute; bottom: 10px; width: 100%; }
#latestArticles .content .item .info span.articleComment { margin-left: 15px;}
#latestArticles .content .item .info span:first-letter { text-transform: uppercase;}
#latestArticles .content .separator { float:left; width: 96%; height: 1px; border-bottom: 1px solid #cdcdcd; margin: 10px; }
.latestArticlesContainer #latestArticles .content { display: flex; flex-flow: wrap; justify-content: space-between; margin: 0; }
.latestArticlesContainer #latestArticles .content .listItem { width: 100%; margin: 0 0 10px 0; }
.latestArticlesContainer #latestArticles .content .item .image { height: auto; border: 1px solid #ccc; width: 100vw; display: table-cell; vertical-align: middle; background: #eee; text-align: center; }
.latestArticlesContainer #latestArticles .content .item .image img { width: 100%; height: 100%; }
.listAllArticlesLink { text-align: center; font-weight: bold; font-size: 16px; display:inline-block; }

/* Service announcements page */
#announcements { border-top: 1px solid #535a60; width: 100%; margin-bottom:10px; }
.announcementHeader { color: #fff; float: left; width: 100%; border: 1px solid #535a60; border-top: 0;  background-color: gray; }
.announcementHeaderText { float: left; font-weight: bold; padding: 5px 8px 8px 8px; border-left: 1px solid #535a60; }
.announcementBox { float: left; width: 100%; border: 1px solid #535a60; border-top: 0; padding-bottom: 8px; background-color: #fff; }
#noAnnouncementsFound { color: #cc0000; }

/* Feedback pages */
#feedbackContainer form { background: #fff; font-size: 13px; margin-top:10px; padding: 30px; border: 1px solid #cdcdcd; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
#feedbackContainer form label { font-weight: normal; display: block; }
#feedbackContainer form label.display-inline-block { display: inline-block; }
#feedbackContainer form .checkboxInput label { display: inline; }
#feedbackContainer input.textInput { margin: 2px 0 6px 0; width: 175px; border: 1px solid #b5b5b5; padding-left: 5px; }
#feedbackContainer textarea.comments { width: 546px; height: 93px; margin-bottom: 8px; margin-top: 2px; border: 1px solid #b5b5b5; }
#userFeedbackPanel { clear: both; }
#userFeedbackContainer form { background: #fff; border: 1px solid; border-radius: 2px; padding: 30px; }
#userFeedbackContainer form label { font-weight: normal; display: block; margin-top: 20px; }
#userFeedbackContainer form button[type=submit] { padding: 5px 30px; font-size: 14px; margin-top: 10px; }
.userFeedbackTextarea{ width: 100%; }
#feedbackForm .radioInput label { display: inline; }

/* Sell your car */
.sellYourCarLeft { width: 100%; float:left; }
.sellYourCarHeader {float: left; background-color: white; border: 1px solid #cecece; font-size: 1.4em; padding: 10px; min-height:340px; width: 97%; margin-top: 10px;}
.sellYourCarHeader span.check {color: #5ab5b1; margin-right: 5px;}
.sellYourCarHeader h1 { font-size: 3.3em; font-weight: bold; margin: 22px 0 0 20px; padding: 0; color: #5ab5b1;  }
.sellYourCarHeader a.sellYourCarListItem { padding:10px; display: inline-block; border: none; width: 220px;  color: #fff;  font-size: 1.1em; font-weight: bold;  cursor: pointer;  text-transform: uppercase;  font-family: 'Roboto Condensed', serif;  background-color: #ff9900; border-radius: 3px;  text-decoration: none; text-align: center; }
.sellYourCarHeader > div, .sellYourCarContent > div { padding: 10px; }
.sellYourCarContent span {font-size: 1.4em;}
.contentStep1 {  margin-left: 20px; }
.contentStep2 {  margin-left: 20px; }
.sellYourCarContent span.bullet {color: #5ab5b1; margin-right: 5px; float: left; font-size: 1.1em; margin-top: 4px; }
.sellYourCarContent span.bulletText {width: 89%; float: left; margin-bottom: 5px; }
.sellYourCarRight { width: 100%; float: left; }
.sellYourCarHelpDesk { background-color: white; border: 1px solid #cecece; font-size: 1em;  width: 82%; min-height: 100px; margin: 10px 0; padding: 9%;}
.sellYourCarHelpDesk .contactsFont {font-size: 1.3em;}
.sellYourCarLinks { width: 80%; min-height: 150px; background-color: white; border: 1px solid #cecece; padding: 10%; margin-top: 10px; }
.sellYourCarLinks a { font-size: 1.3em; margin-top: 10px; }
.sellYourCarContent { width: 100%; background-color: white; border: 1px solid #cecece; margin: 10px 0; float: left; }

/* Link generator */
.linkGenerator .left { float: left; width: 700px; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; padding: 10px; margin-top: 10px;}
.linkGenerator .right { float: left; width: 228px; border: 1px solid #cdcdcd; margin-top: 10px; margin-left: 5px; text-align: left; padding: 10px; background-color: #fff; }
.linkGenerator .right ul { margin: 10px 0 0 0; padding-left: 15px; line-height: 16px; }
.linkGenerator .security { float: left; margin-top: 20px; width: 600px; border: 1px solid #999; padding: 10px; }
.linkGenerator .security input { width: 100px; }
.linkGenerator .security .p { padding: 0 10px 0 0; background: url('/images/common/plus.png') no-repeat 0 1px; }
.linkGenerator .security .e { padding: 0 10px 0 0; background: url('/images/common/equal.png') no-repeat 0 1px; }
.linkGenerator .mandatoryFields { float: left; width: 730px; margin-top: 5px; }
.linkGenerator .createLinks { float: left; width: 730px; margin-top: 20px; }
.linkGenerator a { font-weight: bold; }
.linkGenerator .preview { float: left; width: 730px; margin-top: 20px; }
.linkGenerator .preview a { cursor: pointer; }
.linkGenerator .previewWindow { width: 600px; border: 1px solid #999; margin-top: 5px; padding: 10px; font-weight: bold; }
form.default .selections span.required { font-size: 0.8em; }
.selections div { float: left; }
.selections > div { width: 730px; padding: 5px 0 5px 0; }
.selections > div .header { width: 146px; }
.selections select { width: 200px; }
.selections select.typeSelect { width: 340px; }
.selections  { float: left; width: 730px; padding: 10px 0 0 0; }
.copyLinks { float: left; width: 730px; }
.copyLinks div { float: left; }
.copyLinks h2 span { font-size: 0.8em; font-weight: normal; padding-left: 25px; }
.copyLinks .row { width: 730px; padding: 5px 0 5px 0; }
.copyLinks > div .header { width: 115px; font-size: 14px; }
.copyLinks input, .copyLinks textarea { width: 473px; }
.copyLinks textarea { height: 35px; padding: 0;}
.copyLinks .typeLink { position: relative; top: -15px; }
.copyLinksAndStyles { float: left; width: 730px; margin-top: 20px; }
.copyLinksAndStyles textarea { width: 620px; height: 140px; margin-top: 5px; }

/* Login page */
.normalLoginPanel { width: 45%; display: inline-block; }
.normalLoginPanel #password { margin-bottom: -3px; }
.normalLoginPanel .loginPanelSubmitButton { margin-top: 6px; }
.normalLoginPanel #forgotPasswordLink { cursor: pointer; }
.loginPanelInputContainer { margin-bottom: 10px; margin-top: 10px; padding-right: 8px; }
#loginContainer { background: #fff; font-size: 13px; margin-top:10px; padding: 30px; border: 1px solid #cdcdcd; border-radius: 2px; }
#loginContainer form label { font-weight: normal; display: block; }
#loginContainer form label.display-inline-block { display: inline-block; }
#loginContainer form .checkboxInput label { display: inline; }
#loginContainer input.textInput { margin: 2px 0 6px 0; width: 175px; border: 1px solid #b5b5b5; padding-left: 5px; }
#loginContainer a.loginbutton { display: inline-block; border: none; color: #fff; font-size: 1.2em; font-weight: bold; cursor: pointer; text-transform: uppercase; font-family:'Roboto Condensed', serif; background-color: #5ab5b1; border-radius: 3px; margin: 0; padding: 5px 10px; }
#userAlreadyLogin { background: #fff; font-size: 13px; margin-top:10px; padding: 30px; border: 1px solid #cdcdcd; border-radius: 2px; }
#userAlreadyLogin span { font-weight: normal; display: block; }
#login .firstNameAndLastName { color: white; font-weight: bold; font-size: 12px; }

/* Change password */
#confirmNewPasswordForm { float: left; margin: 15px 0 0 10px; border: 1px solid #cdcdcd; background-color:#fff; padding: 10px; }
#confirmNewPasswordForm .invalid { border: 1px solid #f00; }

/* MyGarage front page */
.welcomeText ul li { line-height: 18px; padding-top: 8px; }
.welcomeRegister { float: left; margin: 20px 0 7px 0; padding: 5px 0 20px 0; }
.myGarageRegisteredUserWelcomeBlock { background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; padding: 0; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.myGarageSectionBlock { float: left; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 2px; width: 100%; min-height: 150px; margin-top: 10px; margin-right: 0; font-size: 14px; }
.myGarageSectionBlock.lst{ margin-right: 0; }
.myGarageSectionBlock .myGarageBlockContent ul { font-size: 1.3em; margin: 0; padding: 0; font-weight: bold; list-style-type: none; }
.myGarageSectionBlock .myGarageBlockContent li { line-height: 20px; }
.myGarageBlockContent{ margin: 10px; }
.myGarageFrontPageWelcomeSection { width: 100%; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; margin-top: 5px; float: left; font-size: 14px; }
.myGarageFrontPageWelcomeSection .welcomeText h1 { padding-bottom: 6px; }
.myGarageList { padding: 0; margin-left: 20px; }
.myGarageList span.check {color: #5ab5b1; margin-right: 5px; float: left;}
.myGarageList span.checkText { margin-bottom: 5px; width: 89%; float: left;}
.linkSections .selectCarDropDown { border: 1px solid #B5B5B5; padding: 1px; font-size: 0.8em; font-family: "lucida grande",tahoma,arial,sans-serif; }
.linkSections a { font-weight: bold; }

/* My Garage - my cars list */
#rightBanner .helpBox { margin: 18px 0 0; padding: 0; font-weight: bold; border: 1px solid #cdcdcd; border-radius:2px; background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.helpBox.sellYourCarPanel { display: none; }
.helpBox .header { margin: 0; padding: 5px 7px; }
.helpBox .content { margin: 0; padding: 10px 5px; }
.helpBox .content div { margin-top: 5px; }
.activeCarHeader { font-size: 1.3em; }
.myCarsListing .sectionBlock { padding: 0; width: 100%; }
.myCarsListing .sectionBlock>div { border-right: 1px solid #cdcdcd; padding: 10px; display: table-cell; vertical-align: middle; }
.myCarsListing .image { width: 10%; min-width: 82px; background-color: #505149; text-align: center; }
.myCarsListing .image img { border: 1px solid #555a60; }
.myCarsListing .name { width: 45%; font-size: 16px; font-weight: bold; }
.myCarsListing .state { width: 10%; min-width: 72px; border-right: 0 !important; }
.myCarsListing .sectionBlock>.actions { width: 98%; border: 0; display: block; padding: 10px 1%; border-top: 1px solid #cdcdcd; }
.myCarsListing .sectionBlock>.actions a {font-weight: bold;}
.myCarsListing .actions a { display: block; }
.myCarsButton { float: right; margin: 10px 0 20px 0; }
.myCarsLeftButton { float: left; margin: 10px 0 0 0; }

/* My Garage - My searches */
.mySearchesListHeader { float: left; width: 100%; margin-top: 15px; font-size: 15px; font-weight: bold; }
.mySearchesListHeader.newCars { margin-top: 0; }
table.mySearches { float: left; width:100%; margin: 4px 0; border: 1px solid #535a60; border-collapse: collapse; }
table.mySearches th, table.mySearches td  { padding: 4px; }
table.mySearches th { background-color: #cdcdcd; height: 9px; border-bottom: 1px solid #535a60;}
table.mySearches th.name { width: 40%; border-right: 1px solid #a2adb3; }
table.mySearches th.watchInUse { width: 20%; border-right: 1px solid #a2adb3; }
table.mySearches th.validUntil { width: 15%; border-right: 1px solid #a2adb3; }
table.mySearches th.actions { width: 25%; }
table.mySearches td { background-color: #fff; border: 1px solid #a2adb3; border-top: none; border-left: none; }
table.mySearches td.watchInUse { text-transform: uppercase; }
table.mySearches td.validUntil { text-transform: uppercase; }
table.mySearches td.actions { border-right: none; text-transform: uppercase; }
table.mySearches td.actions > div { padding: 6px 0; }
table.mySearches  a { font-weight: bold; }
.mySearchesButtons { float: left; margin: 10px 0 0 0; }
.myLeftSaveSearchesButton { float: left; clear: left; margin: 10px 0 0 0; }

/* My Garage - My favorites */
.favorites h1 { margin-top: 10px; }
.favorites .listRow { width: 100%; background: #fff; }
.compareFavorite{ margin-top: 30px; float: left; width: 800px; }

/* My garage - Personal information */
#personalInformation { margin: 0 0 10px; border: 1px solid #535a60; }
#personalInformation input.text {  width: 223px; font-size: 1.0em; }
#personalInformation .separator { margin: 5px 0 5px -8px; width: 267px; height:0; border-bottom: 1px solid #a3acb3; }
#personalInformation input { clear: both; }
#personalInformation .usernameAndPassword { background-color: #e3e7ea; }
#personalInformation .nameEmailPhone { position: relative; }
#personalInformation .nameEmailPhone .requiredContainer { position: absolute; bottom: 12px; }
#personalInformation .addressOthers { border-right: none; position: relative; }
#personalInformation .addressOthers .submitButtons { position: absolute; bottom: 8px; width: 252px; }
#personalInformation .checkboxes { font-weight: normal; }
#personalInformation .fbImage { float: left; margin-right: 5px; }
#personalInformation .fbChangePassword { font-size: 1.1em; height: 20px;}
#personalInformation .fbRemove { font-weight: normal; font-size: 1.2em; }
#personalInformation .fbRemoveCheckbox { float: left; margin-right: 10px; }
#personalInformation > div { width: 250px; height: auto; padding: 1%; border: 0; float: left; font-weight: bold; }
#personalInformation .separator { width: 100%; margin: 7px 0 14px 0; }
#personalInformation .nameEmailPhone .requiredContainer { position: static; margin-top: 10px; }
#personalInformation .addressOthers .submitButtons { position: static; margin-top: 10px; }
.personalInformationContent .removeAnnouncementBox { margin-bottom: 10px; padding: 8px 8px 5px 8px; border: 1px solid #cdcdcd; background-color: #fff; border-radius: 2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.personalInformationContent .boxLinkContainer { width: 220px; float: right; }
.personalInformationContent .boxLinkContainer a { float: right; }
.personalInformationContent .removeAnnouncementBox p { margin-top: 6px; }
.personalInformationContent .boxLinkContainer, .personalInformationContent .boxLinkContainer a { float: none; }

/* CMS - Personal information */
#cssBox > form > div {background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.cmsPersonalInformation { margin: 0 0 10px; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #ffffff;  font-size: 1.1em; }
.cmsImageInformation {margin: 0 11px 10px 0; border: 1px solid #535a60; float: left; width: 395px; }
.cmsImageInformation img { height: 50px; }
.cmsCredentials {margin: 0 0 10px; float: left; width: 395px; }
.cmsCredentialsData {padding: 20px; height: 104px; }
.cmsCredentialsData label {width: 140px; float: left; font-weight: bold; }
.rightLabel {padding-left: 20px; }
.cmsPersonalDataCol {float: left; width: 50%; }
.cmsPersonalDataCol label {width: 140px; float: left; font-weight: bold; }
.cmsPersonalData {padding: 20px; }
.cmsHeader {padding-left: 20px; }

/* CCS - Front Page */
.welcomeText.contractCustomerFrontpage { margin-bottom: 8px; font-size: 1.3em; }
.welcomeText.contractCustomerFrontpage .welcomeGreeting { font-size: 1.6em; font-weight: bold; margin: 10px 0 0 10px; }
.welcomeSection { background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; width: 100%; margin-top: 5px; float: left; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.welcomeSection hr { margin: 10px; }
.welcomeSection .contractCustomerFrontpageButton { margin: 10px 0 0 10px; }
.contractCustomerFrontpageText { margin: 10px 0 0 10px; }
.contractCustomerFrontpageText .button.orange { vertical-align: middle; }
.ccsFrontPagePager { text-align:center; }
.contractCustomerOfficesList ul { list-style-type: none; padding: 0; }
.contractCustomerFrontpageContactInfo { margin: 10px 0 10px 10px; }
.contractCustomerFrontPanel {background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; width: 100%; margin-top: 10px; font-size: 1.1em; float: left; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.contractCustomerFrontPanel a {font-weight: bold;}
table.ccsUserList { float: left; width: 100%; border-collapse: collapse; margin: 10px 0 0 0; border: 1px solid #cdcdcd; border-radius:2px; background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
table.ccsUserList th { padding: 5px; background-color: #e3e7ea; border: 1px solid #cdcdcd; }
table.ccsUserList td { padding: 5px; border: 1px solid #cdcdcd; font-weight: bold; }
.ccsFormBoxHeader { float: left; width: 100%; height: 25px; line-height: 25px; font-weight: bold; }
.ccsFormBoxHeader div { padding-left: 10px; }
.boxSixColumns { float: left; width: 803px; }
.boxThreeColumns { float: left; width: 396px; }
.boxTwoColumns { float: left; width: 263px;  }
.boxOneColumn { float: left; width: 125px; }
.boxDivider11px { margin-left: 11px; }
.boxDivider9px { margin-left: 9px; }
.boxDivider8px { margin-left: 8px; }
.officeAdminLinkSectionContainer{ margin: 20px 0; }
.officeAdminLinkSection { display: inline-block; margin: 10px; vertical-align: top; width: 200px; }
.officeAdminLinkSectionHeader { margin-left: 10px; }
.officeAdminLinkSectionList { list-style-type: none; margin: 10px; padding: 0; }
.contractCustomerAddCarButtonWrapper{ text-align: right; }
.contractCustomerListSortPanel { width: 100%; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; margin-top: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.contractCustomerListSortForm { padding: 8px 0 0 8px; }
.contractCustomerListSelectWrapper { display: inline-block; }
.contractCustomerListSelectWrapper .select2-container { width:120px !important; }
.contractCustomerListCheckBox { margin: 5px 0 0 5px; line-height: 25px; display: inline-block; }
.contractCustomerListSpinner { vertical-align: middle; width: 25px; height: 25px; display: inline-block; }
.contractCustomerListSortLinkWrapper { text-align: right; margin-bottom: 5px; }
.contractCustomerAttachPanelToParentContainer { margin-top: 0; border-top: 0; }
.contractCustomerUserForm{ background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; margin-top: 10px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
.contractCustomerUserForm input.text { width: 145px; }
.contractCustomerUserForm input.text100 { width: 100px; }
.contractCustomerUserForm select { width: 150px; }
.contractCustomerUserForm textarea { width: 324px; height: 100px; }
.contractCustomerUserForm table { border-collapse: collapse; margin-top: 10px; }
.contractCustomerUserForm table th { padding: 3px 3px 3px 10px; }
.contractCustomerUserForm table th { text-align: left; width: 120px; }
.contractCustomerUserForm table td span { font-weight: bold; color: #cc0001; }
.display-flex .contractCustomerUserForm { flex: 1 50%; }

.contractCustomerChangePasswordTable { margin: 0 10px 10px 0; }
.contractCustomerPersonalInfoOfficesContainer { display: inline-block; width: 100%; }
.contractCustomerPersonalInfoOfficeList { margin: 10px; }
.contractCustomerPersonalInfoBlock { display:inline-block; vertical-align: top; }
.contractCustomerPersonalInfoImageContainer{ display: inline-block; min-height: 150px; }
.ccsFormBox input.text { width: 180px; }
.ccsFormBox input.text100 { width: 100px; }
.ccsFormBox select { width: 185px; }
.ccsFormBox textarea { width: 324px; height: 100px; }
.ccsFormBox table { border-collapse: collapse; margin-top: 10px; }
.ccsFormBox table th, .ccsFormBox table td { padding: 3px 3px 3px 10px; }
.ccsFormBox table th { width: 80px; }
.ccsFormBox table td span { font-weight: bold; color: #cc0001; }
.boxSixColumns.ccsFormBox, .boxThreeColumns.ccsFormBox { background-color: #fff; border:1px solid #cdcdcd; border-radius:2px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);}
.personalImageButtons { display: inline-block; }
.personalImage { display:inline-block; margin: 10px 10px 10px 20px; }
.personalImage img { max-width: 140px; max-height: 200px; }
.boxHeight120 { min-height: 120px; }
.boxHeight190 { min-height: 190px; }
#officeCarSortLink a { font-weight: bold; }
#officeCarSortLink .ccsToggleArrow { cursor: pointer; padding-right: 13px; }
#officeCarSortLink .ccsToggleArrow.open { cursor: pointer; padding-right: 13px; }
.ccsOfficeStockListNavi { margin-top: 10px; font-weight: bold; line-height: 23px; }
.ccsCarsPerPage { display: inline-block; }
table.ccsOfficeStockList { float: left; width: 100%; border-collapse: collapse; margin-top: 3px; border: 1px solid #cdcdcd; line-height: 15px; background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }
table.ccsOfficeStockList td { padding: 8px; border: 1px solid #cdcdcd; vertical-align: top; position: relative; }
table.ccsOfficeStockList td.ccsOfficeStockListImage { width: 100px; padding: 8px 0 8px 0; background: #505149; border-right: 0; text-align: center; }
table.ccsOfficeStockList td.ccsOfficeStockListImage img { border: 1px solid #999; }
table.ccsOfficeStockList td.ccsOfficeStockListDetails { border-left: 0; }
table.ccsOfficeStockList td.carItemPriorityCheckbox { width: 120px; }
table.ccsOfficeStockList td .autoikkunaClickNumberContainer { position:absolute; bottom: 12px; left: 8px; }
table.ccsOfficeStockList a { font-weight: bold; }
.dealerImageButtons { float: left; width: 300px; padding: 5px 0 0 8px; min-height: 35px; }
.dealerImage { float: left; width: 251px; padding: 0 0 10px 10px; height: 110px; margin-top: 10px; }
.boxTargetPage { float: left; width: 155px; }
table.ccsOfficeStockList .cssItemLinks { width: 155px; }
table.ccsOfficeStockList .cssItemLinks .promoteItems { display: block; font-weight: bold; margin: 15px 0; font-size:16px; }
table.ccsOfficeStockList .cssItemLinks .promoteItemButton { margin-bottom: 10px; }
table.ccsOfficeStockList .cssItemLinks .continuePromotionButton { margin-bottom: 10px; }
table.ccsOfficeStockList .cssItemLinks .promoteItemButtonContainer.disabled .promoteItemButton { background-color: #8C8D92 !important; pointer-events: none; cursor: default; }
table.ccsOfficeStockList .cssItemLinks .promoteToAutoikkunaButtonContainer.disabled .promoteToAutoikkunaButton { background-color: #8C8D92 !important; pointer-events: none; cursor: default; }

.promoteItemModal .modalTitle { font-size: 24px; line-height: 28px; font-weight: bold; margin-bottom: 15px; }
.promoteItemModal .phrase { font-size: 18px; line-height: 21px; margin-bottom: 15px; }
.promoteItemModal .noOfWeeksSelect.mbsc-form { width: 200px; background: none !important; }
.promoteItemModal .noOfWeeksSelect.mbsc-form .mbsc-mobiscroll.mbsc-input { margin: 0 0 15px 0; }
.promoteItemModal .mbsc-fr-btn-cont { display: flex !important; justify-content: space-between; }
.promoteItemModal .cancelButton { text-transform: uppercase; padding: 12px; line-height: 21px; }
.promoteItemModal .submitPromoteItem, .promoteItemModal .submitToAutoikkuna { background: #FF9900 !important; border-radius: 3px; font-size: 18px; line-height: 44px; width: 126px; text-align:center; }
.promoteItemModal #modal { display: flex !important; }
.promoteItemModal .remodalContentContainer { margin: 25px; }
.promoteItemModal #totalPrice { font-weight: bold; }
.promoteItemsButtonContainer { float:right; }
.promoteItemsButtonContainerTop { width: 100%; text-align: right; margin-top: 10px; float: right; }
.promotedItemsStatistics { width: 100%; text-align: right; margin-top: 15px; float: right; font-weight: bold; font-size: 14px; }
.promotedItemsStatistics .allPromotedItems { margin-top: 8px; }

/* CCS - statistics */
#ccsStatisticsSearchCriteriaForm #chooseTimeFrame > div { float: left; }
#ccsStatisticsSearchCriteriaForm #dateSelectors input { width: 80px; }
#officeStats > div { width: 768px; }
#officeStats input[type="text"] { width: 230px; }
#officeStats .expandable { float: left; width: 9px; height: 9px; margin: 2px 4px 0 0; background: url('/images/common/widgets/expand-collapse.png') no-repeat 0 0; }
#officeStats .expanded { background-position: -9px 0; }
#officeStats .expandedStats { margin: 8px 0; }
#officeStats .expandedStats .timeUnit { padding-left: 14px; }
#officeStats .bar { background-color: red; }
#officeStats #summaryTab table { width: 375px; }
#officeStats #summaryTab table.summaryTotals { width: 576px; }
#officeStats #summaryTab .view { margin-top: 8px; float:left; width: 375px; border: 1px solid #52595F; }
#officeStats #summaryTab .totals { margin-top: 8px; float:left; width: 375px; margin-left: 16px; }
#officeStats #officeSpecificTab table { width: 765px; border: 1px solid #52595F; }
#officeStats #carSpecificTab table { width: 765px; border: 1px solid #52595F; }
#officeStatisticsTab, #invoicedCarsHistoryTab { background-color: #fff; }
#officeStatistics li.ui-state-default, #statisticsTabs li.ui-state-default { background: #cdcdcd none; border-left: 1px solid #52595f;}
#officeStatistics li.ui-state-default.ui-tabs-selected.ui-state-active, #statisticsTabs li.ui-state-default.ui-tabs-selected.ui-state-active { background: #505149 none; }
#invoicedCarsHistoryStats #carsHistoryTab table { width: 375px; border-spacing: 20px;}
#carsHistoryTabStatisticsContainer { border: 1px solid #52595F; }
#statisticsSummaryTotalsLabel div { width: 300px; }
.statisticsSummary { float: left; margin-top: 8px; margin-right: 16px; }

/* CMS front page */
.welcomeCmsGreeting2 { float: left; width: 100%; margin: 10px 0 0 0; font-size: 1.2em; background-color: #fff; border: 1px solid #cdcdcd; border-radius:2px; }
.welcomeCmsGreetingInfo { margin-left: 20px; margin-top: 10px; }
.welcomeTitle { text-transform: uppercase; }
#cmsSearchPanelContent { float: left; width: 690px; border: 1px solid #cdcdcd; border-radius:2px; position: relative; margin-left: 55px; margin-bottom: 10px; }
#cmsSearchPanelContent input { margin-top: 10px; width: 159px; }
#cmsSearchPanelContent input.text1 { width: 667px; }
#cmsSearchPanelContent select { margin-top: 10px; width: 165px; }
#cmsAddNewArticleLink a.button.large  { font-weight: lighter; }
#cmsSearchPanelContent a.button.extralarge  { font-weight: normal; }
#cmsSearchPanelTitle { margin-top: 0; width: 688px; }
.cmsArticleListTable { width: 805px; margin-top: 10px; }
.cmsArticleListTable th { text-align: inherit; }
.cmsArticleListTable th a { color: #333; font-weight: bold; }
.cmsArticleListTable td a { font-weight: normal; }
.cmsArticleListTable th a.active { font-weight: bold; color: #ff9900; }
.cmsArticleListTable th span { font-weight: bold; }
.cmsArticleListTable th, .cmsArticleListTable td { padding: 5px 5px 5px 15px; }
.cmsArticleListTable th.title { width: 200px; }
#cmsArticlesContainer { font-size: 1.1em; color: #000000; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; margin-top: 20px; float: left; padding: 0; }
#cmsArticlesContainer .fiveColumns { width: auto; float: left; display: inline; }
#cmsArticlesContainer .listNavi { width: 805px; }
#cmsArticlesContainer .listNavi #sortOrderAndResultsPerPage { width: 170px; padding-top: 5px; padding-left: 10px;}
#cmsArticlesContainer .listNavi #sortOrderAndResultsPerPage .resultsPerPageLabel { margin-top: 5px; }
#cmsArticlesContainer .listNavi .listPagerContainer { margin-top: 5px; }

#cmsArticlesContainer .listRow { width: 785px; }
.listNavi.listNaviBottom { padding-bottom: 10px; }
span.targetPageArticleLink { color: #000; }

/* Article Add Edit Page */
#addEditArticleForm { width: 978px; padding-top: 10px; position: relative; z-index: 2; }
#addEditArticleForm .formButtons { height: 30px; }
#addEditArticleForm .formButtons .button { float: right; margin-left: 10px; }
#addEditArticleForm .half { width: 50%; float: left; }
#addEditArticleForm .leftContent { padding-right: 8px; }
#addEditArticleForm .rightContent { padding-left: 8px; }
#addEditArticleForm .articleBox { display: block; border: 1px solid #cdcdcd; margin-bottom: 14px; background-color: #fff; font-size: 1.1em; }
#addEditArticleForm .articleBox h3 {  height: 21px; font-size: 1.2em; line-height: 18px; padding-left: 5px; padding-top: 10px; text-transform: uppercase; }
#addEditArticleForm .articleBox h3 span.required { font-size: 13px; }
#addEditArticleForm label { display: block; font-weight: bold; margin-bottom: 3px; font-size: 1.2em; }
#addEditArticleForm label.visibleLabel { float:left; }
#addEditArticleForm label span.required { font-size: 1em; }
#addEditArticleForm .ui-selectmenu { display: block; position:relative; height: 16px; border: 1px solid #a2acb5; background: url('/images/common/widgets/dropdown-bg.png') no-repeat top right; text-decoration: none; overflow:hidden; }
#addEditArticleForm .ui-selectmenu-status { line-height: 14px; padding: 1px; font-size: 1.2em; }
#addEditArticleForm .ui-dropdownchecklist-selector-wrapper { color: #000000; background: url('/images/common/widgets/dropdown-bg.png') no-repeat top right; }
#addEditArticleForm .formFieldsTable { width: 100%; }
#addEditArticleForm .formFieldsTable td { padding-bottom: 5px; text-align: left; }
#addEditArticleForm .formFieldsTable td.largeCol { width: 270px; }
#addEditArticleForm .formFieldsTable td.mediumCol { width: 156px; }
#addEditArticleForm .formFieldsTable td.smallCol { width: 110px; }
#addEditArticleForm .formFieldsTable td.smallYearCol { width: 135px; }
#addEditArticleForm .formFieldsTable input[type=text] { display: block; width: 160px; margin: 0; font-size: 14px; }
#addEditArticleForm .formFieldsTable th.models { width: 50px; }
#addEditArticleForm .formFieldsTable th.modelYears { width: 160px; }
#addEditArticleForm .formFieldsTable th.bodyTypes { width: 160px; }
#addEditArticleForm .formFieldsTable a.button {padding: 5px 10px; font-size: 1.1em; }
#addEditArticleForm .formFieldsTable td.mediumCol .ui-dropdownchecklist { width: 164px !important; }
#addEditArticleForm #articlePanel input[type=text], #articlePanel textarea { width: 99%; margin-bottom: 8px; }
#addEditArticleForm .dynamicHeightTextArea { resize: none; height: 16px; }
#addEditArticleForm #helpPanel h3 { position: relative; }
#addEditArticleForm #helpPanel h3 a { position: absolute; right: 0; top: 0; margin-right: 10px; color: #fff; text-transform: none; font-size: 12px; font-weight: normal; }
#addEditArticleForm #helpPanel .toggleComparison { font-weight: bold; }
#addEditArticleForm #helpPanel .toggleClosed { display: none; }
#addEditArticleForm .articleVisibility label { font-weight: normal; float: left; margin-right: 7px; }
#addEditArticleForm .articleVisibility input { float: left; }
#addEditArticleForm #htmlTagsPanel textarea { margin: 5px; max-width: 92%; width: 92%; }
#articleCarsPanel .ui-dropdownchecklist .ui-widget-content, .ui-dropdownchecklist .ui-widget-header { width: 165px !important; border: none #B5B5B5; color: #000000; }
#articleCarsPanel .ui-dropdownchecklist-dropcontainer { background-color: #fff; }
#articleCarsPanel .ui-dropdownchecklist-selector-wrapper { color: #000; }
#articleCarsPanel .ui-widget input { float:left; }
#articleCarsPanel .ui-dropdownchecklist-text { font-family: "lucida grande",tahoma,arial,sans-serif; font-weight: normal; font-size: 1.2em; padding-left: 5px; }
#articleCarsPanel .ui-dropdownchecklist { border-color: #b5b5b5; height: 16px; }
#articleCarsPanel .carsTable th, .carsTable td { padding: 5px 20px; text-align: left; }
#articleCarsPanel a.button span { padding: 0 7px 2px 15px; }
#articleImagesPanel .photosetHeader { width: 260px !important; }
#articleImagesPanel table.articleImages { width: 100%; }
#articleImagesPanel table.articleImages td { width: 85px; }
#articleImagesPanel table.articleImages td.mediumCol { width: 200px; }
#articleImagesPanel table.articleImages td img { width: 85px; }
#articleImagesPanel table.articleImages td .articleImageButtons { width: 50px; height: 15px; margin: 4px auto; position: relative; }
#articleImagesPanel table.articleImages td .articleImageButtons span { display: block; width: 14px; height: 14px; background: url('/images/articles/article_image_buttons.jpg') no-repeat; position: absolute; top: 0; cursor: pointer; }
#articleImagesPanel table.articleImages td .articleImageButtons span.prev { background-position: left center; } 
#articleImagesPanel table.articleImages td .articleImageButtons span.delete { left: 20px; background-position: center center; }
#articleImagesPanel table.articleImages td .articleImageButtons span.next { left: 40px; background-position: right center; }
#articleImagesPanel .addImageSetButton { float: right; margin-top: 6px; }
#articleImagesPanel table.deleteArticlePhoto { width: 100%; border-bottom: 1px solid #000; }

/* Quick Links page */
.quickLinksPageItem { display: inline-block; font-weight: bold; margin-bottom: 15px; background-color: #fff; border: 1px solid #ccc; width: 45%; height: 45px; font-size: 1.1em; text-align: center; line-height: 45px; }

.modalSubmitButton, button[type=submit].modalSubmitButton { font-size: 18px; line-height: 21px; background-color: #ff9900; border: none; border-radius: 3px; color: #fff; text-transform: uppercase; font-weight: bold;  padding: 12px 65px; }

/* Registration form new Modal*/
.modal.registrationForm  { font-size: 16px; text-align: left; }

.registrationForm .formInfo { margin: 15px 15px 0 15px; }
.registrationForm .content { padding: 15px; display: flex; flex-direction: column; }

.registrationForm .formFooter .formNotes { font-size: 15px;}
.registrationForm .formFooter .buttonTitle { margin-right: 5px; }

/* Forgot Password New Modal */
.modal.forgotPasswordForm  { font-size: 16px; text-align: center; }
#emailAddressOrRegistrationNumber { width: 100%; }
.content .formLine { padding: 8px 0; }
.forgotPassword .content { margin-top: 20px; }
.forgotPassword .mbsc-mobiscroll.mbsc-input { margin: 10px 0; }
.popup.mbsc-mobiscroll.forgotPassword .mbsc-btn { margin: 0; }
.popup.forgotPassword #modal { padding-bottom: 30px; }
.popup.forgotPassword .modal .formFooter .submitButtonContainer { margin-bottom: 13px; }

/* Save Search new Modal */
.modal.saveSearchForm  { font-size: 16px; text-align: left; }
.modal .mbsc-mobiscroll .saveSearchModalContent .mbsc-input { margin: 0.4em 0 0.8em 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent #contactDetailsContainer .mbsc-input { margin-top: 0.8em; }
.modal .mbsc-mobiscroll.mbsc-ltr .saveSearchModalContent .mbsc-input-outline .mbsc-err-msg { left: 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .contactFormInputs > div { flex: 1; }
.modal .mbsc-mobiscroll .saveSearchModalContent .contactFormInputs .formLine .checkboxInput label { cursor: pointer; }
.modal .mbsc-mobiscroll .saveSearchModalContent .contactFormInputs .contactMethodContainer .checkboxInput { margin-left: -1em; }
.modal .mbsc-mobiscroll .saveSearchModalContent .contactFormInputs .checkboxInput { justify-content: flex-start; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox { padding-left: 0; padding-right: 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-label { margin: 0 0 0 1.7em; }
.modal .mbsc-mobiscroll .saveSearchModalContent .radioContent { margin-left: -1em; }
.modal .mbsc-mobiscroll .saveSearchModalContent { width: 100%; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox-box { left: 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .errorMessage { font-size: 13px; }
.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .moreInfo { margin: 0 0 1.5em 0; }
.modal .mbsc-mobiscroll .saveSearchModalContent .sendingFrequency { margin-top: 0.8em; }
.modal .mbsc-mobiscroll .saveSearchModalContent h2 { font-size: 1.1em; }
#contactDetailsContainer .formLine input.text, #contactDetailsContainer .formLine label, #contactDetailsContainer .formLine textarea { font-size: 1em; }
.saveSearchModalTextInput { width: 100%; }
.radioContent { display: flex; flex-wrap: wrap; }
#saveSearchForm { margin: 15px 0 0 0; }
.saveSearchForm .searchCriteriaSelection { margin-bottom: 15px; }
.modal.saveSearchForm .mbsc-ic.icon { font-family: inherit; font-weight: normal; }

/* Price watch new Modal */
.modal.carItemSubscriberForm  { font-size: 16px; text-align: left; }
.carItemSubscriberForm .content .formLine { padding: 0; }
.carItemSubscriberForm .content .formLine input.text { font-size: 1em; }
.carItemSubscriberForm .content .formLine textarea { font-size: 1em; }
.carItemSubscriberForm .content h2 { font-size: 1.1em; }
.carItemSubscriberForm .formLine .checkboxInput label { font-size: 1em !important; }
.carItemSubscriberForm .mbsc-mobiscroll .mbsc-input { margin: 0.4em 0 0.8em 0; }
#carItemSubscriberForm .contactFormInputs > div { flex: 1; }
#carItemSubscriberForm .contactInformation .formLine div.errorMessage { font-size: 0.8em; }
#carItemSubscriberForm .contactInformation .checkboxInput { margin-left: -1em; justify-content: flex-start; }
#carItemSubscriberForm { margin: 15px 0 0 0; }

/* notify.js custom styles */
body .notifyjs-corner { width: 94vw; z-index: 999999999; left: 50% !important; transform: translateX(-50%); text-align: center; }
body .notifyjs-wrapper { margin-top: 10px; }
body .notifyjs-wrapper .notify-title { font-size: 18px; font-weight: bold; margin-bottom: 23px; display: inline-block; }
body .notifyjs-wrapper .notify-title:empty { margin: 0; }
body .notifyjs-wrapper .notify-message { display: block; }
body .notifyjs-wrapper .notify-link { display: inline-block; background-color: #F90; padding: 10px 25px; margin-top: 23px; border-radius: 3px; min-width: 125px; }
body .notifyjs-wrapper .notify-link a { display: block; color: #fff; text-transform: uppercase; font-size: 16px; }
body .notifyjs-linked-base, body .notifyjs-bootstrap-base { background-color: #fff; color: #505149; font-size: 16px; position: relative; padding: 35px 40px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.45); border: none; border-radius: 0; }
body .notifyjs-container .remodal-close { width: 43px; height: 45px; color: #505149; }
body .notifyjs-container .remodal-close:before { font-size: 45px; line-height: 45px; width: 45px; font-weight: normal; }
body .notifyjs-bootstrap-success, body .notifyjs-linked-success, body .notifyjs-linked-success-facebook { background-color: #fff; color: #505149; border-top: 7px solid #40AF49; }
body .notifyjs-bootstrap-error, body .notifyjs-linked-error { background-color: #fff; color: #505149; border-top: 7px solid #EE1B22; }
body .notifyjs-linked-error .notify-link { background-color: #499EA3; }
body .notifyjs-linked-success-facebook .notify-link { background-color: #4267B2; }
body .notifyjs-linked-success-facebook .notify-link i { margin-right: 3px; }

.contactContainer .details,.contactContainer .title { font-size: 1.2em; }
.corporateSales .details,.corporateSales .title { font-size: 1.2em; }

button[type=submit].fWIAfF { color: rgb(74, 74, 74); font-size: 1rem; font-weight: normal; text-transform: none; display: inline; } 
body .fOEJic { position: fixed; box-shadow: 0px 0px 20px 0px grey; filter: none; }
input[type="email"].PtAaq, input[type="password"].PtAaq, input[type="text"].PtAaq { border: medium none; padding: 0.714em; border-radius: none; }
a.cEBRkr, .gVCfNi span { font-weight: normal; }
div.jWFmNw { border: 1px solid rgb(183, 183, 183); }

.acceptTermsOfUsage { font-size: 13px; }
.acceptTermsOfUsage .header { background: #4e9b96; color: #fff; text-transform: capitalize; padding: 10px 20px; font-size: 18px; }
.acceptTermsOfUsage .padder { padding: 5px; }
.acceptTermsOfUsage .padder p { line-height: 1.5em; }
.acceptTermsOfUsage .padder .acceptTermsForm { max-width: 500px; }

#interstitialContainer { z-index: 99999 !important; }

/* Hero Image text  */
.heroImageText { display: none; }
.heroImageText span { display: block; text-shadow: 3px -1px 13px rgb(121, 121, 121); }
.heroImageText .line1 { font-size: 50px; font-weight: bold; line-height: 60px; }
.heroImageText .line3 { font-size: 20px; font-weight: bold; line-height: 36px; }
.heroImageText .line3 { display: flex; justify-content: space-between; text-transform: uppercase; }
.heroImageText .line3 hr { border-top: 1px solid #FFFFFF; margin-top: 18px; flex: 1; }
.heroImageText .line3 span { margin: 0 5px; cursor: pointer; }

.nettixBannersContainer { display: flex; align-items: center; justify-content: center; padding: 20px 0 10px 0; gap: 10px;  }
.nettixBanner:nth-child(2) { display: none; }

#leasingErrorContent.bordered { border-top: 5px solid #499EA3; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); padding: 15px; margin-top: 20px; display: flex; justify-content: space-between; font-size: 18px; font-weight: 400; }
#leasingErrorContent .icon { font-size: 30px; color: #52B1B7; margin-right: 15px; }
#leasingErrorContent img { display: none; max-width: 250px; }
#leasingErrorContent .message { display: flex; }
#leasingErrorContent .otherLinks { font-size: 16px; margin-top: 10px; display: flex; flex-direction: column; }
#leasingErrorContent .otherLinks a { margin-top: 5px; }

/* Media queries */
@media (min-width: 360px) {
	#logo { background-size: 94%; width: 268px; }
  	.similarCarsLink { display: inline; }
	.frontPageQuickSearchThirdLine .searchLinksContainer { width: 84%; padding: 0 38px 0 0; }
	.articleGeneralInfo .articleTagInfo .articleDate { width: auto; }
	.dealerDropdown.mbsc-mobiscroll .mbsc-fr-popup{ font-size: 1.36em; }
	.regionDropdown.mbsc-mobiscroll .mbsc-fr-popup { font-size: 1.36em; }
	.listSorting .buttonsContainer a.button { height: 43px; line-height: 43px; }
	.listSorting .buttonsContainer .saveSearchContainer { height: 43px; }
	.listSorting .buttonsContainer a.button.saveSearch { line-height: 36px; }
	.pager .listPages { font-size: 18px; }
	.addEditPageTabs a { font-size: 1.2em; }
	#addEditPageForm #cubicCapacityInvalid.mbsc-err-msg { position: absolute; }
	#addEditPageForm #registrationNumberInvalid.mbsc-err-msg { position: absolute; }
	#addEditPageForm .footerButtons a { font-size: 18px; }
	.itemSearchFunctions .backToListingLink { font-size: 13px; }
	.itemSearchFunctions .itemPagePagination { font-size: 16px; }
	.itemSearchFunctions .itemPagePagination a i { font-size: 13px; }
	.mobile.contactSellerPanel .carInfo { flex-direction: row; justify-content: space-between; margin-bottom: 20px; }
	.mobile.contactSellerPanel .carInfo .titleAndPrice { flex: 1; min-width: 0; }
	.mobile.contactSellerPanel .carInfo .titleAndPrice .carTitle div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.mobile.contactSellerPanel .carInfo .logo { display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: column; max-width: 50%; margin: 0 0 10px 15px; }
	.mobile.contactSellerPanel .dealerInfo { max-width: 100%; }
	.mobile.contactSellerPanel .dealerInfo img { max-width: 145px; }
	.mobile.contactSellerPanel #goToContactInfoLink { align-self: flex-start; margin-top: 7px; }
	.mobile.contactSellerPanel .contactSellerButtonsPanel .firstRow { display: flex; flex-direction: row; justify-content: space-between; position: relative; }
	.mobile.contactSellerPanel .contactSellerButtonsPanel .firstRow .formButton { flex: 1; margin-right: 28px; }
	.mobile.contactSellerPanel .contactSellerButtonsPanel .firstRow .contactRequestButtons { flex: 1; }
	.pageSectionsLinks .linksList a { font-size: 11px; }
	.usedCarItempageSellerInformation .dealerSalesPersonInfo { flex-direction: row; align-items: center; justify-content: space-between; }
	.usedCarItempageSellerInformation .dealerSalesPersonInfo .generalInfo { margin-right: 8px; }
	.usedCarItempageSellerInformation .dealerSalesPersonInfo .sellerWhatsappPhoneNumberContainer { flex-shrink: 0; flex-basis: 105px; }
	.sellerWhatsappPhoneNumberContainer .whatsappLink { background-position: right; }
	.usedcarItempageOfficeInformationContainer a.button { padding: 8px; }
	.box .similarCars .tab a { font-size: 13px; }
	.priceWatcherInline { font-size: 0.9em; }
	#frontPageLeasingQuickSearch .sliderLabel { font-size: 16px; }
	.leasing_cars .searchResultsLabel.mobile { font-size: 23px; }
	.leasing_cars .carListHeader .buttonsContainer .showModifySearch { flex: 1; }
	.modifySearchModal .leasing .searchInputs .value { display: inline; }
	.leasing_cars.targetPages .imageAndLeasingInfo .contactDealerButton { flex-shrink : 0; margin-left: 15px; }
	.leasing_cars.targetPages .mobile.contactSellerPanel .contactSellerButtonsPanel { display: flex; flex-direction: row-reverse; justify-content: space-between; }
	.leasing_cars.targetPages .mobile.contactSellerPanel .contactSellerButtonsPanel div { flex: 1; }
	.leasing_cars.targetPages .mobile.contactSellerPanel .leasingInfo { flex-direction: row; justify-content: space-between; }
	.leasing_cars.targetPages .mobile.contactSellerPanel .titleAndStartingPrice { flex: 1; min-width: 0; }
	.leasing_cars.targetPages .mobile.contactSellerPanel .title .makeAndModel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.leasing_cars.targetPages .mobile.contactSellerPanel .logo { flex: 1; }
	.leasing_cars .modal.askForOffer .contact .checkboxInput { flex-direction: row; }
	.modifySearchContainer .searchInputs .group.imageList.bodyType .inputContainer > div { flex-basis: 25%; }
	.modifySearchContainer .searchInputs .group.imageList.bodyType .visibility-hidden { display: none !important; }
	.modifySearchModal .fuelConsumption .radioButtons { flex-wrap: nowrap; }
	.modifySearchContainer .searchInputs .location .selectContainer { display: flex; }
	.modifySearchContainer .searchInputs .location .element { width: 50%; }
	.modifySearchContainer .searchInputs .location .municipality .title { padding-left: 10px; }
	.modifySearchContainer .searchInputs .group.location .municipality .mbsc-mobiscroll .mbsc-fr-popup { margin-left: 10px; }
	.modifySearchContainer .searchInputs .group.location .region .mbsc-mobiscroll .mbsc-fr-popup { margin-right: 10px; }
	.searchTagsContainer .selectedListing .turquoiseBg { font-size: 14px; }
	#frontPageLeasingQuickSearch .leasingTypeSwitches { display: flex; flex-direction: row; flex-basis: auto; }
	#almaFooter .group.mainLinks a { font-size: 14px; }
	#almaFooter .group.mainLinks span { font-size: 16px; }
}

@media (min-width: 400px) {
  	#quickLinksList.page li { width: 90%; }
  	
  	.listRow .imageContainer { width: 40%; }
  	.listRow .detailsContainer { width: 60%; }
  	.newCarListOfficeContainer { display: block; }
  	.carItemTargetPageIcon .fancybox { margin-top: -7px; }
  	
	#favouritesHeaderList button::before { left: 10px; }
	.itemDetail.passwordContainer .value .tooltip { right: 6px; }
	.articleGeneralInfo .articleTagInfo .generalInfo { flex: 0.7; }
	.listPagination .filters { flex-direction: row; align-items: center; }
	.listSorting { font-size: 1em; }
	.itemListFilter.mbsc-mobiscroll .mbsc-fr-w { font-size: 14.7px; }
	.listToolsContainer .content { flex-direction: row; }
	.listTools.links { flex: 1; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select:last-child { margin: 0; }
	.userDataHeader li.userNameHeaderContainer .userNameLabel { margin-right: 5px; }
	.itemSearchFunctions .backToListingLink { font-size: 14px; }
	.itemSearchFunctions .itemPagePagination { font-size: 18px; }
	.itemSearchFunctions .itemPagePagination a i { font-size: 16px; }
	.carItempageHeaderComponent .carAttributes { width: 80%; }
	.box .similarCars .tab a { font-size: 14px; }
	.priceWatcherInline { font-size: 16px; }
	.pageSectionsLinks .linksList a { font-size: 12px; }
	.leasing_cars .searchResultsLabel.mobile { font-size: 25px; }
	.leasing_cars .modal.askForOffer .header h1 { font-size: 25px; }
	.leasing_cars .modal.askForOffer .carExchange .radioButtons { flex-direction: row; }
	.modifySearchModal .sectionAnchors { font-size: 10.5px; }
	.modifySearchModal .sectionAnchors a { width: auto; }
	.modifySearchModal .sectionAnchors a.right { text-align: center; width: auto; }
	.modifySearchModal .sectionAnchors a.left { text-align: center; }
	.usedCarsListSort .dropdowns { flex-wrap: wrap; flex-direction: row; }
	.usedCarsListSort.mobile .dropdowns { flex-wrap: nowrap; flex-direction: column; }
	.usedCarsListSort .dropdowns > div { width: 45%; }
	.usedCarsListSort.mobile .dropdowns > div { width: 100%; }
	.modifySearchModal .mobile .sectionAnchors { display: flex; }
	.leasing_cars .usedCarsListSort .dropdowns { flex-wrap: nowrap; flex-direction: column; }
	.leasing_cars .usedCarsListSort .dropdowns > div { width: 100%; }
	.modifySearchContainer .searchInputs .leasingTypeSwitches { flex-direction: row; flex-basis: auto; }
	#almaFooter .group.mainLinks { justify-content: space-between; }
	#almaFooter .group.mainLinks a.even { text-align: center; }
	#almaFooter .group.mainLinks a { font-size: 16px; }
	#almaFooter .group.mainLinks span { font-size: 18px; }
}

/* Responsive - Larger than mobile */
@media (min-width: 450px) {
    table.dealersList { font-size: 1.1em; }
    table.dealersList th { padding: 8px; font-size: 1.1em; }
    table.dealersList td { padding: 8px; }
    table.dealersList a {font-weight: bold; font-size: 1.0em; }
    table.dealersList .dealerRow a { font-weight: bold; }
    #articlesListContent #tabBar span span.count { display: inline; }
    .quickLinksItem { width: 145px; font-size: 1.3em; }
    .quickLinksPageItem { width: 30%; font-size: 1.3em; }
    .listPagination .pageList { margin: 0; }

	#carParkBannerTwoPanel .carParkContainer { min-height: 191px; }
	#carParkBannerTwoPanel .slick-slide .carParkItemImg { height: 200px; width: 343px; display: table-cell; background: #eee; vertical-align: middle; }
	#carParkBannerTwoPanel .slick-slide .carParkItemImg img { max-height: 100%; max-width: 100%; width: auto; }
	
	.carParkContainer.frontPageBanner { max-height: 345px; }
	#carSuggestionBannerPanel .slick-slide .carParkItemImg { height: 206px; width: 343px; display: table-cell; background: #eee; vertical-align: middle; }
	#carSuggestionBannerPanel .slick-slide .carParkItemImg img { max-height: 100%; max-width: 100%; width: auto; }
	
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 77vw !important; }
	.frontPageQuickSearchThirdLine .searchLinksContainer { width: 80%; padding: 0 46px 0 0; }
	
	#makesAndModelsFields { display: flex; }
	#makesAndModelsFields .searchTagsContainer { padding: 2em 1em 0 1em; margin: 0; display: block; width: auto; }
	#addEditPageForm.newAnnouncement .footerButtons .rightButtons { flex-direction: row; }
	#addEditPageForm.newAnnouncement .footerButtons .leftButtons { flex-direction: row; }
	#addEditPageForm.newAnnouncement .footerButtons a { min-width: 0; }
	
	.itemPageFunctionalityContainer .functionalityContent { width: 350px; }
	.usedcarItempageOfficeInformationContainer a.button { font-size: 16px; }
	.carList .otherCarsHeader { align-items: center; }
	.carList .carsContainer .item .carImageLabel { padding: 3px 0; }
	.carList .carsContainer .item .carImage { height: 170px; }
	.carList .carsContainer img { max-height: 170px; }
	.box .similarCars .carItem img { max-height: 170px; }
	.box .similarCars .carItem .carImage { height: 170px; }
	.box .similarCars .carItem .carImageLabel { padding: 3px 0; }
	.modifySearchModal .featuresTitle { font-size: 24px; align-items: center; flex-direction: row; }
	.modifySearchContainer .searchInputs .title { font-size: 24px; }
	.new_cars .modifySearchContainer .searchInputs .title { font-size: 16px; }
	.modifySearchModal .featuresTitle span.mbsc-input-wrap { margin: 0; }
	.modifySearchModal .modifySearchContainer .searchInputs.featuresInputs .title { font-size: 18px; }
	.modifySearchModal .sectionAnchors { font-size: 12px; }
	.modifySearchModal .featuresTitle.mbsc-mobiscroll.mbsc-input { flex-direction: row; font-size: 24px; }
}

/* Larger than phablet */
@media (min-width: 500px) {
	.stickyHeaderDropdown .slick-list.draggable { max-width: 480px; width: 100%; }
	.previousSearchPanel .footerButtons #lastSearchDropdown { margin: 0; }
	.previousSearchPanel .footerButtons { flex-direction: row; }
	#emailAddressOrRegistrationNumber { width: 400px; }
	.itemDetail.passwordContainer .value .tooltip { right: 9px; }
	.articleGeneralInfo .articleTagInfo .generalInfo { flex: 1; }
	.articleGeneralInfo .articleTagInfo .socialMediaIcons { flex: 0.5; }
	.dealerDropdown.mbsc-mobiscroll .mbsc-fr-popup{ font-size: 1.9em; }
	.regionDropdown.mbsc-mobiscroll .mbsc-fr-popup { font-size: 1.9em; }
	.new_cars .modifySearchModal .searchInputs .element .headerElements { flex-direction: row; align-items: center; }
	.modifySearchModal .searchInputs .group .headerElements { flex-direction: row; align-items: center; }
	#addEditPageForm.newAnnouncement .footerButtons a { padding: 15px 18px; }
	    
	.viewedItem { width: 203px; min-height: 195px; }
	.viewedItem.hovered { border: 2px solid #ff9900; }
	.stickyHeaderDropdownItem .slick-track { justify-content: space-between; }
	.stickyHeaderDropdown { width: auto; }
	#mainImageSlider .slick-arrow:before { font-size: 36px; }
	#mainImageSlider .slick-arrow { width: 54px; height: 54px; }
	.carItempageImageComponent .slick-prev { left: 10px; }
	.carItempageImageComponent .slick-next { right: 10px; }
	#shareOptionsContainer { width: 430px; }
	.autojerryPanel .emptyAutojerryPanel { flex-direction: row; align-items: center; }
	.autoJerryIconEmptyPanel { margin: 0 0 0 25px; }
	
	.usedCarItempageOfficePersonelContainer .personelList { display: flex; flex-wrap: wrap; }
	.usedCarItempageSellerInformation .dealerSalesPerson { width: 50%; }
	.usedCarItempageSellerInformation .dealerSalesPersonInfo { display: block; overflow: hidden; }
	.sellerWhatsappPhoneNumberContainer .whatsappLink { background-position: left; }
	body .notifyjs-wrapper .notify-link { min-width: 215px; }
	.modifySearchContainer .longLabel { display: block; }
	.modifySearchContainer .shortLabel { display: none; }
	.modifySearchContainer .searchInputs .group.imageList .driveTrain .visibility-hidden { display: none !important; }
	.modifySearchModal .sectionAnchors { font-size: 13px; }
	.modifySearchContainer .submitContainer .buttons { flex-direction: row; }
	.modifySearchContainer .submitContainer .advancedSearchContainer { text-align: right; }
	.modifySearchContainer .submitContainer .buttons > div { margin-right: 30px; }
	.modifySearchContainer .submitContainer .buttons > div:last-child { margin-right: 16px; }
	.new_cars .modifySearchContainer .submitContainer .buttons > div:last-child { margin-right: 0; }
	#leasingErrorContent.bordered { padding: 30px; font-size: 20px; }
	#leasingErrorContent .icon { margin-right: 30px; }
	#leasingErrorContent .otherLinks { font-size: 18px; }
}

@media (min-width: 550px) {
	.latestArticlesContainer #latestArticles .content .listItem { width: 49%; }
	.latestArticlesContainer #latestArticles .content .item .image { height: 193px; }
	#quickLinksList li { width: 147px;  height: 45px; text-align: center; }
	#quickLinksList.page li { width: 21%; }

	#traveller_watch { display: block; }
  	#traveller_header .travelerSearchButtonContainer { clear: none; float: right; margin-top: 5px;}
  	#makeModelsSelected { clear: none;  min-width: 200px; }
	.sliderContainer > input { width: 50px; }
	.advSearchCol1 { width: 33%; }
	.advSearchCol2 { width: 66%; }
	.fuelConsumptionTypeContainer input  { float: left; clear: both; }
	.fuelConsumptionTypeContainer label  { float: left; }	
	
	.listRow .imageContainer img { margin-top: 6px; }
    .listSorting .sortingOrder { width: 185px !important; }
    .listSortInfoText { display: inline; }
    .listPagination .sortTools { width: 390px; }
    .dealerTabs a span, .dealerTabs a em { display: inline; }
    .listRow .imageContainer { width: 35%; }
    .listRow .detailsContainer { width: 65%; }

    #topPublishButton { clear: none; margin: 0; }
    #bottomPublishButton { clear: none; margin: 0; }
    #loginLogOutButton { float: right; }
    .carItemContainer textarea { width: 300px; }
	.modal .contactFormInputs {display: flex;}
	.modal .contactFormInputs .contactInformation { text-align: left; padding-right: 10px; width: 97%;}
	.modal .contactFormInputs.secto .contactInformation { width: 90%; padding-right: 10%; }
	.modal .contactRequestDetails { width: auto; text-align: left; }
	.modal .contactRequestDetails .yourCarInfo .specificInfo { flex: 1; }
	.modal .contactRequestDetails .yourCarInfo .additionalInfo { flex: 1.1; }
	.modal .contactRequestDetails .messageForSeller .contactRequestFormTextArea { width: 100%; height: 182px; }
	.modal .dealerSelection { display: block; }
  	.modal .contactRequestDetails .details .leasingDetails .detailsLabels { flex: 0.6; }
  	.modal .contactRequestDetails .details .leasingDetails select { width: 31.5%; }
  	.modal .secto .contactRequestDetails .details .outlineInputs .formLine { align-items: center; }
  	.modal .contactRequestDetails textarea { min-height: 195px; max-height: 195px; }
  	.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox-box { left: 0; }
  	.regionAndDealerDropdown .dealerSelect { display: flex; justify-content: space-between; }
  	.regionAndDealerDropdown .dealerSelect .select.region { margin: 0 10px 0 0; }
	.regionAndDealerDropdown .dealerSelect .select.dealer { margin: 0 0 0 10px; }
  	.itemDetail.passwordContainer .value .tooltip { position: relative; right: 0; }
    .articleGeneralInfo .articleTagInfo { margin-top: 3px; }
    .articleGeneralInfo #preface { margin: 3px 0 7px 0; }
    .listSorting .tab:first-child { min-width: 10em; }
	.listSorting .tab:last-child { min-width: 10em; }
	.listSorting .tab { height: 3.5em; min-width: 14em; }
	#addEditPageForm .footerButtons .leftButtons a.previousTab { margin-right: 0; }
	#addEditPageForm.edit .footerButtons .leftButtons { flex-direction: row; }
	#addEditPageForm.edit .footerButtons .rightButtons { flex-direction: row; }
	#addEditPageForm.edit.privateSeller .footerButtons .rightButtons { flex-direction: column-reverse; }
	#addEditPageForm.edit.privateSeller #imageUpload .footerButtons .rightButtons { flex-direction: column; }
	#addEditPageForm.edit.privateSeller #imageUpload .footerButtons .leftButtons .secondRow { flex-direction: column; }
	#addEditPageForm.edit.privateSeller .footerButtons .leftButtons { flex-direction: column; }
	#addEditPageForm.edit.privateSeller .footerButtons .button.visibility-hidden { display: block; }
	#addEditPageForm.edit .footerButtons a { min-width: 0; }
	#addEditPageForm .footerButtons .leftButtons a { margin: 0 0 0 15px; }
	#addEditPageForm .footerButtons .rightButtons a { margin: 0 15px 0 0; }
	#addEditPageForm .footerButtons .secondRow { flex-direction: row; }
	#addEditPageForm.edit.privateSeller .footerButtons .secondRow { margin-top: 15px; }
	#addEditPageForm .footerButtons .rightButtons .secondRow { flex-direction: row-reverse; }
	.leasing_cars .modal .regionDropdowns .dealerSelect .select.region { margin: 0 10px 0 0; }
	.leasing_cars .modal .regionDropdowns .dealerSelect { display: flex; justify-content: space-between; }
	.leasing_cars .modal h2 { font-size: 1em; }
	.leasing_cars .modal.askForOffer h2 { font-size: 30px; }
	.leasing_cars .modal.askForOffer h3 { font-size: 22px; }
	.leasing_cars .modal.askForOffer .dropdowns .detailsSelect { width: 47%; }
	.modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine { display: flex; }
	.modal.tellAFriendAboutLeasingForm .carDetailsSection .carDetailsLine .value { text-align: right; }
	.leasing_cars .modal .regionDropdowns .dealerSelect .select { width: 47%; }
	.modifySearchModal .sectionAnchors { font-size: 15px; }
	.carItemLeasingOffer .modal .contactFormInputs .contactInformation { padding: 0px; width: 100%;}
	#almaFooter .subContainer { flex-basis: 50%; }
	#almaFooter .subContainer.headItems { flex-basis: 100%; }
	.modal .tellAFriendContainer .formLine input.text { width: 95%; }
	.popup.openDealerMap #modal { padding: 35px; }
}

/* Grid small limit */ 
@media (min-width: 576px) {
	#addEditPageForm .mbsc-err-msg { font-size: 0.824em; }
	#addEditPageForm .inputContainer.registrationNumber label { margin-bottom: 2em; }
	.infoPanels #basicInfoPanel .checkboxInput.vatDiscount .mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox { margin-bottom: 2em; }
	#addEditPageForm .thirdColumn .firstRow .mbsc-mobiscroll.mbsc-input { margin-top: 0; }
	.leasing_cars .modal h2 { font-size: 1.1em; }
	.leasing_cars .usedCarsListSort .dropdowns { flex-wrap: wrap; flex-direction: row; }
	.leasing_cars .usedCarsListSort .dropdowns > div { width: 45%; }
	.leasing_cars .usedCarsListSort.mobile .dropdowns > div { width: 100%; }
}

@media (min-width: 600px) {
    .myCarsListing .sectionBlock>.actions { width: 35%; display: table-cell; border-top: 0; }
    .myCarsListing .state {  border-right: 1px solid #cdcdcd !important; }
    .used .listRow { width: 48%; margin: 0.5% 0.68%; overflow: hidden; }
    .new .listRow { width: 48%; margin: 0.5% 0.68%; overflow: hidden; }
    .listContent > div.preListAd { margin-bottom: 0.5%; }
	.listContent > div.postListAd { margin-top: 0.5%; }
    .registrationForm .content { flex-direction: row; }
    .carsListItemImagesContainer { height: 210px; }
    .articleGeneralInfo .articleTagInfo { flex-direction: row; }
    .articlesPageCounterContainer { flex-flow: row; height: 53px; }
    .articlesFilters { flex: 1 2 50%; }
    .pager { flex: 1 2 auto; }
    .articleGeneralInfo .articleTagInfo .articleDate { margin-left: 5px; padding-left: 5px; }
    .articleGeneralInfo .articleTagInfo .socialMediaIcons { flex: 0.45; }
    .modal .saveSearchModalContent .searchDetails { width: 358px; }
    .carItemSubscriberForm .priceWatchDetails { width: 428px; }
    .carDetailsSection.healthInformation { display: flex; }
    .carConditionGallery { width: 261px; }
	.carConditionGallery .image { width: 261px; height: 175px; } 
	.carConditionGallery .image img { display: inline; max-width: 261px; max-height: 175px; }
	.carDetailsSection.healthInformation .ratingsAndPhotos { display: flex; }
	.carDetailsSection.healthInformation .ratingsAndPhotos .ratings { flex: 1; }
	.carDetailsSection.healthInformation .ratingsAndPhotos .photos { flex: 1; display: flex; flex-direction: column; align-items: flex-end; }
	#addEditPageForm .footerButtons .rightButtons a { margin-bottom: 0; }
	#addEditPageForm.newAnnouncement .footerButtons a { padding: 15px 38px; }
	#addEditPageForm.edit .footerButtons a { padding: 15px 16px; }
	.carItempageHeaderComponent .carAttribute.bodyType { display: flex; }
	.carItempageHeaderComponent .carAttribute.lastInspectionTime { display: flex; }
	#imageCarousel { display: block; }
	.carItempageImageComponentContainer { padding: 0 10px; }
	.carItempageHeaderComponent .carAttribute { padding: 0 14px; }
	.carItempageHeaderComponent .carAttributes { font-size: 14px;  width: 100%; flex-direction: row; flex-shrink: 0; }
	#mainImageSlider .slick-prev, #mainImageSlider .slick-next { top: 250px; }
	.itemPageFunctionalityContainer { margin: 0; }
	.car_item_leasing .itemPageFunctionalityContainer { margin: 0 10px; }
	.desktop.contactSellerPanel { padding: 20px 10px 0 10px; }
	#mainImageSlider .slick-prev, #mainImageSlider .slick-next { top: 50%; }
	#mainImageSlider .image { height: 400px; }
	#mainImageSliderContainer .top.gradient { display: none; }
	#mainImageSliderContainer .bottom.gradient { display: none; }
	#mainImageSlider .slick-dots li { width: 13px; height: 13px; margin: 0 5px; }
	#mainImageSlider .slick-dots li button { width: 13px; height: 13px; }
	#mainImageSlider .slick-dots li button:before { font-size: 13px !important; width: 11px; height: 11px; line-height: 13px; }
	.pageSectionsLinks { border-bottom: 1px solid #52B1B7; padding: 0 10px; width: auto; margin-left: 0; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
	.pageSectionsLinks .linksList { width: 550px; justify-content: space-between; }
	.pageSectionsLinks .linksList a { width: auto; justify-content: normal; padding: 0 10px; border-right: none; font-size: 14px; }
	.pageSectionsLinks #goToMainGalleryLink { display: flex; }
	.pageSectionsLinks a.openContactDealerFormButton { display: flex; }
	.new_cars .carItemHeaderAndImages .mobile.contactSellerPanel { margin: 0 0 20px 0; }
	.usedcarItempageOfficeInformationContainer .linkContainer.phoneCRLink { display: block; }
	.usedcarItempageOfficeInformationContainer .linkContainer { flex: none; }
	.usedcarItempageOfficeInformationContainer { flex-direction: row; }
	.usedcarItempageOfficeInformationContainer .linkContainer.emailCRLink { margin-right: 0; }
	.targetPages .usedcarItempageOfficeInformationContainer hr { display: block; }
	.usedItempageContainerHeader { margin-left: 35px; font-size: 21px; text-align: left; }
	.usedCarItempageOfficePersonelContainer .showAllDealerContainer { text-align: right; }
	.usedCarItempageOfficePersonelContainer #showAllDealers .mobile { display: none; }
	.box .similarCars .header { flex-direction: row; justify-content: space-between; align-items: center; }
	.carList .carsContainer .item { margin: 0; }
	.otherCarsPanel .box .similarCars h2 { margin: 0; }
	.leasingArticles .box .carListItems { justify-content: space-between; flex-direction: row; align-items: normal; }
	.leasingArticles .box .carItem { margin-right: 10px; background: none; }
	.leasingArticles .box .carItem:last-child { margin-right: 0; }
	.box .similarCars .tabs { width: 65%; }
	.box .similarCars .carItem { margin: 0; }
	.itemDetailToggleBar.basicInfoBar { justify-content: space-between; flex-direction: row; }
	.itemDetailToggleBar.basicInfoBar .carId { margin-right: 35px; font-size: 16px; }
	.targetPages .carDetailsSection { padding: 20px 15px 0 15px; }
	.carDetailsContent.priceWatcherComponent { display: block; }
	.priceWatcherInlineContainer { display: none; }
	.targetPages .carDetailsSection .mbsc-collapsible-open>.mbsc-collapsible-header .mbsc-collapsible-icon { top: 10px; }
	.autojerryLinkContainer { padding: 0 0 32px 0; }
	.targetPages .carDetailsSection h2 { font-size: 21px; padding-left: 0; }
	.targetPages .carDetailsSection h2.subSectionHeader { padding: 0 0 5px 0; }
	.targetPages .carDetailsSection h2.subSectionHeader ~ div { padding: 0 0 32px 0; }
	.targetPages .carDetailsSection .subsectionHeader h2 { font-size: 18px; }
	.targetPages hr { padding-top: 32px; width: 100%; border-top: 1px solid rgba(217, 217, 219, 0.7); }
	.targetPages .carDetailsSection .carDetailsSectionContent.mbsc-collapsible-open .carDetails { padding: 16px 0 32px 0; }
	#featureContainer .subsectionHeader { padding: 0; }
	#featureContainer .carDetailsSectionContent .subtitle { padding: 20px 0 10px 0; background: none; }
	#featureContainer .carDetailsSectionContent .features { padding: 0; }
	#featureContainer .carDetailsGroup { margin-bottom: 10px; }
	.carDetailsSection .subsectionHeader { padding-top: 0; padding-left: 0; }
	.carDetailsSection .contactDealer span { font-size: 18px; }
	.carDetailsSection .contactRequestButtonsLabel { padding: 25px 0 10px 0; }
	.carDetailsSection.healthInformation .subsectionHeader { padding-left: 0; }
	.carDetailsSection.healthInformation .moreInfo { margin: 5px 0 15px 0; }
	.carDetailsSection.healthInformation .carDetailsSectionContent h3 { background: none; padding: 0 0 10px 0; }
	.carDetailsSection.healthInformation .ratingStars { padding: 0; width: auto; flex-direction: column; align-items: flex-start; }
	.carDetailsSection.healthInformation .ratingLabel { padding: 0; width: auto; flex-direction: column; align-items: flex-start; }
	.carDetailsSection.healthInformation .ratings .itemContainer { border-bottom: 0.5px solid #cdcdcd; }
	.carDetailsSection.healthInformation .ratings .itemContainer .iconContainer { display: block; }
	.carDetailsSection.healthInformation .ratings .itemContainer .title { color: #499EA3; font-size: 18px; font-weight: bold; text-decoration: underline; margin-right: 0; }
	.carDetailsSection.healthInformation .ratings .itemContainer .text { font-weight: normal; text-align: unset; }
	.carDetailsSection.healthInformation .ratings .itemContainer .dashes { display: none; }
	.carDetailsSection.healthInformation .moreDetails .header .title { margin-top: 10px; font-size: 18px; text-transform: uppercase; background: none; }
	.carDetailsSection.healthInformation .moreDetails .header img { display: block; }
	.carDetailsSection.healthInformation .moreDetails .break-word { padding: 0; }
	.carConditionGallery.slick-dotted.slick-slider { margin-bottom: 21px; margin-top: 0; }
	.carConditionGallery .slick-dots { bottom: -20px; }
	.carDetailsSectionContent .subSectionContainer.somethingWrongCR { margin: 0 0 32px 0; }
	.carDetailsSectionContent .subSectionContainer { margin: 0 0 32px 0; }
	.carDetailsSectionContent .contactDealer.subSectionContainer { display: inline-block; }
	#carHistorySection { margin: 0 0 32px 0; }
	#carHistorySection .technicalInfoLink { width: 100%; padding: 10px 0; }
	.carHistoryTitle { font-size: 18px; padding: 0 0 8px 0; }
	.carHistoryTitle img { display: block; }
	.carHistoryDetails { display: flex; justify-content: space-between; margin-top: 20px; }
	.carHistoryDetails > div { width: 100%; text-align: center; display: flex; flex-direction: column; border: 1px solid rgba(217, 217, 219, 0.7); box-sizing: border-box; }
	.carHistoryDetails .title { margin: 15px 0; }
	.carHistoryDetails .details { padding: 0 20px; }
	.rekkariDetails { margin-left: 8%; margin-top: 0px; }
	.rekkariDetails .title { margin-top: 15px; }
	.autojerryPanel .linksLine { margin: 20px 0 0 0; }
	.autoJerryIcon { margin: 20px 0 0 0; }
	.autojerryPanel.emptyAutoJerryPanel { padding: 25px 15px; }
	#notKnownEndorsementLinkTitle { padding-left: 25px; }
	#basicInfoSection.carDetailsSection .contactRequestButtonsLabel { font-size: 18px; }
	#basicInfoSection.carDetailsSection .carDetailsLinks { padding: 8px 0; margin: 0; }
	#basicInfoSection .carDetailsSectionContent .contactDealer.subSectionContainer { margin: 0; }
	.loanCalculator { padding: 0 0 32px 0; }
	.itemDetailContent .featureGroup { margin-bottom: 14px; }
	.itemDetailContent .featureGroup .optionalFeature { margin: 0; }
	.itemDetailContent { padding: 10px 0 20px 0; }
	.itemDetailContent h3 { padding: 0; background: none; }
	.itemDetailContent h3:first-child { margin-top: 5px; }
	.itemDetailContent .featureGroup .optionalFeature:last-child { border-bottom: 1px solid rgba(217, 217, 219, 0.7); }
	.new_cars .autojerryLinkContainer { padding: 0 10px 32px 0; }
	#basicInfoSection .furtherInformation .sectoButton .openSectoFormButton { margin: 0; font-size: 18px; padding: 8px 14px; }
	#leasingCarsListContent .listRow { width: 49%; }
	#leasingCarsListContent { gap: 2%; }
	#leasingCarsListContent.listByModel .listRow { width: 49%; }
	#leasingCarsListContent.listByModel { gap: 2%; }
	.leasing_cars .listPagination { padding: 10px 20px; }
	.leasing_cars .carListHeader .itemDetailToggleBar { display: block; }
	.leasing_cars.targetPages .imageAndLeasingInfo .itemDetailToggleBar .usedItempageContainerHeader { text-align: left; margin-left: 35px; }
}

@media (min-width: 650px) {
	#logo { background-size: 246px; background-position: 15px; width: 282px; }
	#logo #logoOverlayTextElement { padding-left: 15px; }
  	.listRow .imageContainer { width: 23%; }
  	.listRow .detailsContainer { width: 77%; }
  	.carDetailsSection .carDetailsGroup { margin: 0 35px 0 0; flex-basis: 250px; }
  	.carDetailsSection .carDetailsGroup:last-child { margin-right: 0; }
  	#featureContainer .carDetailsGroup:nth-child(even) { margin-right: 0; }
	.listPagination .pageCounterContainer { width: 46%; float: left; }
	.listPagination .sortTools { margin-left: unset; width: auto; }
	.listPagination .pageLabel { line-height: 46px; }
	.listPagination .pageList { margin: 14px 0 0 33px; }
    #pageAndDropdownContainer { margin: 0 auto; }
    .listSortInfoText { display: none; }
    .latestArticlesContainer #latestArticles .content .item .image img { width: auto; }
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 82vw !important; }
	.previousSearchPanel #lastSearchContainer li:first-child span { margin-top: 2px; }
	.modal .contactFormInputs.secto .checkboxInputs { display: flex; justify-content: space-between; align-items: center; height: 68px; }
	.modal .contactRequestDetails { flex: 2; }
	.textPopup .mbsc-fr-w { width: 430px !important; }
	#addEditPageForm .mbsc-err-msg { font-size: 0.94em; }
	#responsiveNavigation .responsiveNavigationSublist { display: none; }
	.userDataHeader ul { width: auto; }
	.userDataHeader li { padding: 0 15px; width: auto; }
	.userDataHeader li:not(:last-child) { border-right: none; }
	#mainHeader .userHeaderLinks button { width: auto; }
	.fullSlots.visible { display: block; }
	.stickyHeaderDropdown { padding: 33px 3px; width: 550px; }
	.stickyHeaderDropdown .numberIndicator { bottom: 7px; }
	.userHeaderLinks .count { width: 1.05rem; height: 1.05rem; line-height: 1.05rem; font-size: 12px; }
	.bars { padding: 0 15px 0 0; }
	#mainHeader .userHeaderLinks button#userNameHeaderButton { margin: 0; }
	.userDataHeader .countLabelContainer { right: 0; }
	.mobile.contactSellerPanel { margin: 15px 10px 0 10px; }
	.mobile.contactSellerPanel .contactSellerButtonsPanel { display: flex; justify-content: space-between; }
	.mobile.contactSellerPanel .contactSellerButtonsPanel .secondRow { margin-left: 28px; }
	.mobile.contactSellerPanel .contactSellerButtonsPanel .firstRow { flex: 1; }
	.carDetailsSection .carDetailsSectionContent .carDetailsGroups { flex-direction: row; }
	#featureContainer .carDetailsSectionContent .carDetailsGroups { flex-wrap: wrap; }
	.usedcarItempageOfficeInformationContainer a.button { padding: 8px 24px; }
	.carDetailsSection #featureContainer .carDetailsGroup.emptyItem { display: block; }
	.carDetailsSection .carDetailsGroup hr { display: none; }
	.leasing_cars .modal.askForOffer .header h1 { text-align: left; }
	.leasing_cars .modal.askForOffer .otherDetails { flex-direction: row; }
	.leasing_cars .modal.askForOffer h3 { font-size: 20px; }
	.leasing_cars .modal.askForOffer .otherDetails .others { width: 47%; }
	.leasing_cars .modal.askForOffer .contactInfo > div { flex-direction: row; }
	.leasing_cars .modal.askForOffer .contactInfo .contactFormInputs .formLine { margin-right: 8px; }
	.leasing_cars .modal.askForOffer .carExchange .radioButtons { flex-direction: column; }
	.leasing_cars .modal.askForOffer .carExchange .carDetails { flex-direction: column; }
	.leasing_cars .modal.askForOffer .carExchange .carDetails > div { margin: 0.56em 0; }
	.leasing_cars .modal.askForOffer .carExchange .carDetailsContainer { flex: 1; }
	.leasing_cars .modal.askForOffer .carExchange .radioButtonsContainer { flex: 1;  }
	.leasing_cars .modal.askForOffer .submitButtonContainer { align-self: center; margin-top: 0; }
	.leasing_cars .modal.askForOffer .biddingDetails { display: flex; flex-direction: row; align-items: center; }
	.leasing_cars .modal.askForOffer .biddingDetails div:first-child { margin-right: 50px; }
	.leasing_cars .modal.askForOffer .biddingDetails .buttonContainer { margin-top: 0px; }
	.leasing_cars .modal.askForOffer .contactFormInputs > div { flex: 1 !important; }
	.modal .contactFormInputs > div:first-of-type { flex: 1.3; }
	.modifySearchModal .sectionAnchors { font-size: 16px; }
	.nettixBanner:nth-child(2) { display: block; }
	.usedCarsListSort .dropdowns { width: auto; }
	#almaFooter .subContainer { flex-basis: 33%; }
	.navigationHeader { padding: 0; }
}

/* Responsive- Smaller than desktop */
@media (min-width: 750px) {
	#topBanner { height: 420px; }	
	#wrapper4 { background: url("/images/common/AT_HERO_desktop.jpg") no-repeat center top; }
	.modal h2 { font-size: 1.3em; margin: 0; padding: 0; }
	.modal.forgotPasswordForm  { text-align: left; }
    .breadcrumbsContainer { display: inline-block; }
  	.carParkContainer { display:block; }
	#traveller_header #resultSet { display: block; }
	.lock .display-inline-block { clear: none; float: left; margin: 0 0 0 10px; }
	.lock .display-inline-block a { clear: none; float: left; margin: 0 0 0 10px; }
	.lock .sortAndRestrict { clear: none; float: right; margin-top: 0; }
	#filterImages, #filterPublishTime { clear: none; margin-top: 0; }
	.sliderContainer > input { width: 75px; }
	.advSearchFields .nowrap.checkboxInput { width: auto !important;}
	.quarantee .float-left { clear: none; padding-top: 0; }
	.sortRestrictSearchResultsControls .advSearchCol { width: 30%; clear: none; }
	.sliderContainer > input { width: 100px; height: 20px; font-size: 1em; }
	.slider { font-size: 2em; }
	.additionalSearchButton { display: none; }
	
	.listPagination .buttonContainer { width: 10%; }
	.listPagination .pageCounterContainer { width: 51%; }
	.listSorting .filterList { display: block; }
	.listRow .itemDetails .logo img { margin-bottom: 10px; }
	.listRow .itemDetails .warranty { display: block; }
	.listRow .itemDetails .logo { width: 140px; float: right; margin-right: 10px; text-align: center; }
	.listRow .itemDetails .logo div { margin: 0; }
	.used .listRow .itemDetails { height: 125px; }
	.used .listRow .itemDetails .details { width: 70%; max-width: 300px; margin: 0 10px; }
	.new .listRow .itemDetails { height: 125px; }
	.new .listRow .itemDetails .details { width: 60%; max-width: 300px; margin: 0 10px; }
    
	.priceTag > span { font-size: 1.6em; }
	.itemPageContent a.button { display: inline-block; }
	.targetPageAllImages span { display: inline; }
	.itemBottomNaviBar .bottomNaviMiddle.tableCell { display: block; }
	.carItemContainer textarea.small { width: 260px; }
	.socialMediaIcons { float: left; padding-top:5px;}
	.tellAFriendIcon {padding-top: 0;}
	#socialMediaText {display: none;}
	#favoriteText { display: none; }
	.priceWatcher { display: inline; }

    .itemPageDetailSectionIcon { display: block; }

    .myGarageSectionBlock { width: 32%; margin-right: 9px; }
	table.mySearches th, table.mySearches td  { padding: 8px; }
	.mySearchesButtons { float: right; }

	.itemDetail.passwordContainer { width: 110%; }
	.itemDetail.passwordContainer #publisherPassword { width: 89%; }
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { width: 98%; }
	.addEditCarItemForm .errorMessage { width: 100%; }
	.addEditCarItemForm .passwordContainer .errorMessage { width: 91%; }
	.addEditCarItemForm .selectContainer .itemDetail { justify-content: space-between; display: flex; }
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { padding-right: 0; }
	.addEditPageTabs .first { margin-left: 32px; }
	#addEditCarBasicInformationPanel .selectContainer { float: right; width: 58%; }
	.carItemContainer textarea { width: 250px; }
	.carItemContainer .equipment { width: 49%; }
	.cubicCapacityInput, .cubicCapacityInput input.text, .powerInput, .powerInput input.text { width: 130px!important; }
	.listRow .carDescription { max-width: none; }
    .itemDetailContentLeft {float:left; width: 45%; }
	.dealerInfo { max-width: none; margin-right: 0px; text-align: right; }
	.dealerInfo img { width: auto; }
	.advancedSearchWarrantyInputRow:not(:last-child) { width: 45%; }
	.advancedSearchWarrantyInputRow:not(:last-child):not(:first-child) { width: 28% !important; }
	.advancedSearchWarrantyInputRow { float: left; }
	.carParkContainer.frontPageBanner { max-height: 290px; }
	#carParkBannerTwoPanel .slick-slide .carParkItemImg { height: 192px; width: 256px; }
	#carSuggestionBannerPanel .slick-slide .carParkItemImg { height: 174px; width: 232px; }
	.modal .checkboxInput :checked:before { font-size: inherit; left: 3px; }
	.modal .contactMethodContainer .checkboxInput :checked:before { top: 1px; }
	.modal #contactDetailsContainer .contactMethodContainer .checkboxInput :checked:before { top: 0.5px; }
	.frontPageRegistrationIdSearch { margin: 0 15px 5px 0; display: flex; float: right; }
	#contactDetailsContainer .checkboxInput :checked:before { font-size: 12px; }
	.loanCalculator .input-with-slider .rangeContainer { display: inline-block; width: 200px; }
	
	#frontPageQuickSearchTabs { height: 121px; }
	.frontPageQuickSearchTabs { margin-bottom: 30px; } 
	.frontPageQuickSearchTab .tabName .fas { margin-bottom: 6px; }
	.frontPageQuickSearchTab .tabName .tabTitle { font-size: 25px; }
	.frontPageQuickSearchFirstLine { margin-bottom: 11px; }
	.frontPageQuickSearchSecondLine { display: flex; justify-content: space-between; margin-bottom: 16px; }
	.frontPageQuickSearchThirdLine { flex-direction: row; align-items: center; margin: 0 2px; }
	.frontPageQuickSearchThirdLine .toAdvancedSearch { flex: 1; margin: 10px 15px 0 0; }
	.frontPageQuickSearchThirdLine .toAdvancedSearch .container { float: right; }
	.frontPageQuickSearchThirdLine .clearSearch { flex: 1; margin: 0; padding: 0; }
	.frontPageQuickSearchThirdLine .clearSearch .fa-times { margin-right: 0; }
	.frontPageQuickSearchThirdLine .submitQuickSearchContainer { flex: 1; padding: 0; margin: 0 auto; }
	.frontPageQuickSearchThirdLine .searchLinksContainer { padding: 0; margin: 0 auto; }
	.frontPageQuickSearchContainer .clearOption { right: -0.15em; font-size: 21px; width: 21px; height: 20px; }
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 85vw !important; }
	.searchLinksContainer { flex: 2; }
	.clearOption { bottom: 19%; }
	.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="modelYear"] .mbsc-sc-itm { text-align: left; }
	.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="contractLength"] .mbsc-sc-itm { text-align: left; }
	.mbsc-mobiscroll .mbsc-sc-whl-multi [aria-label="yearlyKilometrage"] .mbsc-sc-itm { text-align: left; }
	.articleGeneralInfo #mainContainer { flex-direction: row; }
	.listPagination .listPagerCounter.carItemList { height: 53px; flex-direction: row; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-input input { color: #499EA3; } 
	.listPagination .filters.mbsc-mobiscroll .mbsc-input { width: auto; }
	.listPagination .filters { flex: 1 2 50%; margin: 0; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select:first-child { flex: 1.25; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select.no-pagination:first-child { flex: 1; }
	.listPagination .filters.mbsc-mobiscroll .mbsc-select:last-child { flex: 1; }
	.listPagination .pager { flex: 1 2 45%; margin-left: 17px; }
	#newCarsQuickSearchForm .quickSearchSelect .mbsc-mobiscroll.mbsc-input { margin: 0 0.4em; }
	.modifySearchContainer .searchInputs .group { width: 47%; }
	.new_cars .modifySearchContainer .searchInputs .element { width: 47%; }
	.modifySearchContainer .searchInputs .checkboxInput { width: auto; }
	.modifySearchContainer.mbsc-mobiscroll .driveTrain .mbsc-checkbox { padding: 0.8em; }
	.modifySearchContainer .searchInputs { border-bottom: none;}
	.modifySearchContainer .submitContainer .remodal-close { display: block; }
	.modifySearchContainer .submitContainer .advancedSearchContainer { margin-right: 2em; margin-bottom: 5px; }
	.modifySearchContainer.mbsc-mobiscroll a.advancedSearch { padding: 0; }
	.modifySearchContainer .submitContainer .buttons .submitButton { width: 260px; }
	.used_cars .modifySearchContainer .mainContainer { margin-bottom: 105px; margin-top: 0; }
	.leasing_cars .modifySearchContainer .mainContainer { margin-bottom: 105px; margin-top: 0; }
	.popup.modifySearchModal #modal { padding: 0; margin: 0; }
	.modifySearchContainer .searchInputs .group:nth-child(2n+1) { margin-right: 2em; }
	.leasing_cars .modifySearchContainer .searchInputs .group:nth-child(2n+1) { margin-right: 0; }
	.modifySearchContainer .clearOption { right: -9px; font-size: 21px; width: 21px; height: 20px; }
	.new_cars .modifySearchContainer .searchInputs .element:nth-child(2n+1) { margin-right: 2em; }
    .new_cars .modifySearchContainer .clearOption { right: -0.1em; font-size: 21px; width: 21px; height: 20px; }
	.new_cars .modifySearchContainer .submitContainer .buttons { margin-bottom: 10px; padding: 14px 2em; } 
	
	.pager { flex: 1 2 50%; margin-right: 1em; }
	.carConditionGallery { width: 311px; }
	.carConditionGallery .image { width: 311px; } 
	.carConditionGallery .image img { max-width: 311px; }
	.carDetailsSection.healthInformation .ratingsAndPhotos .ratings { flex: 0.85; }
	.uploadImagesContainer .mainImageContainer { text-align: center; background: #cdcdcd; }
	.uploadImagesContainer .topContainer .imageButtons a { display: block; }
	.uploadImagesContainer .topContainer .removeAllImages { margin-top: 8px; }
	#addEditPageForm.edit .footerButtons a { padding: 15px 30px; }
	.stickyHeaderDropdown .slick-list.draggable { max-width: 713px; }
	
	.heroImageText {display: block; top: 140px; left: 415px; color: #fff; position: absolute; z-index: 0; }
	.heroImageText .line1 { font-size: 60px; line-height: 70px; }
	.heroImageText .line3 { font-size: 24px; line-height: 36px; }
	.heroImageText .line3 { margin-top: 22px; }
	.heroImageText .line3 hr { margin-top: 18px; }
	
	.carItempageHeaderComponent { padding: 0 7px; }
	.carItempageHeaderComponent .titleAndPrice.desktop { display: flex; justify-content: space-between; }
	.carItempageHeaderComponent .carAttribute { border-right: 1px solid #505149; flex-direction: row; height: 20px; }
	.carItempageHeaderComponent .carAttributes { width: auto; justify-content: space-between; margin: 0; }
	.carItempageImageComponentContainer { margin-top: 5px; border-radius: 1px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); padding: 10px 10px 20px 10px; }
	.carItempageHeaderComponent .carOverviewContainer { margin-top: 5px; background: #fff; }
	.carItempageHeaderComponent .iconContainer { height: 17px; }
	.carItempageHeaderComponent .carAttributes img { margin: 0 5px 0 0; height: 17px; }
	.carItempageHeaderComponent .carAttributes .meterReading img { height: 12px; }
	.carItempageHeaderComponent .carAttributes .lastInspectionTime img { height: 21px; }
	.carItemHeaderAndImages { border: none; box-shadow: none; }
	.itemPageFunctionalityContainer { border-top: 1px solid rgba(217, 217, 219, 0.7); margin-top: 13px; }
	.car_item_leasing .itemPageFunctionalityContainer { border: none; margin: 0; }
	.itempageFunctionalityLabel { display: inline-block; }
 	.car_item_leasing .itempageFunctionalityLabel { display: none; }
	.itempageFunctionalityLink i { margin-right: 3px; }
	.itemPageFunctionalityContainer .itempageFunctionalityLink { box-shadow: 0px 1.82788px 7.31152px rgba(0, 0, 0, 0.25); height: 27px; width: auto; padding: 6px 20px; }
	.itemPageFunctionalityContainer .functionalityContent { width: 100%; }
	.carItempageHeaderComponent .carOverviewContainer .formButton { display: block; }
	
	.stickyHeaderDropdown { width: auto; }
	
	.desktop.contactSellerPanel { display: flex; justify-content: space-between; align-items: center; }
	.mobile.contactSellerPanel { display: none; }
	.car_item_leasing .mobile.contactSellerPanel { display: flex; }
	.itemSearchFunctions { padding: 20px 7px 7px 7px; }
	.pageSectionsLinks .linksList { width: 600px; }
	.new_cars .carItemHeaderAndImages .carDetails { height: 394px; }
	.new_cars .carItemHeaderAndImages #priceInfoSection .getMoreDetailsAbout { margin: 10px 0; }
	.new_cars .carItemHeaderAndImages #priceInfoSection { padding: 6px 12px; }
	.new_cars .carItemHeaderAndImages .whiteBox { margin: 0; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); border-radius: 1px; }
	.new_cars .newCarItemHeader .itemDetailToggleBar { height: 30px; padding: 0; }
	.new_cars .newCarItemHeader .usedItempageContainerHeader { line-height: 30px; }
	.new_cars .newCarItemHeader.carItemHeaderAndImages { display: flex; flex-direction: column; justify-content: space-between; }
	.new_cars .newCarItemHeader .carItempageImageComponentContainer { margin: 0 15px 0 0; padding: 6px; flex: 1.5; }
	.new_cars .newCarItemHeader .carItempageImageComponent { position: relative; }
	.new_cars .newCarItemHeader .imageAndPriceInfo { display: flex; justify-content: space-between; margin-top: 5px; }
	.new_cars .newCarItemHeader .carDetails { flex: 1; }
	.new_cars .newCarItemHeader #mainImageSlider { height: 322px; width: auto; }
	.new_cars .newCarItemHeader #priceInfoSection .carDetailsSectionIcon.priceIcon { display: none; }
	.new_cars .newCarItemHeader .itemPageFunctionalityContainer { width: 94%; margin: 6px 3% 0 3%; border: none; height: 54px; }
	.new_cars .newCarItemHeader .itemPageFunctionalityContainer .functionalityContent { padding: 0; }
	.new_cars .newCarItemHeader .itemPageFunctionalityContainer .itempageFunctionalityLink { padding: 6px 14px; }
	.new_cars .idcItemHeader .carItempageImageComponentContainer { padding: 10px; }
	.new_cars .idcItemHeader .carDetails { height: auto; }
	.new_cars .idcItemHeader #priceInfoSection { padding: 20px 15px 30px 15px; }
	.new_cars .idcItemHeader #priceInfoSection .carDetailsSectionContent { flex-wrap: nowrap; justify-content: space-between; flex-direction: row; }
	.new_cars .idcItemHeader #priceInfoSection .carDetailsSectionContent > .carDetailsGroup { flex: 1; margin-right: 30px; }
	.new_cars .idcItemHeader #priceInfoSection .carDetailsSectionContent .moreDetailsContainer { flex: 1; flex-direction: column; }
	.new_cars .idcItemHeader #priceInfoSection .getMoreDetailsAbout { margin: 30px 0; font-size: 16px; }
	.new_cars .idcItemHeader #priceInfoSection #newCarsMakeLogo { text-align: left; }
	.new_cars .idcItemHeader #priceInfoSection #newCarsMakeLogo img { max-height: 114px; }
	.new_cars .idcItemHeader #priceInfoSection .carDetailsGroup { flex-grow: 0; }
	.new_cars .idcItemHeader #priceInfoSection .carDetailsGroup .carDetailsLine { border-bottom: 0; }
	.new_cars .idcItemHeader #priceInfoSection .carDetailsGroup .carDetailsLine:nth-child(odd) { background: #DCEFF1; }
	.new_cars .idcItemHeader .carDetailsSection .carDetailsGroup .carDetailsLine .label { margin-left: 7px; }
	.new_cars .idcItemHeader .carDetailsSection .carDetailsGroup .carDetailsLine .value { margin-right: 10px; }
	.new_cars .idcItemHeader .usedItempageContainerHeader { text-align: left; margin-left: 35px; font-size: 21px; }

	.autojerryPanel.emptyAutoJerryPanel { padding-right: 35px; }
	.autoJerryCarIcon { display: block; }
	.usedcarItempageOfficeInfoContentContainer { padding: 20px 35px 0 35px; flex-direction: column; }
	.usedcarItempageOfficeInfoContentContainer .dealerDetails { padding: 0 0 30px 0; }
	.usedCarItempageSellerInformation .addressInfo { flex-direction: row; justify-content: space-between; }
	.usedCarItempageSellerInformation .sellerLinks { text-transform: uppercase; justify-content: flex-end; align-items: flex-end; }
	.usedCarItempageSellerInformation .sellerLinks a:first-child { margin-bottom: 10px; }
	.usedcarItempageOfficeInformationContainer { padding: 0; }
	.usedCarItempageSellerInformation .sellerLinks a { margin-top: 0; }
	.usedCarItempageSellerInformation .sellerLinks a:first-child { margin-top: 0; }
	.usedCarItempageOfficePersonelContainer { padding: 0 35px 30px 35px; }
	#contactInfoSection .usedCarItempageOfficePersonelContainer .title { padding-top: 25px; border-top: 1px solid #B3B3B6; }
	.targetPages .otherCarsPanel { padding: 0 35px; }
	.carPromotionsPanel { padding: 0 35px; }
	a.headerCarsLink i { display: inline-block; }
	a.headerCarsLink { font-size: 14px; }
	.carArticles { margin: 30px 35px 0 35px; }
	.carList .carsContainer .item .carImageLabel { padding: 0; position: relative; background: none; margin-top: 15px; }
	.carList .carsContainer .item .carImageLabel a { color: #499ea3; text-shadow: none; }
	.box .similarCars .carItem .carImageLabel { padding: 0; position: relative; background: none; margin-top: 15px; }
	.box .similarCars .carItem .carImageLabel a { color: #499ea3; text-shadow: none; }
	.carArticles .itemArticleLink i { display: inline-block; }
	.carFactsNewContentPanel { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
	#frontPageLeasingQuickSearch .frontPageQuickSearchThirdLine .submitQuickSearchContainer .submitQuickSearchButton { width: 50%; }
	#frontPageLeasingQuickSearch .sliderContainer {  margin: 16px; width: 33%; }
	#frontPageLeasingQuickSearch .leasingContainer { display: flex; }
	#frontPageLeasingQuickSearch a.button { margin-bottom: 0; }
	#frontPageLeasingQuickSearch .sliderLabel .title { display: block; width: 100%; }
	.frontPageQuickSearchTab .tabName .tabSubtitle { display: block; }
	.modifySearchModal .leasing .sliderContainer { margin: 10px 0; }
	.leasing_cars.targetPages .imageAndLeasingInfo { flex-direction: row; }
	.leasing_cars.targetPages #mainImageSlider .image { height: 289px; }
	.leasing_cars.targetPages .carItempageHeaderComponent .titleAndMonthlyFee { display: flex; }
	.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox { width: 302px; }
	.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox.serviceProvider { display: block; }
	.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingOfferContactRequest { display: flex; justify-content: center; }
	.leasing_cars.targetPages.general .imageAndLeasingInfo .leasingAgreement .leasingOfferContactRequest { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 10.5px; }
	.leasing_cars.targetPages.general .imageAndLeasingInfo .leasingAgreement .leasingOfferContactRequest a { padding: 6.7px 20px; }
	.leasing_cars.targetPages .imageAndLeasingInfo .whiteBox.leasingAgreement { height: 252px; }
	.leasing_cars.targetPages.general .imageAndLeasingInfo .whiteBox.leasingAgreement { height: 100%; margin-top: 0; position: relative; }
	.leasing_cars.targetPages .imageAndLeasingInfo .leasingAgreement .leasingDetails .carDetailsLine:last-child { padding-bottom: 5px; border-bottom: 1px solid rgba(217, 217, 219, 0.7); }
	.leasing_cars.targetPages .imageAndLeasingInfo .itemDetailToggleBar .usedItempageContainerHeader { font-size: 18px; }
	.leasing_cars.targetPages .imageAndLeasingInfo .itemDetailToggleBar { padding: 3px 0; }
	.leasing_cars.targetPages .itemPageFunctionalityContainer { border: none; margin: 0 0 -10px 0; padding: 0; }
	.leasing_cars.targetPages .carItempageImageComponentContainer { box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); box-sizing: border-box; border-radius: 2px; padding: 10px; }
	.leasing_cars.targetPages .carItempageImageComponentContainer .carItempageImageComponent { box-shadow: none; }
	.leasing_cars.targetPages .imageAndLeasingInfo .itemDetailToggleBar .usedItempageContainerHeader { text-align: center; margin-left: 0; }
	.leasing_cars.targetPages .imageAndLeasingInfo .contactDealerButton a { padding: 5px 10px; }
	.leasing_cars .modal.askForOffer h3 { font-size: 22px; }
	.leasing_cars .modal.askForOffer .mbsc-mobiscroll .carDetails .mbsc-err-msg { left: 0; }
	body .notifyjs-corner { width: 75vw; }
	body .notifyjs-wrapper .notify-title { font-size: 26px; }
	body .notifyjs-wrapper .notify-link a { font-size: 18px; }
	body .notifyjs-linked-base, body .notifyjs-bootstrap-base { font-size: 20px; padding: 40px 50px; }
	.textPopup.bordered .md-text-center { font-size: 20px; }
	.textPopup.bordered .md-text-center a { font-size: 18px; }
	.modifySearchModal .featuresTitle > span { width: 47%; }
	.modifySearchContainer .sectionTitle { position: absolute; top: 0; left: 28px; }
	.modifySearchContainer .separator { padding: 0; }
	.modifySearchModal .sectionAnchors .performanceSectionLong { display: block; }
	.modifySearchModal .sectionAnchors .performanceSectionShort { display: none; }
	.modifySearchModal #modal > .remodal-close { right: 22px; top: 32px; }

	.usedCarsListSort { display: flex; justify-content: space-between; height: 50px; padding: 0 0 0 5px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); }
	.usedCarsListSort.mobile { height: 50px; }
	.usedCarsListSort .dropdowns > div { width: auto; border-left: 0.5px solid rgba(217, 217, 219, 0.7); flex-shrink: 0; }
	.usedCarsListSort.mobile .dropdowns > div { border-left: none; }
	.usedCarsListSort .dropdowns .mbsc-select-input.mbsc-control { z-index: 2; border-bottom: none; height: 100%; padding: 0 15px; font-size: 15px; line-height: 18px; color: #505149; font-style: normal; font-weight: normal; }
	.usedCarsListSort .dropdowns .mbsc-input-wrap .mbsc-select-ic { right: 15px !important; }
	.usedCarsListSort .dropdowns { flex-wrap: nowrap; align-self: auto; justify-content: flex-end; }
	.usedCarsListSort.mobile .dropdowns { justify-content: center; }
	.usedCarsListSort .dropdowns .sellerTypeDropdown { max-width: 130px; }
	.usedCarsListSort .dropdowns .sortingDropdown { max-width: 170px; }
	.leasing_cars .usedCarsListSort .dropdowns .sortingDropdown { max-width: 255px; min-width: 255px; }
	.usedCarsListSort .dropdowns .resultsPerPageDropdown { max-width: 140px; }
	.usedCarsListSort .dropdowns .leasingListingTypeDropdow { max-width: 170px; }
	.showHiddenItems { padding-left: 15px; }
	.leasing_cars .usedCarsListSort .dropdowns > div { width: auto; }
	.leasing_cars .usedCarsListSort.mobile .dropdowns > div { width: auto; }
	.usedCarsListPagination { padding: 10px 157px; }
	.searchTagsContainer .selectedListing > .removeAll { display: block; } 
	.searchTagsContainer .selectedListing .tagsComponent { width: 60%; border-radius: 20px; }
	.carListHeader.searchTags .container { padding: 20px 25px; }
	.searchTagsContainer .selectedListing { padding-top: 15px; margin-top: 20px; border-top: 1px solid rgba(217, 217, 219, 0.7); }
	.listHeading { padding: 10px 0; display: flex; align-items: center; margin-right: 30px; }
	.new_cars .listHeading { padding: 0; margin: 0; }
	.listHeading h2 { font-size: 24px; }
	.used_cars .listHeading h2 { text-align: left; }
	.modifySearchContainer .title { margin-top: 0; }
	.carListHeader.searchTags .container .firstLine { flex-direction: row; align-items: center; }
	.used_cars .listSorting .buttonsContainer a.button.showModifySearch, .leasing_cars .listSorting .buttonsContainer .showModifySearch { padding: 0 12px; margin: 0 0.6em 0 0; width: 200px; height: 40px; line-height: 40px; flex: auto; }
	.used_cars .listSorting .buttonsContainer a.button.saveSearch, .leasing_cars .listSorting .buttonsContainer .saveSearch { padding: 0 12px; display: inline-block; font-size: 16px; width: 130px; height: 40px; line-height: 30px; }
	.used_cars .listSorting .buttonsContainer .saveSearchContainer { flex: auto; height: 40px;  }
	.used_cars .listSorting .buttonsContainer, .leasing_cars .listSorting .buttonsContainer { margin: 0 0 0 auto; display: flex; align-items: center; flex-shrink: 0; }
	
	.opBankBannerDesktop { display: block; }
    .opBankBannerMobile { display: none; }
    #frontPageLeasingQuickSearch .leasingContainer.leasingTypes { margin-top: -10px; }
	.leasing_cars .modifySearchContainer .searchInputs .makeAndModel .title { display: block; }
	.leasing_cars .modifySearchContainer .searchInputs .makeAndModel .title.smallDevice { display: none; }  
    .carItemLeasingOffer .modal h2 { font-size: 22px; }
    .carItemLeasingOffer .modal h3 { font-size: 18px; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .carExchange .checkboxInput .mbsc-label { font-size: 18px; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .carContainer { order: 2; width: 51%; margin-top: 15px; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .contactFormInputs { order: 1; width: 43%; margin-top: 0; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs { order: 3; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter { order: 4; display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .contactMethodContainer { width: 51%; margin: 0; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .bottomFormInputs .carExchange { width: 43%; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .itemPageModalContactRequestSubmitButton { padding: 15px 35px; width: auto; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .submitButtonContainer { margin: 0; flex-direction: row; align-items: center; width: auto; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .formFooter .submitButtonContainer .clear { margin-right: 40px; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .contactRequestFormImageContainer .mainImage { max-height: 272px; }
    .carItemLeasingOffer .modal .leasingCarContactRequestForm .contactRequestFormImageContainer { min-height: 272px; }
	.car_item_leasing #mainImageSlider .image { height: 333px; }
	.car_item_leasing #imageCarousel .image { height: 85px; }
	.car_item_leasing #imageCarousel .slick-track { height: 96px; }
	.car_item_leasing .itemPageFunctionalityContainer { height: 78px; }
	.car_item_leasing .desktop.contactSellerPanel { padding: 20px 30px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35); }
	.car_item_leasing .sellerDetailsContainer { justify-content: space-between; width: 100%; }
	.car_item_leasing .contactSellerPanel .sellerDetails { justify-content: space-between; width: 64%; }
	.car_item_leasing .mobile.contactSellerPanel { display: none; }
	.car_item_leasing .desktop.contactSellerPanel { display: flex; }
	.car_item_leasing .itemPageFunctionalityContainer .itempageFunctionalityLink { padding: 6px 15px; }
	.car_item_leasing .itemPageFunctionalityContainer .functionalityContent { width: 300px; }
	.car_item_leasing .carItempageHeaderComponent { box-shadow: none; border: none; }
	.leasingImageComponentContainer { flex-wrap: nowrap; } 
    .leasingImageComponentContainer .carItempageImageComponent { width: 437px; margin-right: 10px; border-radius: 1px; flex-shrink: 0; }
    .leasingImageComponentContainer .carItemLeasingComponent { border-radius: 1px; margin: 0; }    
    #almaFooter a { font-size: 16px; }
    #almaFooter a.white { width: auto; margin: 10px 0 35px 0; }
    #almaFooter a.white.feedback { margin: 10px 0 35px 0; } 
    #almaFooter .mainIcon { text-align: left; }
    #almaFooter .group.mainLinks { flex-direction: column; align-items: flex-start; }
    #almaFooter .group.mainLinks a { font-size: 20px; margin: 5px 0; }
    #almaFooter .group.mainLinks span { display: none; }
    #almaFooter .group.socialMedia.desktop { display: block; }
	#almaFooter .group.socialMedia.mobile { display: none; }
	#almaFooter .subContainer.headItems { flex-basis: 33%; }
	#almaFooter #almaCredit { text-align: right; font-size: 12px; }
	#almaFooter #almaCredit a { font-size: 12px; }
	#almaFooter .subContainer .title { padding: 0 0 5px 0; font-size: 12px;  }
	#almaFooter .group { margin-bottom: 25px; }
	
	.marketplaceHeader { display: block !important; position: relative; top: auto; }
	.marketplaceHeader a { display: inline-block; font-size: 9px; color: rgba(255, 255, 255, 0.8); width: auto; margin: 0 10px 0 0; }
	.marketplaceHeader .marketplaceLinks { padding: 7px 0; border-top: none; border-bottom: 0.5px solid rgba(217, 217, 219, 0.7); margin: 0 15px; }
	#openMarketplaceSection { display: none !important; pointer-events: none; }
	#closeMarketplaceSection { display: none !important; pointer-events: none; }
	.stickyHeaderDropdownContainer .dropdownCloseButton:before { top: 130px; }
	.frontPageQuickSearchContainer .wrappable { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.frontPageQuickSearchContainer #frontPageUsedCarsQuickSearch .wrappable .quickSearchSelect { flex-basis: 50%; }
	.frontPageQuickSearchContainer .fuelVisible .wrappable .quickSearchSelect { flex-basis: 50%; }
	
}

@media (min-width: 768px) {
	.uploadImagesContainer .mainImageContainer .mainImage { max-width: 100%; max-height: 260px; }
	.uploadImagesContainer .topContainer .imageButtons { position: absolute; bottom: 0; padding: 0 0 0 20px; }
	.uploadImagesContainer .mainImageContainer .mainImage { width: auto; max-height: 260px; }
	#carCondition .inputContainer.interior label { margin-bottom: 2em; }
	.loanCalculator .summary { margin: 40px 0 20px 0; }
	.usedCarsListSort { padding: 0 0 0 15px; }
	#leasingErrorContent img { display: block; margin-left: 10px; }
}

@media (min-width: 800px) {
	.listSortInfoText { display: inline; }
	.modal .contactRequestDetails .yourCarInfo { display: flex; margin-bottom: 0; }
	.modal .contactRequestDetails .yourCarInfo input.text, .modal .contactRequestDetails .yourCarInfo .contactRequestFormTextArea { width: 90%; }
	.modal .secto .contactRequestDetails .details .outlineInputs .formLine { display: flex; }
	.modal .contactRequestDetails .details .leasingDetails .inputContainer { flex: 1; }
	.modal .secto .contactRequestDetails .details .outlineInputs .formLine.first { margin-top: 7px; }
	.listSorting .buttonsContainer a.button.showModifySearch { margin: 0 0.8em 0 0; }
	.listSorting .tab:first-child { min-width: 10em; }
	.listSorting .tab:last-child { min-width: 10em; }
	#addEditPageForm .footerButtons .rightButtons a { margin-right: 1.7em; }
	#addEditPageForm .footerButtons .leftButtons a { margin-left: 1.7em; }
	.uploadImagesContainer .topContainer .imageButtons { position: absolute; bottom: 0; padding: 0 0 0 20px; }
	.userDataHeader li.leaveAnnouncementItem { display: flex; }
	.userDataHeader li.leftBordered { border-left: 1px solid #fff; padding: 0 15px; }
	#primaryNavigation { float: right; display: block; margin: 0; }
	.bars { display: none; }
	a.button.leaveAnnouncementButton { padding: 6px 20px; margin-left: 16px; width: auto; }
	#responsiveNavigation.open { display: none; }
	.userDataHeader li.userNameHeaderContainer { position: relative; }
	#secondaryNavigation { right: 14px; top: 47px; width: auto; }
	#secondaryNavigation .userNameLabel { display: none; }
	#mainHeader .closeButton { display: none; }
	#mainHeader .userHeaderLinks button.signOutLink { margin: 8px 0 18px 15px; width: 145px; }
	#mainHeader .userHeaderLinks button.signOutLink span { font-size: 14px; }
	.userDataHeader .secondaryNavigationList { padding-left: 15px; }
	.userDataHeader .secondaryNavigationListItem a { text-transform: none; font-size: 14px; padding: 8px 0; }
	.stickyHeaderDropdown { width: 795px; }
	#leasingCarsListContent .listRow { width: 100%; }
	#leasingCarsListContent .goToTargetPageLink { text-transform: none; width: 170px; }
	#leasingCarsListContent .goToTargetPageLink i { display: inline; }
	#leasingCarsListContent .carsListItemDetailsContainer { height: 205px; }
	#leasingCarsListContent .carsListItemDetailsContainer .leasingTitle { font-size: 24px; width: auto; margin-bottom: 10px; }
	#leasingCarsListContent .carsListItemCarDetailTopContainer { padding: 20px; border: none; }
	#leasingCarsListContent .carsListItemCarDetailTopRightContainer .logo img { max-height: 80px; }
	#leasingCarsListContent .carsListItemDetailsContainer .startingPriceLabel { font-size: 18px; margin-left: 20px; line-height: 40px; padding: 0; background: none; position: static; color: #fff; }
	.contracts #leasingCarsListContent .carsListItemImagesContainer .imgNav { display: block; }
	.contracts #leasingCarsListContent .carsListItemImagesContainer { width: 34%; float: left; }
	.contracts #leasingCarsListContent .carsListItemDetailsContainer { width: 66%; float: right; }
	.contracts #leasingCarsListContent .carsListItemCarDetailTopLeftContainer { width: 60%; display: inline-block; }
	.contracts #leasingCarsListContent .carsListItemCarDetailTopRightContainer { font-size: 12px; position: relative; }
	.contracts #leasingCarsListContent .carsListItemCarDetailTopContainer { margin: 0; }
	#leasingCarsListContent .carItemLeasingLabel { left: 0; right: auto; }
	#leasingCarsListContent.listByModel .carItemLeasingLabel { left: auto; right: 0; }
	#frontPageLeasingQuickSearch .leasingContainer.leasingTypes { flex-direction: row; }
	#frontPageLeasingQuickSearch .switchMessage { margin: 0 0 0 20px; }
	.marketplaceHeader a { font-size: 10px; }
}

@media (min-width: 830px) {
	.listSorting .dealerType { flex-direction: row; height: 43px; margin-bottom: 10px; }
	.listSorting .dealerTabs { margin: 0; background-color: #e2e2e2; display: block; border-radius: 2em; }
	.listSorting .tab.active:first-child { border-radius: 2em 0 0 2em; }
	.listSorting .tab.active:last-child { border-radius: 0 2em 2em 0; }
	.listSorting .tab:first-child { min-width: 8em; }
	.listSorting .tab:last-child { min-width: 8em; }
	.listSorting .tab { min-width: 12em; }
	.listSorting .buttonsContainer { display: block; }
	.listSorting .buttonsContainer a.button { width: 9em; font-size: 16px; }
	.listSorting .buttonsContainer a.button.showModifySearch { margin: 0; width: 11em; margin: 0 0.4em 0 0; }
	.listPagination .listPagerCounter.carItemList { margin-top: 0; }
	.listPagination .listPagerCounter.carItemList.no-pagination { margin-top: 0; }
	.desktop.contactSellerPanel { padding: 20px 30px 0 30px; }
	.itemPageFunctionalityContainer .functionalityContent { padding: 0 30px; }
	.contactSellerPanel .sellerDetails { margin-right: 30px; }
	.contactSellerPanel .sellerDetails img { margin-right: 30px; }
	.contactSellerPanel .sellerAddress { margin-left: 30px; }
	.usedCarItempageSellerInformation .dealerSalesPerson { width: 33%; }
	.new_cars .newCarItemHeader .carItempageImageComponentContainer { margin: 0 20px 0 0; flex: 1.6; }
	#leasingCarsListContent.listByModel { gap: 1.4%; }
	#leasingCarsListContent.listByModel .listRow { width: 32.4%; }
	#leasingCarsListContent.listByModel .listRow .leasingTitle { font-size: 21px; }
	#leasingCarsListContent.listByModel .listRow .goToContractListingLink { text-transform: none; font-size: 16px; }
	.leasing_cars .modal.askForOffer .carExchange .radioButtons { flex-direction: row; }
	.leasing_cars .modal.askForOffer .carExchange .carDetails { flex-direction: row; }
	.leasing_cars .modal.askForOffer .carExchange .carDetails > div { margin: 0.56em 1em; }
	.leasing_cars .modal.askForOffer .carExchange .carDetailsContainer { flex: 1.6; }
	.leasing_cars .modal.askForOffer .carExchange .carDetails .label { width: auto; }
	.leasing_cars .modal.askForOffer .mbsc-mobiscroll .carDetails #contactRequestRegistrationNumberError { left: -130px; }
	.leasing_cars .modal.askForOffer .mbsc-mobiscroll .carDetails #contactRequestMileageError { left: -125px; }
	.usedCarsListSort { padding: 0 0 0 21px; }
	#leasingCarsListContent.listByModel .listRow .startingPriceLabel { bottom: 50px; }
	.modifySearchContainer .searchInputs .group.fullRow { flex-direction: row; }
	.modifySearchContainer .searchInputs .group.leasingType .switchMessage { margin: 0 0 0 25px; }
	#frontPageLeasingQuickSearch .switchMessage { margin: 0 0 0 25px; }
	.leasingImageComponentContainer .carItempageImageComponent { width: 523px; }
	.car_item_leasing .itempageFunctionalityLabel { display: inline-block; }
	.car_item_leasing .itemPageFunctionalityContainer .functionalityContent { width: 100%; }
	#almaFooter .mainContainer { justify-content: space-between; }
	#almaFooter .subContainer.headItems { flex-basis: 28%; }
	#almaFooter .subContainer { flex-basis: 25%; }
	#almaFooter .subContainer:last-child { flex-basis: 156px; }
	#leasingCarsListContent.listByModel .detailsItem .label .wholePeriod { display: block; }
}

@media (min-width: 900px) {
    .targetPageTellAFriend span { display: inline; }
    .frontPageRegistrationIdSearch { margin: 0 15px 0 0; flex: 1.7; }
    .select2-search__field { background-size: 25px 25px; padding-right: 20px !important; }
    .searchLinksContainer { flex: 2.6; display: flex; }
	.frontPageQuickSearchThirdLine .toAdvancedSearch { margin: 0 15px 0 0; }
	#addEditCarBasicInformationPanel .selectContainer { width: 67%; }
	.modal .contactFormInputs.secto > div:first-of-type { flex: 1.1; }
	#addEditPageForm.edit .footerButtons a { padding: 15px 37px; }
	#addEditPageForm.edit.privateSeller .footerButtons a { padding: 15px 22px; }
	#addEditPageForm.edit.privateSeller .footerButtons .rightButtons { flex-direction: row; }
	#addEditPageForm.edit.privateSeller #imageUpload .footerButtons .rightButtons { flex-direction: row; }
	#addEditPageForm.edit.privateSeller #imageUpload .footerButtons .leftButtons .secondRow { flex-direction: row; }
	#addEditPageForm.edit.privateSeller .footerButtons .leftButtons { flex-direction: row; }
	#addEditPageForm.edit.privateSeller .footerButtons .button.visibility-hidden { display: none; }
	#addEditPageForm.edit.privateSeller .footerButtons .secondRow { margin-top: 0; }
	#primaryNavigation ul li { padding: 0 15px; }
	.carItempageHeaderComponent .dealerInfo { display: flex; flex-direction: column; justify-content: center; margin-left: 10px; }
	.carDetailsSection .carDetailsSectionContent .mbsc-form-group-content { margin: 0 68px 0 0; }
	.targetPages .carDetailsSection .mbsc-collapsible .mbsc-collapsible-icon { right: 20px; }
	.targetPages .carDetailsSection .mbsc-collapsible-open>.mbsc-collapsible-header .mbsc-collapsible-icon { right: 30px; }
	.autojerryPanel.carDetails .carDetailsSectionContent { margin-right: 68px; }
	.new_cars .carItemHeaderAndImages #priceInfoSection .getMoreDetailsAbout { margin: 20px 0; }
	body .notifyjs-corner { width: auto; }
	.leasing_cars .disclaimerBadge { margin: 20px 4px !important; }
	.modifySearchModal .sectionAnchors { margin: 0 115px 32px 115px; }
	.leasingImageComponentContainer .carItempageImageComponent { width: 574px; }
	.car_item_leasing .itemPageFunctionalityContainer .itempageFunctionalityLink { padding: 6px 23px; }
	#almaFooter .subContainer.headItems { flex-basis: 31%; }
	#almaFooter .subContainer { flex-basis: 23%; }
	.marketplaceHeader a { font-size: 11px; }
	.marketplaceHeader .marketplaceLinks { padding: 9px 0; }
	.frontPageQuickSearchContainer #frontPageUsedCarsQuickSearch .wrappable .quickSearchSelect { flex-basis: 0; }
	.frontPageQuickSearchContainer .fuelVisible .wrappable .quickSearchSelect { flex-basis: 0; }
	.quickSearchSelect .mbsc-mobiscroll.mbsc-input { margin: 0 0.4em; }
}

@media (min-width: 992px) {
	#addEditPageForm .thirdColumn .firstRow .mbsc-mobiscroll.mbsc-input { margin-top: 2em; }
}

/* Responsive - Larger than desktop */
@media (min-width: 1000px) {
	#wrapper4 { background-size: auto; }
    .usedCarItempageContent.itemContent { width: 800px; display: inline-block; }
    .usedcarItempageHeaderComponent .carTitle { max-height: none; }
    .usedcarItempageHeaderComponent .carPrice { text-align: right; padding-top: 0; }
    #frontpageContent { width: 980px; }
    a.button {display: inline-block; padding: 5px 15px; margin: 0; text-align: inherit; }
	#wrapper2 { width: 1000px; }
	#wrapper { width: 1000px; }
	.sectionBlock { width: 783px; }
	#responsiveNavigation.open { display: none; }
	#topBanner { display: block; height: 420px; }
	#contentBackground { width: 980px; padding: 10px; }
	#content { width: 805px; }
	#rightBanner { float: right; width: 175px; display: block; height: auto; }
	#rightBanner > div { padding: 3px 15px 15px 15px; display: block; }
	#stickySkyScraper > div { display:block; }
	#almad-skyscraper-1, #almad-aside-right-1 { display: block; }
	body.targetPages #almad-skyscraper-2 { margin: 10px 0 15px 0; }
	.carFactsNewContentPanel { -webkit-column-count: 1;-moz-column-count: 1; column-count: 1; }
	#stickySkyScraper { float: none; width: auto; }
	.carListRightSideBox, .carItemRightSideBox { width: 138px; margin-top: 10px; }
	body.targetPages #rightBanner > div:not(.carItemRightSideBox) { padding: 0 0 0 15px; }
	.listCarFactsPanel .exampleImage { display: block; }
	
	.breadcrumbsContainer { width: 805px; }
	#almaFooter .wrapper { width: 980px; }

	.motoServiceAdvertisement { width: 980px;}
	
	#travellerRelativeContainer { width: 800px;}
  	.travellerPositionerSearch { width: 805px; }
	#traveller { width:803px !important; }
	#traveller_header { float: left; width: 783px; padding: 0 11px; box-sizing: content-box; }
	#traveller_watch { width: 783px; padding: 10px 11px; margin-bottom: 10px; box-sizing: content-box; }
	#traveller_watch .lock .select2-container { width: auto !important; }
	#traveller_controls { width: 765px; box-sizing: content-box; }
	.separatorTraveller  { width: 783px; margin-left: 11px; margin-right: 11px; }
	.separatorTravellerWatch { width: 783px; margin-left: 0; margin-right: 0; }
	.sliderContainer > input { width: 100px; }
	.advSearchThreeCols { width: 803px; }
	span.bodyTypes .checkboxInput { width: 9.6%;}
	.fuelConsumptionTypeContainer input, .fuelConsumptionTypeContainer label  { float: none; clear: none; }
	.colorContainer.checkboxInput { width: 20%; min-height: 26px; }
	
	.listSideColumn { display: block; }
	.listSideBox { display: block; }
	.listMainColumn { width: 805px; }
	.listTools .tools { margin-right: 10px; }
	.listTools .comparison { font-size: 1.1em; display: block; }
	.listTools .comparisonList .used.comparisonItemContainer { width: 203px; box-sizing: border-box; height: 223px; }
	.listPagination .buttonContainer { width: 40px; }
	.listPagination .buttonContainer.next { display: block; text-align: right; }
	.listPagination .buttonContainer.nextmobile { display: none; }
	.listPagination .pageCounterContainer { width: 235px; }
	.listPagination .sortTools { width: 313px; float: right; }
	.listPagination .pageLabel { line-height: 48px; }
	#pageAndDropdownContainer { width: auto; }
	.carsListItemImagesContainer { width: 34%; height: 210px; float: left; position: relative; overflow: hidden; }
	 .carsListItemImageContainer a.hideListItem { display: block; }
	.carsListItemImage { max-height: 210px; }
	.carsListItemDetailsContainer { width: 66%; height: 210px; float: right; }
	.carsListItemCarDetailTopContainer { height: 150px; padding: 10px; position: relative; margin: 0; }
	.carsListItemCarDetailTopRightContainer { display: block; width: 39%; float: right; text-align: right; }
	.carsListItemCarDetailTopRightContainer .logo img { max-height: 80px; width:auto; max-width:100%; }
	.carListItemDescription { display: block; font-size: 1.1em; margin-top: 10px; height: 65px; }
	.carsListItemCarPrice .disclaimer.mobile.tooltip { display: none; }
	.carsListItemCarPrice .disclaimer.desktop.tooltip { display: inline-block; }
	.carsListItemCarDetailTopLeftContainer { width: 60%; display: inline-block; }
	.carsListItemCarNameContainer { margin: 0; }
	.carsListItemCarDetailBottomContainer .sep { display: inline-block; padding: 0 10px; }
	.carsListItemCarDetailBottomContainer { font-size: 1.7em; text-align: left; }
	.carsListItemCarDetailBottomContainer a.hideListItem { display: none; }
	.sellerLogo { float: none; }
	.listRow .warranty { display: block; }
	.comparisonLabel { display: inline; }
	.carsListItemCompare { margin-right: 10px; display: block; }
	.carsListItemCompare .checkboxInput input { top:2px; }
	.carsListItemImagesContainer .imgNav { position: absolute; bottom: 0; display: block; height: 6px; padding: 17px 0; width: 100%; background: #b3b3b6; opacity: 0.7;}
	.listRow { border: 1px solid #cdcdcd; }
	.listRow .detailsContainer { width: 450px; }
	.listRow .detailsContainer { height: 100%; }
	.used .listRow .itemDetails .details { width: 225px; }
	.used.panel.listTools.active { height: 15em; }
	.listContent > div { margin-bottom: 8px; }
	.listContent > div.listAd { margin: 0; }
	span.saveSearchText { font-size: 1.3em; line-height: 1.5em; }
	.newCarListOfficeContainer { float: none; }
	.carItemTargetPageIcon .targetPageAllImages { float: none; }
	
	#content.itemPageContent { width: 980px; }
	.itemContent { width: 805px; }
	.searchResultText { display: inline; }
	.priceTag { display: block; }
	.dealerContact .dealerName { text-align: center; margin-left: 0; }
	.dealerContact .dealerName img { margin-left: auto; margin-right: auto; }
	.contactRequestLinkContainer { display: block; bottom: 5px; left: 5px; }
	.itemPageModalContactRequestSubmitButton { margin-top: 20px; }
	.carsListItemCarDetailTopContainer .mediaTags { display: block; }
	
	table.dealersList th.name { width: 335px; }
	table.dealersList th.usedCarCount { width: 80px; }
	table.dealersList th.dealership { width: 310px; }
	
	.myGarageSectionBlock { width: 250px; margin-right: 9px; }
	.myGarageSectionBlock.lst { margin-right: 0; }
	#rightBanner .helpBox { width: 158px; }
	.helpBox.sellYourCarPanel { display: block; }
	.favorites .listRow .detailsContainer { width: 77%; }
	#personalInformation > div { min-height: 320px; padding: 8px; border-right: 1px solid #a3acb3; clear: none; }
	
	.sellYourCarContainer { width: 805px; }
	.sellYourCarLeft { width: 550px; }
	.sellYourCarHeader {width: 530px; }
	.sellYourCarRight { width: 235px; float: left; margin: 0 10px; }
	.sellYourCarHelpDesk { width: 205px; padding: 20px; }
	.sellYourCarLinks { width: 205px; padding: 20px; }
	.sellYourCarContent { width: 530px; padding: 10px; }

	.rssFeedGoogleReader { float: left; clear: none; margin: 0 0 0 30px; }
	
  	.listArticleRow .socialNetworksRow { width: 598px; }
  	.listArticleRow .descriptionColumn { width: 598px; }
  	
    .itemDetail.passwordContainer { width: 100%; }
	.itemDetail.passwordContainer #publisherPassword { width: 209px; }
	.addEditCarItemForm .itemDetail { display:flex; }
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { padding-right: 7px; }
	.addEditCarItemForm .errorMessage { width: 223px; }
	.addEditCarItemForm .passwordContainer .errorMessage { width: 223px; }
	#addEditPageForm .inputContainer .clearOption { right: -10px; top: 0.8em; }
	#addEditPageForm.edit.privateSeller .footerButtons a { padding: 15px 30px; }
	#addEditCarBasicInformationPanel .selectContainer { width: auto; }
	.carItemContainer .equipment { width: 24%; }
  	.addEditCarItemForm .formOverlay .spinner { position: absolute; }

  	.used .listRow { width: 803px; margin: 0.5% 0; }
  	.new .listRow { width: 803px; margin: 0.5% 0; }
	
	#latestArticles .content .listItem { width: 308px; }
	#latestArticles .content .listItem:nth-child(2n+2) { margin: 0 15px 10px 0; }
	.latestArticlesContainer #latestArticles .content .listItem:nth-child(2n+2) { margin: 0; }
	#latestArticles .content .listItem:nth-child(3n+3) { margin-right: 0; }
	.latestArticlesContainer #latestArticles .content .listItem { width: 394px; }
	
	#newCarsQuickSearch .checkboxInput { margin-bottom: 0px; }
	
	.backToTop { right: 30px; }
	.backToTop .toTopIcon { width: 60px; height: 60px; }
	.backToTop .toTopIcon > span { font-size: 60px; }
	.saveSearchListPageTraveller { padding: 12px 11px; }
	
	.itemDetail .key {float: left; width: 160px; line-height: 30px; }
	.itemDetail .checkboxWrap { padding: 5px 0px 0px 0px; width: 20px; }
		
    .advancedSearchWarrantyInputRow:not(:last-child):not(:first-child) { width: 22% !important; }
	
	.stickyHeaderDropdown { width: 940px; }
	.stickyHeaderDropdown .slick-list.draggable { max-width: none; }
	.stickyHeaderDropdownItem { flex-shrink: 0; }
	.emptyElement img { padding-bottom: 0; }
	.favoriteCars .emptyElement img { padding-top: 9px; height: 4.4rem; width: 4.4rem; }
	.stickyHeaderDropdown .slick-prev { left: -25px; } 
	.stickyHeaderDropdown .slick-next { right: -25px; }	
	.stickyHeaderDropdownContainer .dropdownCloseButton:before { position: absolute; top: 0; right: -28px; }
	.comparisonItems.stickyHeaderDropdownContainer .dropdownCloseButton:before { right: -44px; }
	
	.addEditCarItemForm input.text, .addEditCarItemForm textarea { width: 209px; }
	#contactDetailsContainer, .wideWatchdogContainer { width: 717px; }
	.modal .contactFormInputs .contactInformation  { min-width: 167px; }
	.modal #carItemSubscriberForm .contactFormInputs .contactInformation { min-width: 203px; }
	.modal .formFooter { margin-top: 10px; display: inline-block; width: 100%; }
	.latestArticlesContainer #latestArticles .content .item .image { width: 392px; }
	.latestArticlesContainer #latestArticles .content .listItem:nth-child(2n+1) { margin: 0 10px 13px 0; }
	.frontPageRegistrationIdSearch { flex: 1.4; }
	
	.previousSearchPanel #lastSearchContainer #lastSearchLink { width: 900px !important; }
	.frontPageQuickSearchThirdLine { margin: 0 5px; }
	.mbsc-sc-itm-ml { font-size: 16px !important; }
	.searchLinksContainer { flex: 2.3; }
	.clearOption { font-size: 20px; bottom: 26%; }
	
	.articles { width: 78%; margin-right: 2%; }
	.articleItems .articlesContent:nth-child(3n-2) .title a { font-size:30px; }
	.articlesContent .title a { font-size: 24px; }
	.articleItems { display: flex; }
	.articlesListMobileBanner { display: none; }
	.articlesListDesktopBanner {display: block; }
	.articleGeneralInfo .articleTagInfo .socialMediaIcons { margin: 10px 0; }
	
	.popup.mbsc-mobiscroll .mbsc-fr-w { width: 775px !important; min-width: 16em; }
	.popup.mbsc-mobiscroll .group.location .mbsc-fr-w { width: auto !important; min-width: auto; }
	.used_cars .popup.mbsc-mobiscroll.modifySearchModal .mbsc-fr-w { width: 980px !important; }
	.leasing_cars .popup.mbsc-mobiscroll.modifySearchModal .mbsc-fr-w { width: 980px !important; }
	.used_cars .popup.mbsc-mobiscroll.modifySearchModal .group.location .mbsc-fr-w { width: auto !important; }
	
	.buttonsContainer a.button { padding: 8px 9px; }
	.promoteItemModal .mbsc-fr-w { width: 775px !important; }
	
	.acceptTermsOfUsage { width: 980px;  }
	.acceptTermsOfUsage .padder { padding: 0 20px 40px 20px; }
	.acceptTermsOfUsage .padder .acceptTermsForm .buttons { float: right; width: 200px; }
	.acceptTermsOfUsage .padder .acceptTermsForm .buttons .cancel { margin-right: 10px; }
	.ratingTooltip { width: 650px; }
	
	.heroImageText { left: 470px; }
	.heroImageText .line1 { font-size: 83px; line-height: 97px; }
	.heroImageText .line3 { font-size: 34px; line-height: 46px; }
	.heroImageText .line3 hr { margin-top: 23px; }
	
	.userDataHeaderContent { width: 1000px; }
	#primaryNavigation .navigationList { font-size: 16px; }
	#primaryNavigation ul li { padding: 0 20px; }

	.carItempageHeaderComponent .carAttribute { padding: 0 9px; }
	.itemSearchFunctions { padding: 20px 0 7px 7px; }
	#mainImageSlider { height: 580px; width: 780px; }
	.carItempageImageComponentContainer { width: 780px; }
	#mainImageSlider .image { height: 580px; }
	.slick-slide .itempageCarouselSlide { border: 5px solid #fff !important; }
	.slick-slide.slick-current .itempageCarouselSlide { border: 5px solid rgb(255, 153, 0) !important; }

	.newCarItemHeader #mainImageSlider { width: 100%; }
	.newCarItemHeader .itemPageFunctionalityContainer .itempageFunctionalityLink { padding: 6px 20px; }
	.idcLeasingForm #modal { min-height: 950px; }
	#frontPageLeasingQuickSearch .sliderLabel .title { display: inline; width: auto; }
	.leasing_cars .popup.leasingOffer.mbsc-mobiscroll .mbsc-fr-w { width: 987px !important; }
	.leasing_cars.targetPages.general .imageAndLeasingInfo .leasingAgreement .leasingOfferContactRequest { bottom: 16.5px; }
	.leasing_cars .modal.askForOffer .carExchange .carDetailsContainer { flex: 2; }
	.leasing_cars .modal.askForOffer .mbsc-mobiscroll .carDetails #contactRequestRegistrationNumberError { left: 0; }
	.leasing_cars .modal.askForOffer .mbsc-mobiscroll .carDetails #contactRequestMileageError { left: 0; }
	.modifySearchContainer .searchInputs .group.imageList .inputContainer { width: 325px; }
	#comparisonPanelHeaderList { display: block; }
	.leasingImageComponentContainer .carItempageImageComponent { width: 510px; }
	.car_item_leasing .itemPageFunctionalityContainer .itempageFunctionalityLink { padding: 6px 13px; }
	#almaFooter { padding: 50px 0 65px 0px; }
	#almaFooter hr { margin-bottom: 15px; }
}

@media (min-width: 1300px) {
	.listPage #contentBackground { min-height: 1275px; }
	.new_cars.listPage #contentBackground { min-height: 1115px; }
	.popup.modifySearchCModal #modal { padding: 2.2em 2em 0 2em; }
	.newCarPriceWheel .mbsc-sc-itm { padding: 0 0 0 5px !important; }
	.price.mbsc-mobiscroll .mbsc-sc-lbl { padding: 0 0 0 5px !important; }
	.notifyjs-bootstrap-clearModifySearch { margin-bottom: 10px; }
}

@media (max-width: 330px) {
	.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 4px; }
}

@media (max-width: 400px) {
	select { height: 33px; }
	.quickLinksPageContainer ul { width: 100%; }
	#youTubeFrame { height: 200px; }
	#favoriteText { display: none; }
	.targetPageAllImages span { display: none; }
	.tellAFriendIcon { padding-top: 0; }
 }
 
@media (max-width: 450px) {	
	.listPagination .sortTools { width: auto; margin: 0 auto; }
	.listPagination .pageCounterContainer { margin: 0 auto; } 
	#pageAndDropdownContainer { margin: -13px auto 0 auto; }

	.heroImageContainer { background:url('/images/common/AT_HERO_mobile.jpg') no-repeat !important; background-size: 100% 310px;}
	
   	.articlesFunctions .submitSearchButton { font-size: 18px; width: 25%; padding-top: 11px; }
   	.articlesFunctions .articlesSearchBar { width: 62%; font-size: 18px; }
   	
}

@media (max-width: 500px) {
 	.listRow .itemDetails .details a { font-size: 1.0em; }
    #latestArticles .content .listItem { width: 100%; }
}

@media (max-width: 650px) {
	.modal .mbsc-mobiscroll .saveSearchModalContent .wideWatchdogContainer .mbsc-checkbox-box { top: 1.6em; }
}

@media (max-width: 812px) and (orientation: landscape), (max-width: 432px) {
	#topBanner { height: unset !important; }
    .heroImageContainer { height:310px; width: 100%; position: absolute; left:0; text-align: center;}
    #contentBackground{ padding-top: 0; margin-top: 0;}
    #content { position:relative; margin-top: 310px; z-index:2; }
    .frontpage #content { margin-top: 300px; }
	
    .frontpage .heroImageContainer #almad-parade-1, .frontpage .heroImageContainer #almad-leaderboard-1 { margin-top: 5px; }
    .heroImageContainer #almad-parade-1, .heroImageContainer #almad-leaderboard-1 { margin-top: 0; }
    .carItempageHeaderComponent .titleAndPrice .rightSide { flex-grow: unset; justify-content: space-between;}
	
    .select2-container .select2-selection--single { height: 35px !important; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px !important; font-size: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% !important; }
    .select2-container--default .select2-selection--single .select2-selection__clear { font-size: 30px; }
    .select2-results { font-size: 20px; }
    .select2-container--default .select2-search--dropdown .select2-search__field { height: 30px; font-size: 20px; }

    .select2-container--default .select2-results>.select2-results__options { max-height: 320px; }
    
    .saveSearchListPageTraveller { bottom: 0; }
    .saveSearchLink { margin: 0 !important; }
    
	.advancedSearchWarrantyInputRow:not(:last-child):not(:first-child) { width: 44%; float:left; }
	
	.heroImageText {display: block; top: 95px; width: 100%; left: unset; color: #fff; position: absolute; z-index: 1;}
	.heroImageText .text { width: 242px; position: relative; margin: 0 auto; }
	.heroImageText .line1 { font-size: 44px; line-height: 54px; }
	.heroImageText .line3 { font-size: 18px; line-height: 30px; }
	.heroImageText .line3 hr { margin-top: 15px; }
	.heroImageText .line3 { justify-content: center; }
	.heroImageText .line3 span { cursor: default; }
	
}

@media (max-width: 812px) and (orientation: landscape) {
    .heroImageContainer { background:url('/images/common/AT_HERO_mobile_landscape.jpg') no-repeat; background-size: 100% 310px; }
	.heroImageText { width: auto; right: 23px; }
}

/* Smaller than tablet */
@media (max-width: 750px) {
  .modal .carContainer { display: none; }
  .loginPanelInputContainer input { width: 100%; }
  .normalLoginPanel { width: 100%; }
  .carsListItemImageContainer { text-align: center; }
  .carsListItemImage { max-width: 100%; height: auto; max-height: 210px; }
  .carsListItemCarDetailTopLeftContainer { height: 52px; overflow: hidden; }
  .carsListItemCarNameContainer { margin: 0; }
  #rightBanner { display: block; width: 100%;}
  .articleBox{ display:none }
  [id^="almad-skyscraper"] { display: none}
  .carFactsNewContentPanel p { margin: 0; }		
	.box .similarCars .carItem img { height: auto; }	
	
	.checkboxInput.radioInput :checked:before { font-size: 11px; left: 2.2px; }
	#newCarsQuickSearch .checkboxInput.radioInput :checked:before { font-size: 15px; left: 3px; }
	.modal .checkboxInput input { width: 20px; height: 20px; }
	.modal .hideListItemInfoTitle { display:none; }
	
	.select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 5px; }
	
	.contactRequest #modal > .remodal-close, .modifySearchModal #modal > .remodal-close, #modal > .remodal-close { top: 7px; right: 0;}
}

@media (max-width: 999px) {
	.stickyComponent { display: none !important; }
}

/* Hi-res screens background-images */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
  	.newlyAdded.dayTwo { background-position: 0 -33px; }
  	.newlyAdded.dayThree { background-position: 0 -66px; }
}

input[type='number'] { -moz-appearance:textfield !important; }
input::-webkit-outer-spin-button,
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Keyframes */
@keyframes fadeInCss {
 	0% { opacity: 0; }
  	100% { opacity:1; }
}

@-webkit-keyframes fadeInCss {
	0% { opacity: 0; }
  	100% { opacity:1; }
}